Sikeres online márkaépítés 1. rész: UI/UX, avagy a hatékony weboldal jelentősége

Ha most ezt a cikket olvasod, az valószínűleg azért lehet, mert találkoztál már valahol az UX/UI rövidítésekkel, és tudod, hogy szükséged lenne rá, de valahogy mégsem tudod megragadni a jelentését, elemeit. Segítünk!

UX/UI és “web design”? Mik a különbségek?

A mindennapjaink nagy részét már a digitális világban töltjük, így vagyunk ezzel mi is a Briefly-nél: itt dolgozunk, beszélgetünk és vásárolunk. Megrendeljük az aznapi ebédünket, lefoglaljuk az időpontot a fodrászhoz és a telefonunkkal bérlünk elektromos rollert a hazaútra. Ezért ér meglepetésként, ha néha, mikor egy brand nevére keresünk rá online, nem jön velünk szembe információk tömkelege. Hogy lehet az, hogy egy vállalatnak nincs online jelenléte?

Mindegy, hogy mekkora céged van: az online elhelyezkedés kritikus pont egy vállalat sikerességében, másképp elveszik az online marketing adta végtelen lehetőség - és potenciális ügyfelek.

És itt jön be a képbe a digitális marketing mellé a (web)design, amely két terület egy közös cél miatt tud jól dolgozni egymással, ez pedig a brandépítés. Egy jól kiépített, emlékezetes brand önmagát adja el tulajdonképpen, organikusan fejlődik a vásárló tudatában a vállalkozásról alkotott pozitív kép. Ezt ismerte fel a szakma és a szakemberek többsége is az online térben kialakított kommunikáció során, és a marketing és design ágak szoros együttműködése kapcsán kialakult egy új irányzat, új szakma jelent meg: a UX designer.

A boldog és hűséges ügyfelek felé vezető út első lépcsőfoka a weboldalad összefüggő és vonzó ügyfélélménye. Add meg az érdeklődőknek az esztétikus és intuitív böngészés élményét és visszatérő vásárlók lesznek belőlük. “Értéket ad ez nekem? Érthető a menürendszer? Szórakoztató használni a weboldalt?” Tedd fel ezeket a kérdéseket magadnak az oldaladat böngészve és rájössz: nagyobb szükséged van egy UX designer tudására, mint gondoltad volna.

Na, de mit is jelent ez a négy betű?

A User Experience (UX) magyarul a felhasználói élmény megtervezése. A UX nem csak weboldalak vagy appok kialakítását jelenti, hanem minden beletartozik, “az egész élmény”, hiszen minden interakciót magában foglal, ami az ügyfél és a cég között történik. A User Interface (UI) a felhasználói felület vizuális megjelenítése, a “hagyományos designhoz” a UI esik közelebb.

Gondolj rá így: a UI design az eszköz amivel eszed a vacsorádat - például a villád -, a UX design pedig az egész vacsora élménye az elkészítéstől, a tálaláson át, a gyönyörű designnal rendelkező villádig, amivel megeszed.

Hogyan indulj el a UX útján?

A jó üzleti célok és a jó felhasználói élmény sok pontban megegyeznek: legyél használható, legyél hasznos és legyél szórakoztató, vonzó. Ennek köszönhetően senkinek sem kell a nulláról elindulnia amikor a vállalkozása UX stratégiájának felépítésébe kezd.

1. Használhatóság

Sokaknak fontos szempont, hogy gyönyörű weboldaluk legyen, de talán még fontosabb ennél, hogy egyszerűen kezelhető, átlátható, navigálható legyen. A felhasználók nem azért látogatják meg a felületet, hogy gyönyörködjenek benne, hanem mert valamilyen eltervezett cselekvést végrehajtsanak, esetleg tájékozódjanak. Ha feleslegesen túlzsúfolt a weboldalad, akkor azzal csak megnehezíted a felhasználók dolgát és nem fognak visszatérni a jövőben.

A UX designerek megtervezik vizuális hierarchiát is. Ez arra hivatott, hogy a weboldal elemeinek elrendezése a tökéletes helyre kerüljön, így a felhasználóknak teljesen természetesen módon a legfontosabb elemeken akadjon meg először a tekintetük.

2. Hasznosság

Tedd fel a kérdést: hasznos-e az oldalad az oda érkező felhasználók számára? Sokszor előfordul, hogy a weboldalunk nagyon kevés vagy szinte semmilyen információt nem szolgáltat a látogatóknak, a valóságban sokkal kevésbé hasznos az emberek számára, mint azt remélni szeretnénk. Ami tulajdonképpen egyet jelent azzal, hogy feleslegesen létezik. A weboldal tartalmának informatívnak, de kellően egyedinek kell lennie, a többiektől különbözőnek. A felhasználók akkor lesznek elégedettek, ha meg is találhatják rajta azt, amit keresnek. Meg kell találni a középutat az értékes és a zavaró tartalom között.

Olyan weboldal-kialakítást kell használnod, ami rugalmasan alkalmazkodik minden kijelző mérethez, a UX designer ezért előszeretettel használ a reszponzív designt. Elsősorban arra érdemes törekedned, hogy minden eszközön jó legyen a felhasználói élmény, nem feltétlenül a teljesen azonos megjelenést kell erőltetni.

3. Vonzóság

Azok a termékek és megoldások, amik megmosolyogtatnak vissza-visszahúznak azokra a felületekre ahol találkoztunk velük. Törekedj olyan design megalkotására, amiben megvan az a plusz “varázslat” ami miatt emlékezetes lesz a brand-ed.

Az elbűvölő felhasználói élmény életre kelti az adott szolgáltatást, terméket. Alkalmat teremt arra, hogy kifejezd a vállalkozásod személyiségét a humor, animáció, gondoskodás vagy például a személyre szabás eszközeivel.

Vegyél figyelembe olyan tényezőket is, mint a videók és képek alkalmazása, a tipográfia, a színek és a színsémák, a designelemek elrendezése. Ezek befolyásolják azt, hogy egy felhasználó mennyire vágyik egy oldal meglátogatására. A felhasználóknak érezniük kell, hogy egy weboldal kellően vonzó és barátságos, jól elrendezett, könnyen olvasható, és a tartalom összefügg a weboldal céljával. Ehhez a vizuális elemeken és azok elrendezésén túl magával ragadó szövegekre is szükség van, melyek képesek fenntartani az olvasók figyelmét azt követően is, hogy a vizuális elemek már megfogták őket. Végezz felhasználói teszteket! Te meddig olvasnád a saját weboldalad?

Miért vágj bele?

A Time kutatása szerint a weboldalak használóinak 55%-a kevesebb, mint 15 másodpercet tölt egy weboldalon. Ez azt jelenti, hogy 15 másodperced van megragadni a látogatód figyelmét, felkelteni az érdeklődését és tisztán bemutatni a szolgáltatásod, termékedet és a brandet.

Az ilyen kis időszeletnyi lehetőség megragadásához ki kell használnod az összes esélyed arra, hogy a lehető legjobb felhasználói élményt nyújtsd az érdeklődőknek. Erre nyújt választ a User Experience (UX) design.

Szeretnél még többet megtudni?

Csatlakozz a Briefly Facebook Live sorozatának első részéhez online, ahol a hatékony weboldalakról fogunk beszélgetni Naszádi Anna UI/UX designer-rel!

Ha az olvasottak hatására felismerted, hogy ráfér a weboldaladra egy ráncfelvarrás, ne felejts el regisztrálni a Briefly-re! Tapasztalt UX/UI szakemberek várnak arra, hogy segítsenek a vállalkozásod UX stratégiájának kidolgozásában!