Egy viszonylag bonyolult regisztrációs folyamattal rendelkező szolgáltatáson kísérlem meg bemutatni, hogyan lehet rávenni egy netezőt arra, hogy akár tíz lépésen keresztül se unjon rá a regisztrációra. Tesztszájtunk az Emlékgéphez és a Futrinkához hasonló emlékmegosztó szájt, a ThisMoment lesz...

1. Regisztrációs folyamatnál általában az első, hogy accountot kell készíttetni a felhasználóval. Akkor járunk el helyesen, ha a fióklétrehozás felülete a lehető legegyszerűbb, és miként manapság sok szolgáltatásnál láthatjuk, maguk a szövegmezők is igen nagyok, látványosak. Ennek elsősorban azért van szerepe, mert a felhasználó könnyebben észreveszi az elütéseket, biztosabban ügyködik ezen a fontos felületen. Ezen a ponton pedig minden elütés, bizonytalankodás kritikus lehet.

Csak a legszükségesebb adatokat kérjük el a felhasználótól az első lépésben. Így az accountja gyorsan elkészülhet, és ha esetleg meg is akad a regisztráció további lépései során, emailben már ki tudjuk küldeni az értesítést, hogy hogyan tudja befejezni megkezdett regisztrációját. Az utolsó megjegyzésem ehhez a felülethez, hogy a navigációs gombok nagyon egyértelműek, határozottan jelzik a mentés, továbbhaladás módját:

2. Ezt követi csak a jelszó megadása és a felhasználási feltételek elfogadása. Mint láthatjuk, a jelszóellenőrzés on-the-fly történik, vagyis a felhasználó a beíráskor értesül arról, hogy elfogadható jelszót adott-e meg. A felhasználási feltételek elfogadásához pedig már ez a szájt sem használ checkboxot. Az "Elfogadom" gombra kattintva egyszerre erősíti meg a jelszómentést és a felhasználási feltételek elfogadását:

3. A felhasználó accountja mostmár teljes. A regisztrációs folyamatnak ugyanakkor nem csak az a célja, hogy a felhasználó elkészítse a fiókját, hanem az is, hogy elkezdje használni aktívan a szájtot. Ezért a regisztrációs folyamat következő lépése nem a "regisztrációs sikeres, mostmár használhatod a szájtot" eset. Hanem a szájt működésébe való bevezetés. Lévén ez egy emlékmegosztó szolgáltatás, a következő lépésben a legfontosabb, eseményt leíró adatok kitöltésére lesz szükség. Megadjuk az emlék nevét, majd pedig felcímkézzük az adott emléket. Vagyis megteremtjük az emlék és más emlékek közti potenciális kapcsolatot.

A ThisMoment felülettervezője is tudja valószínűleg, hogy a felhasználók nem nagyon szeretnek címkézni. Ezért egy olyan megoldást választott, melynek segítségével az is felcímkézi saját eseményét, aki nem akarja. Az emotikonokra kattintva automatikus kategóriaszintű címkék jönnek létre. Vagyis a ThisMomentbe felvitt minden emlék valamilyen érzelemmel jellemezhető, és ezen érzelmi leírások mentén az emlékek közt egyből kapcsolat is teremtődik. Nagyon egyszerű és szép megoldás, mellyel alapszinű aktivitás és relációrendszer keletkezik a szolgáltatásban. Íme:

4. A következő lépésben az emlék tájolása következik: iddőhatározót és helyhatárrozót kell rendelnünk az eseményhez. Az időpont megadásakor több formulát is elfogad a rendszer. Sőt, fel is ajánlj párat azoknak, akik vagy nem tudják pontosan az emlék időpontját, vagy nem akarnak foglalkozni az időpont felkutatásával. Teljesen jó opció a "mostanában", "nem olyan régen", "éppen most", stb. A felhasználó tehát nem fog megakadni a folyamatban, ha esetleg nem tud egészen pontos adatot megadni ezen a ponton. Szintén opcionális a hely megadása. A felületen maradva egy szabadszavas kereséssel határozhatjuk meg Google Mapsen a lokációt, melynek egyből az emlékünkre jellemző saját névvel is illethetünk. Természetesen mindezen adatok megadása opcionális, mégis, a dizájn finomsága és a felület egyszerű funkcionalitása miatt gyerekjáték, sőt, kifejezetten élvezetes bíbelődni ezen adatok megadásával:

5. Végül pedig az emlék fontosságát és extra címkéket adhatunk meg. Mindkettő kötött listás. Vagyis két másodperc alatt betájolható az adott szempont ezen paraméterek alapján is:

Lévén a kibővített regisztrációs folyamatban nem csak accountot hoztunk létre, hanem aktívan el is kezdtük használni a szájtot, a felhasználó érdeklődése ezen a ponton a többi felhasználó aktivitása felé irányul. Melyek ráadásul alapesetben ugye érzelmeket leíró aktivitások (a címkekezelés miatt), így minden olyan felhasználót aktivitásra ösztönöz, aki csak kapcsolódik valahogy az adott emlékképhez.

Nagyon fontos, hogy a folyamat közben felajánlja nekünk a rendszer, hogy a ThisMoment-beli aktivitásunkról különböző külső csatornákon értesíthetjük ismerőseinket. Nem csak emailértesítés van a világon: a Google Friend Connect, a Twitter, Facebook segítségével virtuális közösségeinket is automatikusan értesíthetjük egy-egy emlék megszületéséről.

A felületek WSVGA felbontásra optimalizáltak, a betű- és színkezelés az adott felület fő fókuszpontjait támogatja. A belső oldalakon a lehető legfinomabban oldják meg a rengeteg emlékkel kapcsolatos információ megjelenítését. És még az értesítő emailek is a lehető legegyszerűbben vannak megszerkesztve. Minden ponton figyeltek tehát arra, hogy a felhasználó ne tévedhessen el, és a lehető legtöbb támogatást adják a felületek könnyű és értelemszerű kezeléséhez.

A ThisMoment kellemes és informatív dizájnmegoldásai, egyszerű, funkcionális felületei és nyitottsága (külső szolgáltatásokkal való kapcsolata) egyszerre kelti a felhasználóban azt a benyomást, hogy nem volt elvesztegetett idő kipróbálni "egy huszonhatodik webkettes cuccot".

Tippek még:

- "Fordított regisztráció". Bizonyos esetekben célszerű nem a felhasználónév/emailcím/jelszó elkérésével kezdeni a regfolyamatot, hanem pár opcionális kérdéssel. A ThisMoment esetében például kezdődhetne úgy is a regisztrációs folyamat, hogy megkérdezik tőlünk, mi a legkedvesebb emlékünk. És mivel azt akarjuk, hogy ez az információ ne vesszen el, a következő lépésben nagyobb valószínűséggel fogunk accountot létrehozni magunknak.

- Captcha, mint reklám. A captcha szövegadatbázisa épülhet a szolgáltatás címkerendszerére is. Ezzel azt érjük el, hogy a felhasználó már a regisztrációs folyamat során találkozik a szolgáltatás egyes címkéivel, vagyis ismerős lesz számára az adott címke, ha a későbbiekben, a szolgáltatás használata közben találkozik vele.

- Aktivitáshoz kötött aktiválás. Miként a ThisMoment esetében is láthatjuk, szolgáltatásoldalról az a regisztrációs folyamat sikeres, mely egyből aktivitásra is ösztönzi a felhasználót. Kérjünk a felhasználótól valamilyen aktivitást ahhoz, hogy a szolgáltatást igénybe vehesse. Például írjon megjegyzést valaki más emlékéhez, hogy láthassa a többi emlék kommentjeit.

- Log. Készítsünk egy olyan felületet a felhasználó számára, mely naplózza a felhasználó szájton belüli aktivitásait: mikor regisztrált, mikor és miként volt aktív a szájton. Ezzel segítjük a felhasználót, hogy saját szolgáltatásbéli "életét" nyomon tudja követni. Ha elég összetett ez a naplózó oldal, akár még to-do listaként is szolgálhat a felhasználó számára (mit felejtett el, mit nem próbált még ki az adott oldalon, stb.)

- 1/0. Amennyire csak lehetséges, törekedjünk arra, hogy igen/nem kérdéseket tegyünk fel a felhasználónak. A szabad szavas mezők kitöltése általában kevésbé hasznos és a felhasználó számára több gondolkodást, zavart okozó akció, mint egy eldöntendő kérdésre egyetlen gomb lenyomásával választ adni. Legördülő menüt, checkboxot csak nagyon indokolt helyeken alkalmazzunk. A prediktív szövegbevitellel operáló mezők és az igen/nem válaszgombok kényelmesebb alternatívák.

- Lépésről lépésre. Inkább bontsuk sok lépésre a regisztrációs folyamatot, minthogy egyetlen felületen hatalmas űrlap kitöltésével rémísztgessük a felhasználót.

Címkék: dizájn usability startup how to thismoment