Felhasználói fiókok dizájnjának kialakítása

Fiók dizájn online feladatra

A Fiók dizájn akkor jó, ha a felhasználó pár másodperc alatt érti, hol látja a rendeléseit, hogyan módosíthatja az adatait, és mit tud intézni segítség nélkül. Ez a lényeg. A részletek csak ezután számítanak. Magánmegrendelőként többnyire nem ügynökséget keresel, hanem olyan szabadúszót, aki távolról is átlátja a saját fiók oldal logikáját, és nem csak rajzol, hanem rendet is tesz. Egy jól megtervezett felület csökkenti a bizonytalanságot. Kevesebb az elakadás, kevesebb a felesleges üzenet, és a vásárló gyorsabban találja meg a fontos műveleteket.

Én azt látom, hogy sok ügyfél elsőre a kinézetről beszél, pedig a fiókfelület értéke inkább a tiszta szerkezetben van. A jó elrendezés megmutatja a rendelési előzményeket, a szállítási adatokat, a jelszókezelést, a mentett címeket és a visszaküldéshez kapcsolódó pontokat úgy, hogy közben nincs zsúfoltság. A kutatások és szakmai útmutatók is visszatérően azt hangsúlyozzák, hogy az önkiszolgáló fiókoknál a legtöbb oldal még ma is közepes vagy gyenge szinten teljesít, főleg akkor, ha a felhasználónak ikonokból vagy rejtett menükből kell kitalálnia a következő lépést. Ezen az oldalon ezért olyan online munka kerül előtérbe, ahol egy önálló szakember segít felépíteni vagy javítani a felhasználói fiók szerkezetét.

Felhasználói fiók felépítése

A felhasználói fiók nem egyetlen képernyő. Inkább egy kisebb rendszer. Van belépés, van regisztráció, van fő áttekintő rész, és vannak részoldalak is. Szerintem ott kezdődik a jó tervezés, hogy először nem a színekből indulunk ki, hanem abból, milyen feladatot akar megoldani a látogató. A legtöbb esetben ezek nagyon földhözragadt dolgok. Rendelés ellenőrzése. Számlaadat módosítása. Jelszó csere. Cím javítása. Mentett kedvencek áttekintése. Ha ezek útja egyenes, a felület már félúton jó.

Tapasztalatom szerint a saját fiók oldal legfontosabb eleme az első képernyő. Nem kell mindent rátenni. De a leggyakoribb feladatokat azonnal láthatóvá kell tenni. A világos címek, az ismétlődő kártyaszerkezet, a jól olvasható állapotjelzések és a rövid műveleti gombok sokkal többet érnek, mint egy látványos, de bizonytalan elrendezés. A Baymard kutatásai külön kiemelik, hogy az önkiszolgáló fiókoknál a gyenge áttekintő oldalak és a nehezen érthető műveleti pontok komoly használhatósági hibát okoznak. Én is ezt látom a gyakorlatban.

Volt olyan eset, amikor egy ügyfél azt kérte, legyen modernebb a saját fiók oldal. Amikor megnéztük a jelenlegi felületet, kiderült, hogy nem a stílus volt a fő gond. A rendelési állapotok elnevezése zavarta a vásárlókat, a címmódosítás el volt rejtve, és mobilon a fontos gombok túl mélyre kerültek. A javítás után a dizájn alig lett látványosabb, mégis sokkal használhatóbb lett. Ezért mondom, hogy a fiókfelületnél a rend mindig fontosabb, mint a dísz.

Fiók dizájn árak

A Fiók dizájn ára attól függ, hogy gyors felülvizsgálatról, drótvázról vagy részletes képernyőtervről van szó. Nem ugyanaz a munka, ha valaki csak egy irányt kér, és az sem ugyanaz, ha a teljes belépési folyamatot, irányítópultot, adatkezelési oldalakat és mobil állapotokat is meg kell tervezni. A túl olcsó munka ezen a területen gyakran gyengébb minőséget jelent. Nem azért, mert minden alacsony ár rossz, hanem mert az értelmes tervezéshez idő kell. Ha a szabadúszó nem kér jelenlegi képernyőket, feladatlistát vagy rövid célt, akkor az ajánlat sokszor csak tipp.

Ezek irányadó sávok. A végső összeg sokszor azon múlik, mennyire rendezett az anyag és hány döntést kell előkészíteni. Szerintem a korrekt ajánlat mindig megmondja, hogy hány képernyő készül, hány javítási kör fér bele, és milyen átadási formátumot kapsz. Ettől lesz összehasonlítható két ajánlat. Nem a végösszegtől önmagában.

Szabadúszó szakember kiválasztása

A megfelelő ember kiválasztásánál én először nem a látványos portfóliót nézném, hanem azt, hogy a szakember hogyan gondolkodik. Rákérdez-e a felhasználók fő feladataira. Kér-e képernyőképeket a jelenlegi állapotról. Érdekli-e, mi a fő panasz. A jó felülettervező és a jó UI tervező már az első üzenetben rendszert keres. Nem csak annyit mond, hogy megoldja szépen.

Sokan ott hibáznak, hogy kizárólag a stílus alapján döntenek. Pedig a saját fiók oldalnál a logika többet ér. Ha egy szakember tud példát mutatni irányítópultra, űrlapra, rendelési listára vagy állapotkezelésre, az sokkal hasznosabb, mint tíz látványos nyitóoldal. Nézd meg azt is, milyen részletesen ír az átadásról. Kapsz-e képernyőterveket. Lesznek-e jelölt állapotok. Megkapod-e a hibaüzeneteket és az üres állapotokat is. Ezek nélkül a fejlesztő találgatni fog.

A Qjob.hu oldalon szerintem annak van előnye, aki rögtön világosan leírja, mire kell a feladat. Nem elég az, hogy kell egy szebb fiókoldal. Érdemes mellétenni a fő gondokat is. Nehéz eligazodás. Sok ügyfélszolgálati kérdés. Zavaros belépés. Túl hosszú adatlap. Így a szakember már az elején pontosabban látja, milyen munkára vállalkozik.

Online munkamenet és átadás

Az online együttműködés ennél a szolgáltatásnál teljesen természetes. Sőt gyakran jobb, mint a hosszas személyes körök. A jó folyamat általában rövid briefel indul. A megrendelő összeszedi a jelenlegi képernyőket, leírja a fő feladatokat, és megad pár mintát arról, mi tetszik neki. Ezután a szabadúszó átnézi az anyagot, kér néhány pontosítást, majd javasol egy munkamenetet. Először vázlat vagy szerkezeti terv. Utána részletesebb képernyő. Végül javítás és átadás.

A határidő sok mindentől függ, de kisebb feladatnál néhány nap, összetettebb fiókrendszernél inkább egy-két hét a reális. Tapasztalatom szerint a csúszások nagy része nem a rajzolás miatt jön, hanem mert a megrendelő menet közben találja ki az új igényeket. Ez emberi. De jobb kimondani, hogy ilyenkor a határidő is változik. A tiszta online munka alapja az egyben küldött visszajelzés. Nem napi apró módosítások, hanem összefogott döntések.

Az átadásnál ne csak a kész képet kérd. Kelljen hozzá magyarázat is. Mi történik hibás jelszónál. Hol jelenik meg a sikeres mentés jelzése. Mi látszik üres rendelési előzménynél. Hogyan működik a cím hozzáadása. Szerintem itt válik el a felületterv a puszta díszrajztól. A jó átadás fejlesztésre is alkalmas.

Mobil saját fiók oldal

A mobil nézetet nem szabad külön utólagos változatnak tekinteni. A legtöbb felhasználó ma már telefonon nyitja meg a saját fiók oldalát, vagy legalább ott ellenőrzi a rendeléseit. Ha a fontos műveletek csak görgetés után, rejtett menükben vagy túl apró érintési felületeken érhetők el, a teljes rendszer gyengébb lesz. Én azt látom, hogy a mobilon jól működő fiókfelület általában asztali nézetben is rendezettebb.

A szakmai ajánlások is következetesen azt emelik ki, hogy az önkiszolgáló felületeknél a könnyen megtalálható fő műveletek, a rövid címkék, a jól látható állapotjelzés és az egyszerű navigáció sokkal fontosabb, mint a bonyolult vizuális trükkök. Ez különösen igaz a rendelési lista, a mentett adatok és a jelszókezelés esetén. De a fiókfelület akkor is erős marad, ha a felhasználó megszakítja a folyamatot és később tér vissza. Nem kell újra tanulnia az oldalt.

Volt olyan ügyfél, aki csak asztali terveket kért, mert szerinte a célcsoportja úgyis laptopot használ. Amikor megnéztük az adatait, a forgalom nagyobb része telefonról érkezett. Ez gyakori. És ilyenkor utólag kell drágábban rendbe tenni azt, amit az elején érdemes lett volna együtt kezelni.

Bizalom és adatkezelési érzet

A fiókoldalnál a bizalom nem jogi szövegként jelenik meg először, hanem apró jelekben. Világos mezőcímek. Érthető visszajelzés mentés után. Jól látható jelszócsere pont. Egyértelmű rendelési állapotok. Ezek mind azt sugallják, hogy a rendszer megbízható. Szerintem a felhasználó gyakran nem tudja megfogalmazni, miért érzi bizonytalannak a felületet, de nagyon gyorsan kilép, ha valami zavaros.

És itt jön elő a mikroszövegek szerepe is. Egy rossz gombfelirat vagy túl általános hibaüzenet rengeteg feszültséget okoz. A rövid, emberi nyelvű jelzések viszont kisimítják a használatot. Én azt látom, hogy a magánmegrendelők gyakran alábecsülik ezt a részt, pedig a saját fiók oldal egyik legfontosabb eleme éppen a pontos szöveg. Nem hosszú magyarázat kell. Csak egyenes mondatok.

Gyakori hibák a fiókfelület rendelésénél

A leggyakoribb hiba az, hogy a megrendelő túl sok funkciót akar ugyanarra a képernyőre tenni. Profil. Kuponok. Kedvencek. Értesítések. Számlák. Rendelések. Címek. Hírlevél. Támogatás. Ez együtt már könnyen zajos lesz. A másik hiba, hogy a brief túl általános. Legyen modern. Legyen letisztult. Legyen jobb. Ezekből nehéz dolgozni. Sokkal hasznosabb, ha leírod, hogy a vásárlók hol akadnak el és mi a legfontosabb feladat.

Sokan ott hibáznak, hogy a bejelentkezést, a regisztrációt és a fiók főoldalt különálló dolgoknak kezelik, pedig a felhasználó szemében ez egyetlen folyamat. Ha a belépés idegesítő, a későbbi jó felület sem ment meg mindent. Ugyanilyen gond, amikor a megrendelő csak végső képeket kér, de nem kér állapotokat. Mi van üres listánál. Mi van hibás adatnál. Mi van sikeres módosítás után. Ezek nélkül a kész terv szép lehet, de nem lesz teljes.

Tapasztalatom szerint az is hiba, amikor valaki túl szoros határidővel akar sok döntést belezsúfolni a projektbe. A jó felülettervezés gyors lehet, de nem varázslat. Kellenek hozzá tiszta prioritások. És kell egy rövid kör arra is, hogy a szakember visszakérdezzen. Ettől nem lassabb a munka. Inkább kevesebb lesz a téves kör.

Mit várhatsz a kész eredménytől

A jó végeredmény nem feltétlenül látványos első pillantásra. Inkább nyugodt. A felhasználó könnyebben belép, gyorsabban megtalálja a rendeléseit, érti a műveleteket, és kisebb eséllyel kér segítséget olyan dologhoz, amit önállóan is elintézhet. Ez az igazi haszon. És de ettől a vállalt munka értéke is mérhetőbb lesz.

Szerintem a Fiók dizájn akkor sikeres, ha a kész felület egyszerűbbnek érződik, mint amennyi munka valójában benne van. A felhasználói fiók ettől lesz használható. A megrendelő pedig ettől érzi azt, hogy nem csak szebb képet kapott, hanem jobb rendszert. Ha röviden, tisztán és reális elvárásokkal indítod a feladatot, egy önálló szakember online is tud olyan saját fiók oldal tervet készíteni, amely valóban segíti a mindennapi használatot.