Tartalom
- 1. Ne jelölje meg a kötelező mezőket
- 2. Ne használjon fonót
- 3. Űrlaponként csak egy típusú gomb vagy jobb, ha csak egy gomb van
- 4. Darabmezők
- 5. Gondold át, miért kérdezel valamit és milyen érzés a felhasználó számára
- 6. Az időpontok mocorgó kis fickók
- 7. Formák fejlesztői mesterségként
- 8. Ne használjon oszlopokat az űrlapokban
- 9. Ne használjon két mezőt, amikor az egyik megteszi
- 10. Légy kedves
Formák, sok tervező nem utál többet, mint a formák. Nem feltétlenül hozzák ki a kreativitást, vagy nem? Talán itt az ideje, hogy újra megvizsgáljuk az űrlapokat, és megértsük, hogy az űrlap a legalapvetőbb egy beszélgetés a felhasználó és a szoftver között.
Felejtsen el pontot és kattintást, az űrlapok jelentik a leggazdagabb interakciót, amellyel digitális tervezőkként szembesülünk. Ha legközelebb egy űrlap jön, ne gondolja, hogy csupán néhány szép CSS-effektus alkalmazásáról vagy egy szép jQuery virágzásról van szó. Sokkal mélyebb a formák megtervezése.
Több száz nyomtatványt teszteltem a felhasználóknak, és néhány összetett nyomtatványt terveztem biztosítótársaságok, üdülési foglalási interakciók és még sok más számára. Esélyes, hogy az elmúlt hónapokban az egyik űrlapomat használta.
Itt vannak azok a tanulságok, amelyeket szerettem volna megtanulni, mielőtt elkezdtem volna formanyomtatványokat tervezni.
1. Ne jelölje meg a kötelező mezőket
Ismeri azt a kis csillagot, amely kötelező mezőt jelöl? Láttam, hogy ez sokszor kudarcot vallott a felhasználói tesztelés során. Mint fogalom, a kötelező mezőknek nincs sok értelme, nincs offline megfelelőjük. Nagyszerűek a fejlesztők számára, mert szép fekete-fehér megközelítést kínálnak a befejezéshez. A csillag és a kötelező mező sikertelen, mert megtanult viselkedésről van szó. Tipikus viselkedés, amelyet a felhasználói tesztelés során tapasztaltam, hogy a felhasználó kitölti az űrlapot a tetején, és akkor végez, ha van valami, ami megállíthatja, vagy megnyom egy gombot.
A megoldás egyszerű, jelölje meg az opcionális mezőket, jelölje meg azt a helyet, ahol kedves felhasználónknak meg kell állnia, és gondolkodjon el, ha ki kell töltenie ezt a mezőt.
2. Ne használjon fonót
A HTML5 zseniális, nem? Rengeteg izgalmas, fényes eszközt kínál a játékhoz. Gondolkodnunk kell új játékaink megfelelőségén. A számmező most kevés felfelé és lefelé mutató nyilat tartalmaz, amelyek lehetővé teszik a felhasználó számára a számok közötti váltást.
Két probléma van itt. Először a nyilak alapértelmezett böngészőmegjelenítése teszi őket igazán kicsié. Nagyon finoman kattintani lehet, és a kövér ujjaink között fognak küzdeni egy iPhone-on. Fitt törvényének hívják, minél kisebb valami, annál nehezebb rákattintani.
De hallom, hogy kiabálsz, egyszerűen beírhatod a számot közvetlenül a számmezőbe. Igen, lehet, de nézzük meg a böngésző kijelzőjét, a fel / le forgó nyilak hasonlítanak megbízható barátunkra a jelölőnégyzetre. A fonóval először bemutatott felhasználó azt feltételezi, hogy egy kiválasztott mezőre hasonlít, hogy nem tud beírni.
Azt tanácsolom, hogy addig tartsam tisztán magam, amíg egyre gyakoribbá válnak, vagy a böngésző fejlesztői nem rendezik az alapértelmezett tervet.
3. Űrlaponként csak egy típusú gomb vagy jobb, ha csak egy gomb van
Van egy kevéssé ismert pszichológiai elv, Hick törvénye. Hick törvénye kimondja, hogy minél több lehetőséget kínálunk, annál nehezebb választani. Nem a rakétatudományt ismerem, hanem egy olyan szabályt, amelyet érdemes szem előtt tartani.
Segíthet kedves felhasználójának, ha segít a választásban. Azáltal, hogy az összes elsődleges gomb egyszínű, és oldalanként csak egy van belőle, megkönnyíti a választást. Melyik gombot kell megnyomnom? Ó, ez könnyű, ez a nagy színes.
4. Darabmezők
Az idegtudományt egy előző életemben tanulmányoztam, és így tanulmányoztam a memória pszichológiáját - konkrétan rövid távú vagy munkamemóriát. Most mielőtt elmondanád; nem, a rövid távú memória kapacitása nem 7 +/- 2, 4 +/- 1, vagy emberi értelemben három-öt darab. Mi, emberek, kiválóan tudjuk értékelni a vizuális ingereket, a korlát az, hogy jobbak vagyunk, ha a szám kisebb. Egy űrlap kisebb csoportokba történő feldarabolása megkönnyíti az értékelést, mivel gyakran a memóriából származik, amit a felhasználónak be kell írnia az űrlapba.
Győződjön meg arról, hogy a mezők csoportjai körülbelül négy hosszúak.
5. Gondold át, miért kérdezel valamit és milyen érzés a felhasználó számára
Valószínűleg ez a legegyenesebb tanács, amit adok, de gyakran a legkevésbé hasznosítják.
Vegyük a következőket:
Kérdezzen meg minden feltett kérdést. Szükséges? Milyen érzés ezt megkérdezni?
Gyakran előfordul, hogy üzleti szempontból kérdést kell feltenni, és mi, mint tervezők, addig vitatkozhatunk a szükségszerűségről, amíg nem vagyunk kékek. Fel kell tenni a kérdést. Az adatok üzleti igényének megértésében gyakran kompromisszumokat köthetünk.
Segíthetünk, ha elmondjuk kedves felhasználónknak, miért kell feltennünk ezt a kérdést. Nyugtassa meg az adatok felhasználását és megosztását, és csak általában jó.
Ismét véve a példánkat:
Ez még mindig kemény kérdés, de remélhetőleg édesítettük a tablettát.
6. Az időpontok mocorgó kis fickók
A dátumok megadása igazi kihívást jelenthet, és néhány buktatót elkerülhet. Az egyetlen legnagyobb probléma a hibák kezelése.
A legegyszerűbb módszer egy naptár indítása. Érdemes megjegyezni, hogy a hetek hétfőn kezdődnek az Egyesült Királyságban és egy vasárnap az Egyesült Államokban. Ha a felhasználó nem koncentrál, akkor választhat egy vasárnapot, amikor hétfőt jelent.
Érdemes megemlíteni a nemzetközi dátumformátumokat is. Az Egyesült Államok az első hónapot helyezi el, Japánban az első. Tehát egy olyan dátum, mint 2012.04.05., Háromféleképpen értelmezhető.
Ezért a legjobb, ha a jelölőnégyzeteket használja.
7. Formák fejlesztői mesterségként
Az űrlapok fejlesztőknek és tervezőknek egyaránt kézművesek. Kihívást jelent annak megértése, hogy milyen hibákat lehet elkövetni az adatok bevitelével és a háttérkód megtervezésével.
Itt egy egyszerű. Pénznem értékének megadása. A felhasználó által elkövethető lehetséges hibák hatalmasak. Az olyan adatformátumok kikényszerítése, amelyeknek a felhasználóknak meg kell felelniük, frusztráló a felhasználó számára, és valljuk be, kissé lusta a fejlesztők részéről.
Mi a jobb kihívás egy fejlesztő számára, mint egy golyóálló űrlap elkészítése.
8. Ne használjon oszlopokat az űrlapokban
Az oszlopok formákban történő használatának nagy problémája az áramlás. Kezdünk egy űrlapot a tetején, és alul a végét. Az oszlopok bevezetésével az űrlap folyamata megszakadhat.
Ne feltételezzük, hogy a felhasználók az űrlapokon keresztül lapoznak, és ezért a fókusz az oszlopokban lévő űrlapokban történő navigálás egyik módja. Ritka, hogy ezt láttam a felhasználói tesztelés során. Legtöbbször a részletek megadását látjuk, kattintsunk a következő mezőre az egérrel / trackpad / ujjal, majd adjuk meg a részleteket és így tovább.
9. Ne használjon két mezőt, amikor az egyik megteszi
A legtöbb ember nem érintõ gépíró. A felhasználói tesztelés során azt látjuk, hogy az emberek gépelés közben nézik a billentyűzetet.
Telefonszám megadásakor az űrlapmező felosztásával, mondjuk körzetszám és szám hozzáadásával valós problémákat okozhat. A felhasználók nem látják, vagy valóban emlékszik arra, hogy két mező van, ezért az első mezőbe írja be a teljes számot, még rosszabb, ha a mező egy bizonyos számú karakterre korlátozódik.
Csak egy mezőt használjon a telefonszámhoz, ugyanez vonatkozik a házszámra / utcára is - csak egy szövegbeviteli mezőt használjon.
10. Légy kedves
Meglepődnél azon, hogy hány meglehetősen durva hibaüzenet van odakinn.
Itt van egy példa arra, akivel nemrég találkoztam.
Maga a tény, amire azt sugallják, hogy szívesen adna meg egy dátumot a jövőben, majd egy meglehetősen furcsa választ, nos, ez nem túl szép.
Ismét a felhasználó helyére tegye magát, hogy érezné ezt a hibát? Bosszús? Talán még rosszabb is. Kedvesnek lenni könnyű.
Készítettem egy letölthető kiságy / csalólapot, amely jobb formák tervezésében segít. Sok további bevált gyakorlati módot tartalmaz a jobb űrlapok tervezéséhez.
