Съдържание
- 1. Не маркирайте задължителни полета
- 2. Не използвайте спинери
- 3. Имате само един тип бутон или още по-добре само един бутон за формуляр
- 4. Полета с парчета
- 5. Помислете защо питате нещо и какво е усещането за потребителя
- 6. Фурмите са гъвкави малки момчета
- 7. Форми като занаят за разработчици
- 8. Не използвайте колони във формуляри
- 9. Не използвайте две полета, когато едно ще го направи
- 10. Бъдете мили
Форми, няма нищо, което много дизайнери мразят повече от формите. Не е задължително те да изведат творчеството, или не? Може би е време да разгледаме формулярите отново и да разберем, че формулярът, в основата си, е разговор между потребителя и софтуера.
Забравете точка и щракване, формулярите представляват най-богатото взаимодействие, пред което ние като дигитални дизайнери ще се изправим. Следващият път, когато формулярът ви излезе, не мислете, че е въпрос само на прилагане на някои хубави CSS ефекти или добавяне на хубав процъфтяване на jQuery. Има много повече дълбочина при проектирането на формуляри.
Потребителят тествах стотици формуляри и проектирах някои сложни формуляри за застрахователни компании, взаимодействия с резервации за празници и много други. Шансовете са, че сте използвали една от моите форми през последните няколко месеца.
Ето уроците, които исках да науча, преди да започна да проектирам формуляри.
1. Не маркирайте задължителни полета
Знаете ли малката звездичка, която означава задължително поле? Виждал съм това много пъти при тестване на потребители. Като концепция задължителните полета нямат много смисъл, те нямат офлайн еквивалент. Те са чудесни за разработчиците, защото предлагат приятен черно-бял подход към завършването. Звездичката и задължителното поле се провалят, защото е научено поведение. Типично поведение, което съм виждал при потребителското тестване, е, че потребителят попълва формуляра отгоре и завършва или когато има нещо, което да ги спре, или те натиснат бутон.
Решението е просто, маркирайте незадължителни полета, маркирайте мястото, където нашият приятен потребител трябва да спре и помислете дали трябва да попълни това поле.
2. Не използвайте спинери
HTML5 е брилянтен, нали? Той предлага много вълнуващи нови лъскави инструменти, с които да играете. Трябва да помислим за целесъобразността на новите ни играчки. Полето с числа вече включва малко стрелки нагоре и надолу, за да позволи на потребителя да премине през цифри.
Тук има два проблема. Първо, показването на стрелките по подразбиране в браузъра ги прави наистина малки. Много капризно щракване и дебелите пръсти сред нас ще се борят на iPhone. Нарича се закон на Фит, колкото по-малко е нещо, толкова по-трудно е да кликнете върху него.
Но чувам как викате, можете просто да въведете номера директно в полето с номера. Да, можете, но нека погледнем дисплея на браузъра, стрелките за въртене нагоре / надолу наподобяват нашия надежден приятел полето за избор. Потребител, представен за пръв път за завъртане, ще приеме, тъй като прилича на поле за избор, че не може да пише в него.
Моят съвет е да се пазите, докато не станат по-често срещани или разработчиците на браузъра не подредят дизайна по подразбиране.
3. Имате само един тип бутон или още по-добре само един бутон за формуляр
Има малко известен принцип на психологията, наречен Hick’s Law. Законът на Hick казва, че колкото повече възможности ни се предлагат, толкова по-трудно е да направим избор. Не ракетната наука, която познавам, а правило, което си струва да се има предвид.
Можете да помогнете на вашия приятен потребител, като му помогнете да направи избор. Чрез направата на всички основни бутони един цвят и наличието само на един от тях на страница улеснява избора. Кой е бутонът, който трябва да натискам? О, лесно е, това е голямото цветно.
4. Полета с парчета
Изучавал съм неврология в предишен живот и така съм изучавал психологията на паметта - по-специално краткосрочната или работната памет. Сега преди да го кажете; не, капацитетът на краткосрочната памет не е 7 +/- 2, 4 +/- 1 или по човешки говори три до пет парчета. Като хора сме чудесни в оценяването на визуалните стимули, ограничението е, че сме по-добри, когато броят им е по-малък. Разделянето на формуляр на по-малки групи улеснява оценката, тъй като често това, което потребителят трябва да въведе във формуляра, идва от паметта му.
Уверете се, че вашите групи полета са с дължина около четири.
5. Помислете защо питате нещо и какво е усещането за потребителя
Това е може би най-правният съвет, който давам, но често е най-малко използван.
Нека вземем следното:
Подлагайте на съмнение всеки въпрос, който задавате. Необходимо ли е? Какво е чувството да те питат това?
По-често бизнесът трябва да зададе въпрос и ние като дизайнери можем да спорим за необходимостта, докато не стане синьо в лицето. Въпросът трябва да бъде зададен. Разбирайки бизнес нуждите от тези данни, ние често можем да правим компромиси.
Можем да помогнем, като кажем на нашия приятен потребител защо трябва да зададем този въпрос. Успокойте за използването и споделянето на тези данни и просто като цяло бъдете добри.
Като вземем отново нашия пример:
Все още е труден въпрос, но се надяваме, че сме подсладили хапчето.
6. Фурмите са гъвкави малки момчета
Въвеждането на дати може да бъде истинско предизвикателство и има няколко клопки, които можете да избегнете. Най-големият проблем е справянето с грешки.
Най-лесният подход е да стартирате календар. Заслужава да се отбележи, че седмиците започват в понеделник във Великобритания и в неделя в САЩ. Ако вашият потребител не се концентрира, той може да избере неделя, когато има предвид понеделник.
Също така си струва да споменем международните формати за дати. САЩ поставят на първо място месеца, а в Япония е първата година. Така че дата като 4/5/12 може да се тълкува по три начина.
Ето защо е най-добре да използвате кутии за избор.
7. Форми като занаят за разработчици
Формулярите са занаяти както за разработчици, така и за дизайнери. Разбирането на възможните грешки при въвеждането на данни и изготвянето на вашия код за справяне е предизвикателство.
Ето един прост. Въвеждане на стойност на валута. Възможните грешки, които потребителят може да направи, са огромни. Принуждаването на формати за данни, които потребителите трябва да отговарят, е разочароващо за вашия потребител и, нека си признаем, малко мързелив от страна на разработчиците.
Какво по-добро предизвикателство за разработчика от изграждането на бронирана форма.
8. Не използвайте колони във формуляри
Големият проблем при използването на колони във формулярите е потокът. Започваме формуляр отгоре и завършваме отдолу. При въвеждане на колони потокът на формуляра може да бъде нарушен.
Не приемайте потребителите в раздела чрез формуляри и следователно фокусът е начин за навигация във формуляри в колони. Рядко съм виждал това при тестване на потребители. През повечето време виждаме въвеждане на подробности, щракнете върху следващото поле с мишката / тракпада / пръста, след това въведете подробности и така нататък.
9. Не използвайте две полета, когато едно ще го направи
Повечето хора не са пипащи машини. При тестване на потребители виждаме хора, които гледат клавиатурата, докато пишат.
Когато въвеждате телефонен номер, разделящ полето на формуляра, кажете, че добавяте код на зона и номер, причинява реални проблеми. Потребителите не виждат или наистина не помнят, че има две полета, така че въведете пълния номер в първото поле, което е по-лошо, ако полето е ограничено до определен брой знаци.
Използвайте само едно поле за телефонен номер, същото важи и за домашен номер / улица - използвайте само едно поле за въвеждане на текст.
10. Бъдете мили
Ще се изненадате от това колко много доста груби съобщения за грешка има там.
Ето пример за такъв, на който попаднах наскоро.
Самият факт, че предполагат, че бихте желали да въведете дата в бъдеще и след това доста нахален отговор, е, не е много хубав.
Отново се поставете на мястото на потребителя, как бихте се почувствали, виждайки тази грешка? Раздразнен? Може би дори по-лошо. Да бъдеш мил е лесно.
Създадох ясла / мамят за изтегляне, за да ви помогне да проектирате по-добри форми. Той включва много повече начини за най-добри практики за проектиране на по-добри форми.
