Задаволены
- 1. Не маркіруйце абавязковыя палі
- 2. Не карыстайцеся блешнямі
- 3. Майце толькі адзін тып кнопак, а лепш толькі адну кнопку на форму
- 4. Кавалачныя палі
- 5. Падумайце, чаму вы нешта пытаецеся і як гэта адчувае сябе ў карыстальніка
- 6. Фінікі - скурчатыя маленькія хлопцы
- 7. Формы як распрацоўшчык
- 8. Не выкарыстоўвайце слупкі ў формах
- 9. Не выкарыстоўвайце два поля, калі адно будзе рабіць
- 10. Будзь добрым
Формы, няма чаго дызайнеры ненавідзяць больш, чым формы. Яны не абавязкова выяўляюць творчасць, ці не так? Можа быць, прыйшоў час, калі мы зноў разгледзім формы і зразумеем, што форма, самае асноўнае, - гэта размова паміж карыстальнікам і праграмным забеспячэннем.
Забудзьцеся пра кропку і націсніце, формы ўяўляюць сабой найбагацейшае ўзаемадзеянне, з якім мы, як лічбавыя дызайнеры, сутыкнемся. У наступны раз, калі форма з'явіцца на вашым шляху, не думайце, што гэта проста пытанне прымянення прыемных эфектаў CSS альбо дадання прыемнага росквіту jQuery. У распрацоўцы формаў значна больш глыбіні.
Я пратэставаў сотні формаў і распрацаваў некалькі складаных формаў для страхавых кампаній, узаемадзеянне з браніраваннем адпачынкаў і шмат іншага. Хутчэй за ўсё, вы выкарыстоўвалі адну з маіх форм за апошнія некалькі месяцаў.
Вось урокі, пра якія я хацеў бы даведацца да таго, як пачаць распрацоўваць формы.
1. Не маркіруйце абавязковыя палі
Вы ведаеце маленькую зорачку, якая пазначае абавязковае поле? Я бачыў, як гэта не атрымліваецца ў тэставанні карыстальнікаў. Як паняцце, абавязковыя палі не маюць вялікага сэнсу, яны не маюць аналагічнага эквівалента. Яны выдатна падыдуць для распрацоўшчыкаў, бо прапануюць добры чорна-белы падыход да завяршэння. Зорка і абавязковае поле не атрымліваецца, бо гэта вывучанае паводзіны. Тыповае паводзіны, якое я бачыў падчас тэсціравання карыстальнікаў, - гэта тое, што карыстальнік запаўняе форму ўверсе і заканчвае, калі іх нешта спыняе альбо яны націскаюць кнопку.
Рашэнне простае, адзначце неабавязковыя палі, пазначце месца, дзе наш прыемны карыстальнік павінен спыніцца і падумайце, ці трэба ім запоўніць гэтае поле.
2. Не карыстайцеся блешнямі
HTML5 бліскучы, ці не так? Ён прапануе мноства новых захапляльных бліскучых інструментаў, з якімі можна гуляць. Трэба падумаць аб мэтазгоднасці новых цацак. Лічбавае поле зараз уключае невялікія стрэлкі ўверх і ўніз, каб карыстальнік мог перамяшчаць лічбы.
Тут ёсць дзве праблемы. Па-першае, адлюстраванне стрэлак па змаўчанні робіць іх сапраўды маленькімі. Вельмі далікатна націскаць, і тлушч сярод нас збіраецца змагацца на iPhone. Гэта называецца закон Фіта, чым менш, тым складаней націснуць на яго.
Але я чую, як вы крычыце, вы можаце проста набраць нумар прама ў лічбавае поле. Так, вы можаце, але давайце паглядзім на дысплей браўзэра, стрэлкі кручэння ўверх / уніз нагадваюць поле даверу. Карыстальнік, якому ўпершыню прадстаўлены блешні, мяркуе, што ён нагадвае поле выбару, што ён не можа ў яго ўводзіць.
Мая парада - трымацца далей, пакуль яны не стануць больш распаўсюджаным месцам, альбо распрацоўшчыкі браўзэраў не разбяруць стандартны дызайн.
3. Майце толькі адзін тып кнопак, а лепш толькі адну кнопку на форму
Існуе малавядомы прынцып псіхалогіі, які называецца Законам Хіка. Закон Хіка сцвярджае, што чым больш нам прапануецца варыянтаў, тым складаней зрабіць выбар. Я не ведаю ракетнай навукі, але правіла, пра якое варта памятаць.
Вы можаце дапамагчы свайму прыемнаму карыстальніку, дапамагаючы зрабіць выбар. Зрабіўшы ўсе асноўныя кнопкі адным колерам і маючы толькі адну з іх на старонцы, гэта палягчае выбар. Якую кнопку я павінен націснуць? О, гэта лёгка, гэта вялікі каляровы.
4. Кавалачныя палі
Я вывучаў неўралогію ў папярэднім жыцці і таму вывучаў псіхалогію памяці - у прыватнасці, кароткачасовую альбо працоўную памяць. Цяпер, перш чым сказаць гэта; не, ёмістасць кароткатэрміновай памяці не складае 7 +/- 2, 4 +/- 1, альбо па-чалавечы гавораць ад трох да пяці кавалкаў. Мы, як людзі, выдатна ацэньваем візуальныя раздражняльнікі, але абмежаванне ў тым, што мы лепш, калі іх колькасць меншая. Раздзяленне формы на меншыя групы палягчае ацэнку, бо часцяком тое, што карыстальнік павінен увесці ў форму, паходзіць з яго памяці.
Пераканайцеся, што вашы групы палёў прыблізна чатыры.
5. Падумайце, чаму вы нешта пытаецеся і як гэта адчувае сябе ў карыстальніка
Гэта, напэўна, самая прамая парада, якую я даю, але часта найменш выкарыстаная.
Возьмем наступнае:
Апытвайце кожнае пытанне. Ці трэба? Якое адчуванне, калі мяне пытаюцца пра гэта?
Часцей за ўсё бізнес хоча задаць пытанне, і мы, як дызайнеры, можам спрачацца пра неабходнасць, пакуль нам не стане сінім у твар. Пытанне трэба задаць. Разумеючы патрэбу бізнесу ў гэтых дадзеных, мы часта можам пайсці на кампраміс.
Мы можам дапамагчы, сказаўшы нашаму прыемнаму карыстальніку, чаму нам трэба задаць гэтае пытанне. Пераканайцеся ў тым, што вы карыстаецеся гэтымі дадзенымі і абменьваецеся імі.
Узяўшы наш прыклад яшчэ раз:
Па-ранейшаму цяжка спытаць, але, спадзяюся, мы падсаладзілі таблеткі.
6. Фінікі - скурчатыя маленькія хлопцы
Увядзенне дат можа стаць сапраўднай праблемай, і тут можна пазбегнуць некалькіх падводных камянёў. Самая вялікая праблема - гэта барацьба з памылкамі.
Самы просты падыход - запусціць каляндар. Варта адзначыць, што тыдні пачынаюцца ў панядзелак у Вялікабрытаніі і нядзелю ў ЗША. Калі ваш карыстальнік не канцэнтруецца, ён можа выбраць нядзелю, калі мае на ўвазе панядзелак.
Таксама варта згадаць міжнародныя фарматы дат. ЗША ставяць месяц на першае месца, у Японіі гэта першы год. Такім чынам, дату, падобную на 4/5/12, можна было б інтэрпрэтаваць трыма спосабамі.
Вось чаму лепш за ўсё выкарыстоўваць абраныя скрынкі.
7. Формы як распрацоўшчык
Формы - гэта рамёствы як для распрацоўшчыкаў, так і для дызайнераў. Зразумець, якія магчымыя памылкі могуць быць зроблены пры ўводзе дадзеных і распрацоўцы вашага ўнутранага кода, каб справіцца - гэта складаная задача.
Вось просты. Увядзенне значэння валюты. Магчымыя памылкі, якія можа зрабіць карыстальнік, велізарныя. Прымус да фарматаў дадзеных, з якімі павінны сутыкацца карыстальнікі, расчароўвае вашага карыстальніка, і, пагадзіцеся, крыху ляніва з боку распрацоўшчыкаў.
Што можа быць лепшым выклікам для распрацоўшчыка, чым стварэнне куленепрабівальнай формы.
8. Не выкарыстоўвайце слупкі ў формах
Вялікай праблемай у выкарыстанні слупкоў у формах з'яўляецца струмень. Мы пачынаем форму зверху і заканчваем унізе. Пры ўвядзенні слупкоў паток формы можа быць парушаны.
Не мяркуйце, што ўкладкі карыстальнікаў праходзяць па формах, таму фокус - гэта спосаб перамяшчэння па формах у слупках. Рэдка калі я бачыў гэта пры тэставанні карыстальнікамі. Большую частку часу мы бачым, як уводзяць дэталі, націскаюць мышшу / трэкпадам / пальцам на наступнае поле, потым уводзяць дэталі і гэтак далей.
9. Не выкарыстоўвайце два поля, калі адно будзе рабіць
Большасць людзей не чапаюць машыністак. Падчас тэставання карыстальнікаў мы бачым людзей, якія разглядаюць клавіятуру, калі яны друкуюць.
Пры ўводзе тэлефоннага нумара з раздзяленнем поля формы, напрыклад, дадайце код і нумар, выклікае рэальныя праблемы. Карыстальнікі не бачаць і не памятаюць, што ёсць два поля, таму ўвядзіце поўны лік у першае поле, яшчэ горш, калі поле абмежавана пэўнай колькасцю знакаў.
Выкарыстоўвайце толькі адно поле для нумара тэлефона, тое ж самае тычыцца і нумара дома / вуліцы - выкарыстоўвайце толькі адно поле ўводу тэксту.
10. Будзь добрым
Вы былі б здзіўлены, наколькі шмат даволі грубых паведамленняў пра памылкі ёсць.
Вось прыклад аднаго, з якім я сутыкнуўся нядаўна.
Сам факт, што яны прапануюць вам ахвотна ўвесці дату ў будучыні, а потым даволі нахабны адказ, ну, гэта не вельмі прыемна.
Зноў пастаўце сябе на месца карыстальніка, як бы вы адчулі гэтую памылку? Раздражнёны? Можа, нават горш. Быць добрым проста.
Я падрыхтаваў загружаныя шпаргалкі, якія дапамогуць вам распрацаваць лепшыя формы. Яна ўключае ў сябе мноства лепшых спосабаў распрацоўкі лепшых формаў.
