Webmorzsa

Bevett felhasználóbarát megoldás, hogy amikor dátumot kell bevinni egy űrlapra, biztosítunk a felhasználónak egy ún. date pickert, amelynek segítségével egy grafikus naptáron kattintva tudja kiválasztani a kívánt napot. Ez különösen akkor jó megoldás, ha az aktuális naphoz közeli dátumot várunk a felhasználótól (pl. hotelfoglalás dátuma).

Klasszikus hiba, amikor a fejlesztő automatikusan date pickert tesz minden dátum típusú beviteli mezőhöz, beleértve a születési dátumot is. Az alábbi képen pl. meg kéne adnom a születési dátumot, de közvetlenül nem írhatom be, úgyhogy szépen kattintgathatok vissza 28 évet a date pickerben.

Az OTP online fizetési felületén futottam bele a következő az ergonómiai csapdába. A fizetési folyamat első lépése során meggondoltam magam, és a Mégsem gombra kattintottam (lehet, hogy feleslegesen, hiszen be is zárhattam volna az ablakot, na mindegy).

És ekkor megjelent az a képernyő, ahol a legedzettebb felhasználónak is megremeg kicsit a keze, hogy melyik gombra kattintson:

Te melyiket választanád? :)

A funkció nélküli belépőoldalaknak egyébként sem vagyok híve, de az MSZP 13. kerületi szervezetének honlapján valami egészen érdekes megoldást alkalmaztak:

A tartalomhoz akkor - és csak akkor - jutunk be, ha megfelelünk a honlap üzemeltetői által felállított magas belépési korlátnak, azaz a Budapest térképen megtaláljuk a XIII. kerületet, és rákattintunk. (Kis könnyítés, hogy beszínezték, vélhetően a gyengébbek kedvéért.)

Ha valaki a Velencei-tóról szeretne információt találni, könnyen a Velenceito.info oldalon találhatja magát (a Google-ban viszonylag jó helyezéseket ér el a honlap), ahol a következő főmenü fogadja az érdeklődőket:

6 sorba rendezve a menüpontok, ráadásul van, amelyik még külön le is nyílik. Ha ezt Jakob Nielsen láthatná.

A JUEX blog pont tegnap szedte ízekre az iwiw új fejlécét, amiről eszembe jutott, hogy nekem is van egy "ikonos" észrevételem a közösségi site kapcsán. Nevezetesen ismerősnek jelölt valaki, és az alábbi gombok (linkek?) közül kellett volna választanom:

A szemem rögtön megakadt az Ismerem és Nem ismerem opciók melletti ikonokon, amelyek a képernyő szinte teljesen egyformának tűntek. Persze alapos nagyítás után már látszik, hogy az egyiknél a szívecske mellett plusz jel, a másiknál x található, de ezek az ikonok ebben a formában teljesen értelmetlenek.

A Bookseer egy nem túl bonyolult szolgáltatás, az Amazon és a Librarything adatbázisa segítségével megmondja, hogy mit olvass. Amitől más, mint a hasonló szolgáltatások, hogy nem kell regisztrálni, sem részletes könyvpreferenciákat megadni, mindössze azt kell megmondanod, mit olvastál utoljára. Mindezt pedig egy ehhez passzoló twitter-minimalista felülettel valósították meg.

Az online vásárlás legsarkalatosabb pontja - különösen idehaza - az online fizetés. A vásárló feltehetően akkor érzékeli a legnagyobb kockázatot, amikor a bankkártya adatait meg kell adnia, így a folyamat ezen felülete kulcsfontosságú. Können előfordulhat, hogy a még nem rutinos online vásárló elbizonytalanodik, hogy a kártyán levő lejárati dátumból melyik a hónap és melyik az év, és valószínűleg a CVC kód fogalmával sincs teljesen tisztában.

A CIB online fizetési oldalán szemmel láthatóan odafigyeltek erre, és készítettek egy garantáltan "hülyebiztos" felületet:

Tanári megoldás.

Az olvashatóság alapvető webergonómiai szempont, amelynek legnagyobb ellenségei azok a designerek, akik a használhatóságot alárendelik a vizuális megjelenésnek:

A Kecskemét város oldalának fejlécében használt színek biztos arculathelyesek, csak éppen olvashatatlanná teszik egy olyan univerzális funkció felületét, mint a keresés.

Tudom, hogy ez a legalja, de nem tudok nem mosolyogni, amikor egy ilyet látok:

Vajon rákattint erre valaki?

A funkcióval is rendelkező grafikai elemek (pl. ikonok) alkalmazásánál fontos, hogy azok intuitív módon felismerhetők legyenek, azaz a felhasználónak ne kelljen egy másodpercig sem gondolkodnia, hogy mi lehet a szerepük. Ennek megfelelően a webes felületeken a súgószövegeket például általában kérdőjellel szoktuk jelölni, hiszen ezt a szimbólumot már mindannyian ismerjük a különböző asztali alkalmazásokból.

A Zuglói Önkormányzat portálja ezzel szemben egészen kreatív módon jelöli a súgó funkciót:

Mondanám, hogy ez így butaság, mert csökkenti a használhatóságot, de igazából nem vagyok benne biztos. Lehet, hogy ennyi újszerűség belefér.

UPDATE: állítólag több állami portálon is bevett szokás a mentőöv-ikon használata.