Buza Tamás
CEO

Web Design Trendek 2018

Tavaly még a Creative Web Ideas színeiben összeírtam a 2017-es web design trendeket, most pedig megpróbálom összegyűjteni az idei változásokat, de mindenek előtt összefoglalnám, hogy tavalyról mik azok, amik beivódtak a mindennapokba és mi az, ami abszolút eltűnt vagy nem vált be.

2017 Web Design Trendek a gyakorlatban

A tavalyi év folyamán az alábbi újdonságok voltak:

  • Koncentráljunk a tartalomra – Tartalomközpontú weboldalak
  • Nagy, vastag betűk
  • Geometriai elemek, minták, vonalak
  • Képközpontú headingek
  • Színátmenetes képek
  • AnimGIF és mozgó elemek
  • Csökkenő navigáció
  • Mikroorientációk
  • Kézzel rajzolt elemek, egyedi fényképek

Nagy rész valóra is vált ezek közül, hisz a site-ok most már figyelnek a releváns tartalmak előállítására, valamint rengeteg egyedi typo jelent meg és részben ennek köszönhetően előtérbe helyeződtek a könnyű információ közléshez a vastag, nagy betűtípusok a headingeknél, címeknél, képközpontú headingek, valamint színátmenetes képek.

A weboldalaknál is elindult már pár éve egy standardizálódási folyamat, amely szerint bizonyos elemeknek mindig ugyan ott kell lennie, hogy könnyedén megtalálják a felhasználók. Ilyen például a bejelentkezés gomb egy oldalra, amit mindenki jobb fent keres. Ekkor merül fel a nagy kérdés, hogy mitől lesz egyedi az oldalam? Egyértelműen az egyedi képektől és a kézzel rajzolt elemktől.

Mi az, ami mégse vált be a tavalyi év trendjei közül?

Ilyen például a csökkenő navigációk. Nagy újításként merült fel, hogy a mobilnézetnek megfelelően megjelenik a hamburger menü a PC nézetben is, ám ez nagyon megosztotta a társadalmat. Valószínűleg ez még jó ideig nem lesz elfogadott desktop nézetben. Mégis van olyan része a csökkenő navigációnak, amely már nagyon tudatosan megjelent ez pedig a tartalmilag csökkenő navigáció. Most már nem akarnak minden áron minden pontnak külön navigációt megjeleníteni, hanem inkább összevontak különböző menüpontokat és egy oldalon belül oldották meg a tartalmukat a gyorsabb és könnyedebb megtalálás érdekében.

Ugyan ilyen dolog a mikroorientációk (egér mozgatásra mozgó elemek), amelyek bár PC-n böngészve tényleg nagyon jók és interakciót válanak ki, ám a folyamatosan növekvő mobilfelhasználók miatt ezen elemek valószínűleg tiszavirág életűek. Fontos megemlíteni itt is, hogy ennek is van hozománya, hisz ma már elvárt dolog, hogy a gomboknál viszont jelen legyenek a hover effectek. Pl.: Elszineződik a gomb vagy esetlegesen megjelenik egy kis tovább ikon (>).

Az eltünő kategóriába sorolhatóak az AnimGIF-ek is. Továbbra is nagyon jól meg tudják mutatni egy-egy applikáció működését, de nagyon sok hasznuk ezen felül nincs.

Röviden összefoglalva ennyi mondható el a 2017-es évi design trendekről. Mindenképpen okozott számomra is bőven meglepetést, hiszen én is határozottan kitartottam amellett, hogy sokkal jobban “divatba” fog jönni a desktop nézetben a hamburger menü, valamint el fognak terjedni az AnimGIF-ek is.

2018 a változások éve a web designban?

Lesznek változások, ám ezek javarészt nem világ megváltásáról szólnak, hanem látványosabbá, könnyebben használhatóvá fognak tenni oldalakat. Igazán extra, különleges változások nem várhatóak 2018-ban az előző évhez képest. Mik azok, amik teret fognak s 2018-ban?

Árnyékolás és mélység

Már az előző évben is elkezdett terjedni, de igazán idén fognak betörni a köztudatba az árnyékolással történő kiemelések. Hol fogjuk ezeket használni? Leginkább gomboknál, térelválasztásoknál. Különböző felmérések alapján megnő a kattintások száma azáltal, hogy használjuk a Z indexet (mélység). Kifejezetten jól működik ez az elem a call to action gomboknál amelyek ezáltal még feltűnőbbé válnak és a felhasználók is könnyebben észreveszik a számunkra fontos gombokat.

Tipikusan ennek jó példája a MAP Health Watch oldalán is több helyen megtalálható interakciót kiváltó gombok.

Vibráló, szaturált színek, dinamikus színátmenetek

2018-as évben várhatóan még jobban el fognak terjedni a vibráló, dinamikus színek, színátmenetek. Ennek az elterjedésében nagy segítségünkre van a technológiai fejlődés, hiszen már sokkal szebb, valósabb színeket tudnak a kijelzők. Nagy haszna lesz ennek a brandek egyedi megjelenítésénél, valamint az egyedibb megjelenések elérésében és a látogatók figyelme is könnyebben felkelthető.

Mozgó háttérképek, integrált animációk

A tavalyi év folyamán nem terjedtek el annyira a mikroorientációk, ám ennek a hozományaként idén valószínűleg teret fognak hódítani a mozgó háttérképek. Mik is ezek? Egy-két példa erre.

Most merül fel a kérdés, hogy miért jók az ilyen elemek? Figyelemfelkeltő hatásuk van. Akaratlanul is odavonzzák a tekintetet.

Ragadós elemek

Egyre nagyobb figyelmet kapnak a ragadós (sticky) elemek. Ezek az elemek nagyon jól használhatóak marketing szempontból is. Könnyű vele felhívni a látogató figyelmét, hogy iratkozzon fel egy hírlevélre, esetlegesen új hír jelent meg, vagy például egyre több oldalon jelennek meg így a social media megosztó gombok.

Egyedi illusztrációk

Mindig egy külön kérdés, hogyan tudom egyedíen megjeleníteni az adataimat, dolgaimat. A válasz rá viszonylag egyszerű. Használj egyedi illusztrációkat. Időigényes, pepecselős munka ezeket elkészíteni és rengeteg energiát felemésztenek, de nem marad el a siker. A témához illő grafikák nagyon fel tudják dobni az oldalad, rettentően játékossá, egyedivé tudják tenni. Nem attól lesz egyedi az oldalad, hogy feltalálod a spanyol viaszt és mondjuk a képernyő aljára rakod a menüt (senki se fogja könnyedén megtalálni), hanem pont az ilyen elemektől.

Nagy, vastag typography, inverz typography

A nagy, vastag címek idén is trenden lesznek. Ezeknek egyik nagy előnye, hogy könnyedén lehet velük fontos információkat közölni. Látványosságban viszont nagyon sokat fognak változni. Megjelennek az úgymond inverz typográfiák is.

Asszimetrikus, tört elemek, elrendezések

Az elmúlt pár évben mindenki figyelt rá, hogy a weboldalán szimmetrikusan, egy síkban jelenjenek meg az elemek. Ezek kezdenek megszűnni és a klasszikus felosztások helyett az asszimetrikus elemek kezdenek megjelenni. Ezek kivitelezése nem túl nehéz, de annál látványosabb és eltérnek a megszokottól is. Valójában egyedivé teszi az oldalad.

AI fejlődése, elterjedése

Bár ez nem közvetlenül a web design-hoz tartozik, de mindenképp említést érdemel. Az idei évben nagyon el fog terjedni a mesterséges inteligencia előnye, mint például a chat botok. Nagyon hasznosak mind felhasználói, mind weboldal tulajdonosi részről. Felhasználóként könnyedén, gyorsan megkaphatjuk a válaszunkat, ami 90%, hogy egy alap kérdésre vonatkozik, amit elsőre nem találtunk az adott oldalon, weboldal tulajdonos/üzemeltetői szempontból pedig nagyon jól előkészíthetőek a chatelések és az általános kérdésekre gyorsan, autómatikusan válasz tudunk adni.

Összegezve túl sok nagy újítás nem várható web design terén a 2018-as évtől, viszont egy mégis. A felhasználói élmény javítása és növelése. Idei évben a trendek is ehhez igazodnak.