Weboldal felhasználói felületének fejlesztése

Weboldal UI fejlesztése

A Weboldal UI fejlesztése akkor hoz valódi eredményt, ha a látogató gyorsan megérti, hol jár, mit tehet, és hogyan jut el a következő lépésig. Ez nem csak szép színek kérdése. Inkább rendről, ritmusról és következetességről szól. Sok magánmegrendelő ott hibázik, hogy a felületet csak a végén kezdi javítani, amikor már kész a tartalom és kész a funkció is. Ilyenkor viszont a hibák nagy része már beépült a szerkezetbe. Szerintem jobb korábban rendet tenni, mint később foltozni.

A magyar találatokban újra és újra ugyanazok a témák kerülnek elő. Átlátható navigáció, mobilbarát működés, gyors használat, konverziót segítő felépítés, egységes vizuális rendszer. Az angol nyelvű brit és amerikai oldalak hasonló dolgokat hangsúlyoznak. Ott is azt emelik ki, hogy a jó felhasználói felület egyszerre legyen világos, következetes és könnyen használható több eszközön is. Nekem ebből az látszik, hogy a felhasználó igénye elég egyszerű. Ne kelljen keresgélnie. Ne kelljen újratanulnia minden oldalt. És ne fáradjon el két perc alatt.

Budapest környékén több olyan webes felülettel találkoztam, ahol az oldal kívülről modernnek tűnt, mégis nehéz volt használni. A gombok másképp néztek ki minden oldalon, a fő művelet hol fent volt, hol lent, a fontos információ pedig néha a hajtás alá került. Ilyenkor a látogató nem azt mondja, hogy rossz a dizájn. Inkább csak bezárja az oldalt. És szerintem pontosan ez mutatja meg, miért fontos ez a munka.

Miért számít a felhasználói felület

A felhasználói felület nem dísz. Ez az a réteg, amelyen keresztül a látogató találkozik a szolgáltatással. Ha ez zavaros, a jó tartalom sem segít eleget. Sok oldal ott vérzik el, hogy a készítő mindent egyszerre akar megmutatni. Túl sok blokk, túl sok kiemelés, túl sok különböző kártya kerül a nyitóoldalra. Ettől a rendszer nem informatívabb lesz, hanem fárasztóbb.

Én személy szerint a visszafogott, jól tagolt kezelőfelületet szeretem. Azt, ahol a fő gomb látható, a szövegek olvashatók, és a szem rövid idő alatt megérti a sorrendet. Sokan viszont épp az ellenkezőjét kérik. Nagy látványt, sok mozgást, erős árnyékokat, sokféle színt. Rövid ideig ez látványos lehet, de napi használatban vagy mobilon sokszor zavaróvá válik. A Weboldal UI fejlesztése szerintem akkor jó, ha az oldal nem mutatni akarja magát, hanem segíteni akarja a használatot.

Volt egy eset, amikor egy ügyfél új nyitóoldalt szeretett volna, mert azt érezte, hogy a régi unalmas. Amikor átnéztük, kiderült, hogy a fő baj nem az unalom volt. Hanem az, hogy három különböző gombtípus szerepelt ugyanarra a célra, a kapcsolatfelvételi útvonal pedig két helyen megszakadt. Miután egyszerűsítettük a szerkezetet, az oldal frissebbnek hatott anélkül, hogy telepakoltuk volna új látványelemmel. Sok ilyen helyzetből látszik, hogy a UI fejlesztés valójában tisztázás.

Gyakori hibák a webes felületen

A leggyakoribb hiba a következetlenség. Az egyik oldalon vastag gomb jelenik meg, a másikon vékony. Az egyik blokk kártyás, a másik már táblás. A címsorok mérete ugrál. A térköz egyszer szűk, máskor túl nagy. Ezek elsőre apróságnak tűnnek, de együtt már zavarják az olvasást. A látogató nem tudja, mi a fontos és mi a mellékes. És ilyenkor csökken a bizalom.

Sok ember azt hiszi, hogy a probléma majd eltűnik, ha új színt kap az oldal. Szerintem ez ritkán működik. Ha a szerkezet rossz, a szebb felület csak elfedi a gondot egy rövid időre. A másik tipikus hiba a túl hosszú kezdőképernyő. Egy szolgáltatói oldalon nem kell mindent azonnal elmondani. A látogató először azt akarja látni, miben segítesz, mennyire világos az ajánlat, és hol tud továbblépni. Ha ezt nem találja meg hamar, elveszíted.

És ott van a mobilos gond is. Asztali nézetben még elfér a széles sáv, a három hasáb és a nagy kép. Telefonon már nem. Sok megrendelő ezt csak későn veszi észre. Volt olyan projekt, ahol a kapcsolatfelvételi gomb mobilon annyira lecsúszott, hogy a legtöbben nem is jutottak el odáig. A kliens azt hitte, nincs érdeklődés. A valóságban csak rossz helyen állt a fő művelet. Miután feljebb került és tisztább lett a sorrend, azonnal jobb lett a használat. Ez nem csoda volt. Csak rend.

Árak és reális költségek

Az ár attól függ, hogy pár képernyőt kell javítani, vagy teljes felületet kell újragondolni. Más munka egy nyitóoldal tisztítása, és más, ha belső oldalak, űrlapok, listák és mobilnézetek is érintettek. Olcsóbban 20.000 alatt néha lehet találni gyors javítást, de őszintén szólva én ezt ritkán tartom elégnek. A nagyon olcsó munka sokszor csak külső simítás. Szebb lesz a gomb, de a hibás szerkezet marad.

Szerintem olcsóbban 30.000 körül ritkán készül olyan munka, amely több oldalon is tartósan használható marad. Lehet, hogy elsőre rendezettebbnek tűnik majd az oldal, de hosszabb távon gyakran újra hozzá kell nyúlni. Az én tapasztalatom az, hogy a túl alacsony ár főleg ott veszélyes, ahol már most is sok elem keveredik. A drága olcsóság itt elég gyakori.

Szakember választása

A megfelelő szakember kiválasztása fontosabb, mint sokan gondolják. Nem elég, ha valaki szépen rajzol. Olyan felülettervező vagy webes tervező kell, aki érti a használati helyzeteket is. Tudja, hol akad el a látogató, hogyan olvas, mikor bizonytalanodik el, és hol kell rövidíteni vagy egyszerűsíteni. Én jobban bízom abban, aki kérdez a célról, mint abban, aki rögtön kész mintát mutat.

Sok megrendelő ott hibázik, hogy csak portfólió alapján dönt. Pedig érdemes rákérdezni arra is, hogyan gondolkodik az adott szakember a szerkezetről. Beszél e a kattintási útról. Kiemeli e a mobilhasználatot. Látja e, melyik blokk felesleges. Ha valaki minden kérésre azonnal igent mond, abból gyakran túlzsúfolt végeredmény lesz. A jobb UX tervező néha nemet is mond. Szerintem ez nem kellemetlenség, hanem haszon.

Qjob.hu oldalon is lehet olyan szakembert találni, aki magánmegbízásban vállal ilyen munkát. Itt nem csak az árat nézném. Az is számít, mennyire világosan magyarázza el, mit javítana, és miért. Ha valaki már az első beszélgetésnél kiszúrja a fő hibákat, az jó jel. Ha csak általános szépségről beszél, az kevésbé győz meg.

Budapest kerületei és a környék

Ha személyes egyeztetésre van szükség, Budapest jó kiindulási pont. A belső kerületekben könnyű gyors találkozót szervezni, és sok szabadúszó dolgozik a XI. kerületben, a XIII. kerületben vagy Zugló környékén. De a budai oldalon és az agglomerációban is van kínálat. Érd, Budaörs, Dunakeszi vagy Szentendre felől ugyanúgy lehet találni olyan embert, aki weboldal felületi rendbetételével foglalkozik.

Őszintén szólva én nem csak a közelség alapján választanék. Budapest kényelmes a gyors egyeztetéshez, de a jó munka nem attól lesz jó, hogy valaki a közelben ül. Sokkal fontosabb, hogy a szakember lássa a problémát, és ne csak a felszínt javítsa. Egy tapasztalt felülettervező távolról is pontosan meg tudja mondani, melyik blokk túl sűrű, melyik gomb rossz helyen áll, és hol csúszik szét az oldal ritmusa.

Persze van, amikor a helyi találkozó előny. Főleg akkor, ha több oldalt kell gyorsan átnézni, vagy a megrendelő szívesebben mutat mintákat személyesen. De szerintem a döntő kérdés mégis az, hogy a másik fél tud e rendszerben gondolkodni. Ha igen, akkor Budapest vagy a környék inkább kényelmi részlet, nem minőségi garancia.

Mobil nézet és belső oldalak

A Weboldal UI fejlesztése nem állhat meg a kezdőoldalnál. Sok időt a látogató nem ott tölt, hanem az űrlapokon, a szolgáltatási aloldalakon, a listákon és a kapcsolatfelvételi résznél. Ha ezek gyengék, a szép kezdőoldal kevés. Sokan elkövetik azt a hibát, hogy a nyitóképernyőt csiszolják hetekig, a belső nézeteket pedig érintetlenül hagyják. Ilyenkor a rendszer elsőre kellemes, használat közben viszont szétesik.

Mobilon ez még jobban kijön. A hosszú címek, a túl sűrű kártyák, a kicsi kattintható felületek és a rossz sorrend azonnal fárasztják a felhasználót. Én személy szerint jobban szeretem, amikor mobilon bátrabban rövidül a tartalom, és a fő művelet hamarabb előkerül. Sok oldal azért veszít érdeklődőket, mert a telefonos nézet csak összezsugorított asztali verzió marad. Ez ritkán elég.

Volt egy kisebb projekt, ahol a megrendelő azt mondta, hogy az oldal szép, mégis túl kevés az üzenet. A vizsgálat során kiderült, hogy mobilon a kapcsolatfelvételi űrlap előtt négy nagy blokk állt. Mire a látogató leért, elfáradt. Miután rövidítettük az utat és tisztább lett a kezelőfelület, több érdeklődés érkezett. És itt megint nem látványos trükkről volt szó. Inkább arról, hogy a jó felhasználói felület nem áll a saját célja útjába.

Mikor érdemes belevágni

Általában akkor, amikor az oldal már működik, de valami mégsem áll össze. Kevés az érdeklődés, sok a lemorzsolódás, vagy a megrendelő maga is érzi, hogy az egész kissé darabos. Szerintem nem érdemes megvárni, amíg teljes újratervezés kell. Sokszor már kisebb, célzott UI javítás is sokat számít. Főleg akkor, ha a fő útvonalak már látszanak, csak éppen túl sok az apró akadály.

És sokan azt hiszik, hogy ez luxus. Én ezt nem így látom. A Weboldal UI fejlesztése inkább alapkarbantartás. Olyan munka, ami csendben teszi könnyebbé a használatot. A látogató nem fogja külön megdicsérni, hogy milyen jól működik a felület. Egyszerűen csak továbbmegy, kitölti, elküldi, érdeklődik. Nekem ez a legjobb visszajelzés. Ha az oldal nem akadályozza, hanem vezeti az embert, akkor a fejlesztés elérte a célját.