Съдържание
- 01. Излезте от офиса
- 02. Дизайн за множество задържания
- 03. Поставете популярни контроли на обсег
- 04. Поставете съдържанието над контролите
- 05. Дизайн с мисъл за портрет
- 06. Дизайн за палци
- 07. Дизайн за големи жестове
- 08. Изправи се към предизвикателството
- 09. Сведете взаимодействията до минимум
- 10. Прототипни проекти
- 11. Тествайте, тествайте, след това тествайте още
Някои мобилни дизайни страдат от проблем: те може да изглеждат страхотно на повърхността, но започнете да ги използвате и скоро ще разберете, че е пренебрегнат твърде важен фактор: ергономичността. Благородното изкуство да създаваш дизайни, които отговарят на човешкото тяло (а не обратното) е един от истинските невъзпети герои на света на дизайна.
Ергономичността винаги е била много важна за индустриалните дизайнери, но става все по-важна и за дигиталните дизайнери. Защо? Тъй като смартфоните и таблетите променят начина, по който взаимодействаме с цифровия дизайн. Вече не използваме само тромава клавиатура и мишка, за да кажем на нашите цифрови приятели какво да правят. Сега е по-директно, по-физическо. Ние държим нашите устройства. Докосваме ги. Прищипваме ги. Ние ги галим с любов.
Тази все по-физическа връзка с любимите ни мобилни устройства принуждава дизайнерите не само да мислят за това как изглежда и се чувства дизайнът, но и за физическите аспекти на използването му. Принуждава дизайнерите да мислят за това как потребителите държат и взаимодействат със своите смартфони и таблети; за това до каква част от екрана могат да достигнат удобно и как ще се почувства дизайн в ръката. Принуждава дизайнерите да мислят за ергономичността на мобилния дизайн.
И така, как да създадете мобилен дизайн, който е ергономичен и следователно удобен за използване?
01. Излезте от офиса
Още преди да започнете да мислите за възможни проекти, излезте от офиса, за да извършите някои наблюдения от първа ръка. Прекарайте сутрин или следобед, гледайки къде, кога, как и защо хората използват мобилните си устройства.
Запишете как хората държат и взаимодействат с устройството си, какво могат да правят по това време и какви са предизвикателствата и разсейванията, с които може да се наложи да се борят. Тази информация ще ви помогне да информирате за ергономичността на дизайна и означава, че когато става въпрос за тестване на дизайн, можете да тествате спрямо сценарии, за които знаете, че действително се случват в реалния свят.
02. Дизайн за множество задържания
Ако наблюдавате хора, които използват мобилни устройства, скоро ще видите, че те използват множество различни задържания. Разнообразието от използвани задържания и честотата, с която потребителите променят задържането си, означава, че е важно да се проектира с многократни задържания.
Например, започнете дизайн на смартфон с мисъл за използване с една ръка (тъй като това е най-голямото предизвикателство), но винаги тествайте дизайни в редица трюмове, за да видите колко удобни са всеки от тях.
03. Поставете популярни контроли на обсег
Поставете често използвани контроли, като бутони и връзки, където те могат лесно да бъдат достигнати с пръсти или палци. Средата и дъното на екрана са добри области за използване, въпреки че долните ъгли могат да бъдат трудни за докосване, когато дадено устройство се държи само с една ръка (прочетете повече тук).
Все още е конвенцията да поставяте менюта в горната част на екрана. Това обаче може да е труднодостъпна област, така че е добра идея да подкрепите и действие с плъзгане, за да изведете менюто.
04. Поставете съдържанието над контролите
Не искате пръст или палец на някого да закриват съдържанието, докато докосват екрана, така че поставете съдържанието над контролите. Също така се уверете, че ключовата информация не е в областта на екрана, където лесно може да бъде скрита с пръст или палец - като долните ъгли, които често се прикриват, когато смартфонът се държи в едната ръка.
05. Дизайн с мисъл за портрет
Въпреки че използваното задържане може да се промени, едно нещо, което е много по-последователно както за смартфони, така и за таблети, е тенденцията хората да ги държат вертикално през по-голямата част от времето. Хоризонталното задържане често се използва за определени задачи, като гледане на видеоклипове или снимки, но това е изключение, а не норма.
Разбира се, мобилният дизайн в идеалния случай трябва да поддържа както портретен (вертикален), така и хоризонтален (хоризонтален) режими, но освен ако не проектирате видео или тежък сайт или приложение, проектирайте с портретен режим.
06. Дизайн за палци
Палците управляват по-голямата част от всички взаимодействия със смартфони. Това е така, защото палците се използват изключително, когато мобилен телефон се държи в едната ръка и се използва силно, когато се държи в две ръце.
Палците са малко по-големи от пръстите и поради това се нуждаят от по-голяма цел на потупване. Опитайте се да направите тези мишени най-малко 44 х 44 точки (16 х 16 мм), с поне 7 точки (2,5 мм) между тях. По-големите цели са винаги по-добри и със сигурност не трябва да отивате по-малки от 44 х 30 точки (16 х 11 мм).
Дори ако проектирате за таблети, все пак проектирайте за палци, защото дизайнът трябва да поддържа най-малко точния метод на докосване, с който ще се сблъска. Голямата цел за докосване не е полезна само за палци, а и за пръсти.
07. Дизайн за големи жестове
Така че по-големите кранове са по-добри. Каква по-голяма цел на докосване има от целия екран? Опитайте се да проектирате с големи жестове, като например да позволите на потребителите да плъзгат, за да се движат напред или назад във фотогалерия или да извикат меню.
Не забравяйте, че потребителите може да не осъзнаят, че даден жест се поддържа, така че винаги е добра идея да осигурите вторичен начин да направите нещо, като например да докоснете икона със стрелка, за да изведете следващата снимка.
08. Изправи се към предизвикателството
В ергономията понякога се чува разговор за проектиране, което да отговаря на поне 95 процента от потребителите, като създадете дизайн, който е удобен от 2,5-ия до 97,5-ия процентил от потребителите. Винаги ще има екстремни потребители, които са много трудни за настаняване - тъй като всички знаем, че не можете да угаждате на всички през цялото време, но ако можете да създадете дизайн, който по-предизвикателните потребители могат да използват с комфорт, той също трябва да работи за всички тези между тях.
Ето защо е добра идея да проектирате, като имате предвид предизвикателни потребители и сценарии. Например, помислете за зает пътник, който върви по улицата с кафе в едната ръка и мобилен телефон в другата, или някой с артрит.
09. Сведете взаимодействията до минимум
Знаете ли кое е най-удобното взаимодействие с мобилни устройства? Това не е докосване, плъзгане или преса. Това изобщо не е взаимодействие. Колкото по-малко взаимодействие изисква вашият мобилен дизайн, толкова по-малко трябва да се притеснявате за ергономичността. Винаги се опитвам да огранича взаимодействията до минимум. Намалявайте безмилостно мобилни формуляри, използвайте автоматични предложения и ограничавайте известията само до нещата, за които потребителят наистина трябва да бъде уведомен.
10. Прототипни проекти
Просто не можете да прецените ергономичността на мобилния дизайн, докато не можете физически да го държите в ръцете си и да изпробвате различни дръжки. Ето защо ще прототипирам дизайн възможно най-скоро. Харесваме Axure, но има много други чудесни инструменти за прототипиране.
За бърза пробна версия можете дори да провеждате основни потребителски тестове с прости хартиени прототипи. Скица или разпечатка на хартия, залепена върху мобилно устройство, ще ви каже изненадващо много за ергономичността.
11. Тествайте, тествайте, след това тествайте още
Искате ли да знаете единствения гарантиран начин за създаване на ергономични мобилни дизайни? Това е да тествате дизайни, след това да повторите и тествате, да повторите и тествате ... и да продължите, докато имате куп различни хора, обхващащи куп различни устройства, всички докладващи, че дизайнът е удобен за използване. Това е толкова просто.
Мобилните устройства, разбира се, са проектирани да бъдат „мобилни“, така че излезте от офиса, за да тествате дизайни в средата и ситуациите, в които е вероятно да бъдат използвани. Кафенетата винаги са добро място за тестване. Тествайте дизайни с като възможно най-много хора (поне пет или шест) и се съсредоточете върху по-предизвикателни сценарии, като например използване на смартфон с една ръка. Ако дизайнът работи добре, когато взаимодействието на потребителя е по-ограничено, със сигурност ще превъзхожда останалото време. Предимно чрез непрекъснато тестване и повторение можете да създадете наистина ергономични мобилни дизайни.
Тази статия първоначално се появи в списание net. Абонирайте се тук.
