Inhalt
- 1. Net obligatoresch Felder markéieren
- 2. Benotzt keng Spinner
- 3. Hutt nëmmen eng Zort Knäpp oder besser nach just ee Knäppchen pro Form
- 4. Stéck Felder
- 5. Denkt firwat Dir eppes frot a wéi et dem Benotzer fillt
- 6. Datumer sinn zackeg kleng Fellas
- 7. Formen als Entwécklerhandwierk
- 8. Benotzt net Säulen a Formen
- 9. Benotzt net zwee Felder wann een et mécht
- 10. Sidd léif
Formen, et gëtt näischt vill Designer haassen méi wéi Formen. Si bréngen net onbedéngt d'Kreativitéit eraus, oder si? Vläicht ass et Zäit datt mir Formulairen nach eng Kéier kucken a verstoen datt eng Form, am meeschte Basis, e Gespréich tëscht dem Benotzer an der Software ass.
Vergiess Punkt a Klickt, Forme stellen déi räichst Interaktioun duer, déi mir als Digital Designer wäerte stellen. Nächst Kéier wann e Formulaire op Äre Wee kënnt, denkt net datt et nëmmen eng Saach ass fir e puer schéi CSS Effekter anzewenden oder e flotte jQuery Blummen derbäizefügen. Et gëtt vill méi Déift fir Formen ze designen.
Ech hu Benotzer Honnerte vu Forme getest an e puer komplex Forme fir Versécherungsgesellschaften, Vakanzebuchungsinteraktiounen a vill méi entwéckelt. Chancen datt Dir eng vun mengen Formen an de leschte Méint benotzt hutt.
Hei sinn d'Lektiounen, déi ech gewënscht hunn, ier ech ugefaang hunn Formen ze designen.
1. Net obligatoresch Felder markéieren
Dir wësst de klengen Asterisk deen en obligatorescht Feld bezeechent? Ech hu gesinn, datt et vill Mol am User Test fällt. Als Konzept maachen obligatoresch Felder net vill Sënn, si hu keng offline Äquivalent. Si si super fir Entwéckler well se eng schéi schwaarz-wäiss Approche zum Ofschloss ubidden. Den Asterisk an obligatorescht Feld klappt well et e geléiert Verhalen ass. Typesch Verhalen, déi ech am User Test gesinn hunn, ass de Benotzer deen d'Form uewen ausfëllt a fäerdeg ass entweder wann et eppes ass fir se ze stoppen oder se dréckt op e Knäppchen.
D'Léisung ass einfach, markéiert fakultativ Felder, markéiert d'Plaz wou eise léiwe Benotzer muss ophalen an nozedenken ob se dat Feld mussen ausfëllen.
2. Benotzt keng Spinner
HTML5 ass genial ass et net? Et bitt vill spannend nei glänzend Tools fir mat ze spillen. Mir musse Gedanken iwwer d'Eegentumkeet vun eisen neie Spillsaachen hunn. D'Zuelfeld enthält elo wéineg Pfeiler uewen an ënnen, fir datt de Benotzer duerch Zuelen zirkuléiert.
Et ginn zwee Probleemer hei. Als éischt mécht de Standard Browser Display vun de Pfeile se wierklech kleng. Ganz fiddly fir ze klicken an déi déck Fanger ënner eis kämpfen op engem iPhone. Et heescht Fitt's Law, wat méi kleng ass wat et méi schwéier ass drop ze klicken.
Awer ech héieren dech ruffen, Dir kënnt d'Zuel just direkt an d'Nummerfeld tippen. Jo, Dir kënnt, awer loosst eis de Browser affichéieren, d'Up / Down Spinner Pfeile gleewen eis vertrauenswürdege Frënd de Select Box. E Benotzer deen e Spinner fir d'éischte Kéier presentéiert huet, geet dovun aus, well et enger Auswielkëscht gläicht, datt se net dran tippen.
Mäi Rot ass kloer ze steieren bis se méi heefeg ginn oder d'Browser-Entwéckler de Standard-Design sortéieren.
3. Hutt nëmmen eng Zort Knäpp oder besser nach just ee Knäppchen pro Form
Et gëtt e bësse bekannte Psychologiprinzip mam Numm Hick's Law. D'Hick's Law seet wéi méi Optiounen mir ugebuede kréien wat et méi schwéier ass e Choix ze treffen. Net Rakéitewëssenschaft weess ech, awer eng Regel derwäert ze behalen.
Dir kënnt Äre léiwe Benotzer hëllefen andeems Dir hinnen hëlleft e Choix ze treffen. Duerch all Primärknäpp eng Faarf ze maachen, an nëmmen eng dovun pro Säit ze hunn, mécht d'Wiel méi einfach. Wéi ee Knäppchen soll ech schloen? Oh, et ass einfach, et ass déi grouss faarweg.
4. Stéck Felder
Ech hunn Neurowëssenschaften an engem fréiere Liewen studéiert an dofir d'Psychologie vum Gedächtnis studéiert - speziell kuerzfristeg oder Aarbechtsgediechtnes. Elo ier Dir et seet; nee, kuerzfristeg Gedächtniskapazitéit ass net 7 +/- 2, 4 +/- 1 oder am Mënsch schwätzt dräi bis fënnef Stécker. Mir als Mënschen si super fir visuell Reizen ze evaluéieren, déi Zwang ass mir si besser wann d'Zuel méi kleng ass. E Formulaire a méi kleng Gruppen ze schloen mécht d'Evaluatioun méi einfach, sou dacks wat de Benotzer an d'Form aginn huet aus sengem Gediechtnes kënnt.
Gitt sécher datt Är Gruppe vu Felder ongeféier véier an der Längt sinn.
5. Denkt firwat Dir eppes frot a wéi et dem Benotzer fillt
Dëst ass méiglecherweis dat riichtausst Stéck Berodung dat ech ginn awer dacks am mannsten genotzt.
Loosst eis folgend huelen:
Frot all Fro déi Dir stellt. Ass et néideg? Wéi fillt et sech dat gefrot ze ginn?
Méi dacks wéi net ass et e Geschäftsbedierfnes eng Fro ze stellen a mir als Designer kënnen iwwer Noutwennegkeet streiden bis mir blo am Gesiicht sinn. D'Fro muss gestallt ginn. Am Verständnis vum Geschäftsbedarf fir dës Daten kënne mir dacks Kompromësser maachen.
Mir kënnen hëllefen andeems mir eise léiwe Benotzer soen firwat mir dës Fro musse stellen. Verséchert Iech iwwer d'Benotzung an d'Deelen vun dësen Daten a sidd just allgemeng léif.
Huele mer eist Beispill nach eng Kéier:
Et ass nach ëmmer en haarde Frot awer hoffentlech hu mir d'Pëllel séiss gemaach.
6. Datumer sinn zackeg kleng Fellas
Datumer anzeginn kann eng richteg Erausfuerderung sinn an et sinn e puer Fallen déi Dir vermeit. Deen eenzege gréisste Problem ass mat Feeler ze dinn.
Déi einfachst Approche ass e Kalenner ze starten. Et ass derwäert ze bemierken datt d'Wochen e Méindeg a Groussbritannien an e Sonndeg an den USA ufänken. Wann Äre Benotzer net konzentréiert kann e gutt e Sonndeg auswielen wann e Méindeg bedeit.
Et lount sech och international Datumformater ze ernimmen. D'USA setzen de Mount éischte, a Japan ass et d'éischt Joer. Also en Datum wéi 4/5/12 kéint op dräi Weeër interpretéiert ginn.
Dofir ass et am beschten ausgewielte Boxen ze benotzen.
7. Formen als Entwécklerhandwierk
Forme sinn Handwierk fir Entwéckler wéi och Designer. Verstoen wat méiglech Feeler mat Daten aginn an Design vun Ärem Back-End Code fir ze packen ass eng Erausfuerderung.
Hei ass eng einfach. Gitt e Währungswert an. Déi méiglech Feeler déi de Benotzer kéint maachen sinn enorm. Forcéiere vun Datenformater déi d'Benotzer treffen mussen ass frustréierend fir Äre Benotzer an, loosst eis et soen, e bëssen faul op den Entwéckler Deel.
Wéi eng besser Erausfuerderung fir en Entwéckler wéi eng Kugelfest Form ze bauen.
8. Benotzt net Säulen a Formen
De grousse Problem fir Kolonnen a Formen ze benotzen ass Flux. Mir fänken eng Form uewen un an ënnen Enn. Beim Aféiere vu Säulen kann de Floss vun der Form gebrach ginn.
Gitt d'Benotzer net duerch Formulairen un an dofir ass de Fokus e Wee fir Formen a Kolonnen ze navigéieren. Et ass seelen datt ech dat beim Benotzertest gesinn hunn. Gréissten Deel vun der Zäit gesi mer Detailer aginn, klickt op dat nächst Feld mat der Maus / Trackpad / Fanger a gitt dann Detailer a sou weider.
9. Benotzt net zwee Felder wann een et mécht
Déi meescht Leit sinn net Touch typists. Am Benotzer Testen gesi mir Leit op der Tastatur kucken wéi se tippen.
Wann Dir eng Telefonsnummer agitt, déi d'Formfeld ofdeelt, sot fir de Beräichcode an d'Nummer bäizefügen, verursaacht richteg Problemer. D'Benotzer gesinn net oder erënnere sech net datt et zwee Felder sinn also gitt déi voll Nummer am éischte Feld, méi schlëmm wann d'Feld op eng gewëssen Unzuel un Zeeche limitéiert ass.
Benotzt nëmmen ee Feld fir Telefonsnummer, datselwecht gëlt fir Hausnummer / Strooss - benotzt nëmmen eng Textentrée.
10. Sidd léif
Dir géift iwwerrascht sinn iwwer wéi vill zimlech onhéiflech Feelermessagen do sinn.
Hei ass e Beispill vun engem deen ech viru kuerzem fonnt hunn.
Déi ganz Tatsaach, déi se suggeréieren datt Dir gären en Datum an der Zukunft gitt an dann eng zimmlech facettéiert Äntwert, gutt, et ass net ganz schéin.
Setzt Iech erëm op d'Plaz vum Benotzer, wéi fillt Dir Iech dëse Feeler ze gesinn? Irritéiert? Vläicht nach méi schlëmm. Schéi sinn ass einfach.
Ech hunn en Erofluede Krëppchen / Cheat Blat produzéiert fir Iech besser Formen ze gestalten. Et enthält vill méi Best Practice Weeër fir besser Formen ze designen.
