Design

A jó webdesign 5 ismertetőjegye

5 perc olvasás

A jó webdesign 5 ismertetőjegye

Árulkodó jelek, avagy az értékes webdesign elemei

Korábbi bejegyzésünkben 5+1 pontban foglaltuk össze, hogy miért érdemes anyagi értelemben is kiemelt figyelmet fordítani a szakmai hátterű webtervezésre, illetve megosztottunk pár gondolatot a webes megjelenés és az üzleti folyamatok között húzódó egyszerűbb összefüggésekre.

Reméljük a korábbi tartalom felkeltette érdeklődésed, és most tovább olvasol, hogy képbe kerülj azzal is, hogy milyen elemekből épül fel az optimális webdesign. Előre szólunk, minden összefügg mindennel!

1. Felhasználóbarát navigáció

Akik felkeresik az oldalad, általában gyorsan és könnyedén szeretnének tájékozódni, nem akarnak sokat küzdeni egy-egy információért, így elemi fontosságú, hogy olyan navigációt „használjon” a site, amit a felhasználók is könnyen „megértenek”. Ha zavaros a tájékozódás, a látogatók figyelme gyorsan elterelődik, így nagyobb eséllyel veszíti el felfedező kedvét a „user”, ami ritkán segíti a további webes elköteleződést.

A jól megtervezett menüsávok és a kézenfekvő, magától értetődő navigációs elemek segítik a felhasználót gyorsan hozzájutni a szükséges információhoz. Ilyen lehet például egy feltűnő fejléc vagy címsor, a jól behatárolható menüsáv vagy egyéb olyan grafikai elemek, amik kibontják az oldal részletesebb tartalmát, ezzel segítve a felhasználókat a gyors tájékozódásban.

2. Reszponzív design

Az elmúlt 10 év során egyre nagyobb szeletet hasítottak ki maguknak a mobil eszközök a böngészési szokások képzeletbeli tortájából, így ma már egy átlagos felhasználó elsősorban ilyen eszközökön keresztül tájékozódik. A mobilalkalmazások csak erősítik a folyamatot, így a reszponzivitás még fontosabbá vált, mint valaha.

A cél ebben az esetben is az, hogy bármilyen eszközről is nyissák meg weboldalunkat, pozitív élményben legyen része a felhasználónak. Ennek érdekében a website-nak igazodnia kell az eszköz sajátosságaihoz, ami a reszponzív webtervezés lényege.

3. Arculati „kisokos”

A példa kedvéért vegyünk egy divatiparban hasító céget, mely esetében a webdesign egy jól felépített brand részeként öregbíti a márka ismertségét. Ahogy a márka egészére vonatkozóan is kívánatos, hogy minél következetesebben kommunikáljon célcsoportjának tagjaival, úgy a webdesign esetében is lényeges, hogy következetesen épüljön fel, megkönnyítse a márka beazonosíthatóságát és magával hordozza annak állandó, ideális esetben már sokak által ismert jegyeit. Ez ugyanúgy fontos szempont a profi webtervezés során akkor is, ha nem világcégnek készül a design.

A príma webdesign segít erősíteni vállalkozásod felismerhetőségét, egyben megalapozza azt is, hogy a jövőbeni tartalombővítés során egységes maradjon a site megjelenése színben, formában, tipográfiában, azaz stílust ad a tartalomnak és az átfogó arculat részévé válik.

4. Mértéktartó vizualitás

A különböző vizuális tartalmak elhelyezése népszerű módja annak, hogy feldobjuk az egyszerű szöveges oldalakat, ugyanakkor könnyen túlzásba eshetünk. Manapság már a legmeredekebb kijelentéseket is alá lehet támasztani egy jól megalapozott kutatással, így meg sem próbálunk konkrét eredményekre támaszkodni, de azt valljuk, hogy egy videós tartalom nagyjából tízszer alkalmasabb felhasználói interakció kiváltására, mint egy szöveges. Ettől függetlenül alapvetően nem a videókkal és képekkel túlzsúfolt design a nyerő, ha kötődést szeretnénk kialakítani a felhasználóban.

Az ütős webdesign céltudatos és emiatt kiegyensúlyozott arányban használ vizuális és szöveges tartalmakat. Abban az esetben érdemes a vizuális tartalmakat halmozni, ha az megfelelően helyettesít vagy egészít ki szöveges tartalmakat.

5. Akcióra fel!

Ha azt már elértük, hogy a látogatóink minőségi időt töltenek el a website-on, akkor miért ne terelnénk őket tudatosan azokra a területekre, ahol interakciót várunk. Az üzleti szemléletű webtervezés egyik kulcseleme, hogy az eszköztárból jól válogatva, a célnak megfelelő terelőtáblákat, illetve figyelemfelkeltő és cselekvésre buzdító elemeket használunk. Ezek közé tartozik a call-to-action gomb (CTA), mely segítségével a kívánt következő cselekvés irányába terelhetjük a felhasználót.

A jól tervezett CTA gomb illeszkedik a design-ba, ugyanakkor a közvetlen környezetéből mégis kitűnve egyszerre vonzza a szemet és cselekvésre ösztönzi a „user”-t.

+1 Copywriting és Page Speed

Ráadásként említendő az oldalad tartalmát (egyrészről) meghatározó szövegírói tevékenység és az oldal sebességének jelentősége. A bejegyzés elején kiindulásként a látogatók információ iránti vágyát taglaltuk, amit a príma webdesing öt elemével bővítettünk ki, ugyanakkor mindez csak leginkább ügyes keretként szolgál, ha az átadni kívánt szöveges tartalom nem hordoz önmagában is értéket.

A kreatív szövegek ugyancsak kötődést váltanak ki a közönségből, ezért több időt fognak eltölteni a webhelyeden, miközben hasznos információkhoz jutnak a tevékenységedről. Ebből adódóan ezen tartalmak súlya megközelíti az átfogó webtervezés/webdesign fontosságát.

És ha már miénk a legfantáziadúsabb szöveg a legütősebb design-ba csomagolva, akkor „csak” azt kell elérnünk, hogy az élményt a legteljesebben tudják látogatóink is élvezni. Nem sokat érnek a fentiek, ha mindez előnytelen formában jelenik meg a weben, vagy ha lassú az oldalunk. A felhasználók nem szeretik a lassan betöltődő oldalakat, így ez szintén magával hordozhatja a látogatók és ezáltal a lead-el elvesztését (a marketing világában a „lead” egy olyan személy vagy cég, aki, vagy ami érdeklődését fejezte ki egy cég vagy vállalkozó kínálata iránt). Manapság már számos könnyen hozzáférhető alkalmazás segítségével elemezhetjük az oldalakat gyorsaság szempontjából is, de mindenképp megjegyezzük, hogy ez nem csak és kizárólag technikai kérdés, hanem a tudatos és szakszerű webtervezés része.

Szeretünk írni is a hasonló dolgokról, de még jobb, ha az online felületeken mutathatjuk meg mit is tudunk. Ha van egy jó ötleted amit webre vinnél, keress meg minket és beszéljünk róla!

Blog

Ami még érdekelhet

Szeretnéd a saját projekteden alkalmazni?

Egy 30 perces beszélgetésben átnézzük, hol tart a projekted, és elmondjuk, mi lenne a következő lépés. Ha nem mi vagyunk a jó partner hozzá, azt is elmondjuk.

Beszéljünk 30 percet

Ingyenes, kötelezettség nélkül.

Hírlevél

Az új cikkek a postafiókodban

Arról írunk, amit a munkánk során tanulunk: AI-láthatóság, keresés, weboldalak és üzleti rendszerek. A GVS-audit indulásáról is itt értesítünk elsőként.

Spam nélkül, bármikor leiratkozhatsz.

Ezt az oldalt a reCAPTCHA védi, így a Google Adatvédelmi irányelvei és Általános Szerződési Feltételei érvényesek.