Как се справяте с проектирането на изключително-голям сензорен екран, когато сте свикнали да проектирате с площ с размер на палеца{1}}? Тук съставих ръководство за проектиране на супер-големи сензорни екрани, за да дам вдъхновение на дизайнерите да проектират взаимодействията с потребителите.
1. Взаимодействайте с естествени жестове
Защо „плъзгане наляво и надясно“ е толкова популярно сред всички действия на сензорния екран, защото това е най-естественото движение и жест на ръката за потребителите.
Когато проектират големи сензорни екрани, дизайнерите трябва да вземат предвид не само движенията на пръстите на потребителя, но и работата на цялата ръка. Повечето потребители трябва да посегнат към по-големи сензорни екрани, тъй като те могат да бъдат залепени за стена или поставени на маса в сравнение с ръчните устройства.
Ако искате потребителят да може лесно да докосва екрана, задействането на действието трябва да е толкова естествено, колкото е на мобилно устройство, така че помислете за задействане на действието. В сравнение с малките екрани, спусъкът за плъзгане на големи екрани може да се наложи да бъде по-преувеличен, така че докосването може да изисква по-голям натиск с пръст.
В устройство с голям екран дизайнът с прекомерно плъзгане може да изглежда неприятен за потребителите, тъй като многократните операции нагоре и надолу могат да причинят умора на ръцете. Помислете как да проектирате, така че потребителите да не се нуждаят от много плъзгане, докато разглеждат съдържание.
Друго естествено "жестово" взаимодействие е сканирането с поглед. Поради големия размер на екрана на някои устройства, очите на потребителя не могат да уловят всичко наведнъж. Дизайнерите трябва да проектират за характеристиките на движението на очите отгоре надолу и отляво надясно. Уверете се, че потребителите виждат най-важната информация и разбират как потребителите могат да взаимодействат с дизайна.
2. Увеличете мащаба на дисплея на текст и графики
Увеличаването на текст и графики обикновено не е така в дизайна, защото дизайнерите трябва да увеличат визуалните елементи достатъчно значително, за да се показват на много големи екрани. Въпреки това, по-голям екран не означава повече неща за показване (и обратно), опитайте се да мислите за него като за специално потребителско изживяване. Всичко на сензорния екран, включително текст и графики, трябва да бъде увеличено, за да отговаря на размера на дизайна на допълнително-големия екран. Причината за това е:
Потребителите са склонни да взаимодействат от по-голямо разстояние и все още трябва да виждат и разграничават елементи.
Потребителите трябва да бъдат привлечени към екрана от специфични видими елементи.
Потребителите трябва да виждат визуални знаци, които да им помогнат да идентифицират екрани за обществено ползване.
Елементите на екрана трябва да бъдат навигационни и ясно показани при липса на директиви.
Целите на докосване трябва да бъдат лесни за виждане и да създават забележими взаимодействия.
3. Уверете се, че навигацията е винаги налична
Манталитетът на повечето потребители, използващи голям сензорен екран, подобно на посещението на уебсайт за първи път, прави навигацията още по-важна. Проектирането да имитира този сценарий улеснява привличането на потребители към вашия дизайн и взаимодействието с него. Важно е да се отбележи, че дизайнерът иска да гарантира, че навигацията е винаги достъпна, когато потребителят има достъп до различно съдържание.
Когато проектирате шаблон за навигация за вашия продукт, най-добре е да използвате модел за навигация, който обикновено се използва в общи уебсайтове, като например задаване на лентата за навигация в горната част на екрана или в страничната лента.
Също така се уверете, че навигацията не изчезва, когато потребителите посещават различно съдържание или страници. Докато началният екран може да е проектиран така, че да съдържа само няколко големи навигационни бутона, други екрани се обслужват най-добре в традиционен формат за навигация за улесняване на използване от потребителя.
Освен това минимизирайте въвеждането{0}}базирано от клавиатура на тези екрани. На по-големи екрани клавиатурата може да стане тромава и бавна, което изисква допълнително физическо усилие от потребителя. Ако обаче имате въвеждане,{1}}базирано от клавиатура, настройте команда за превключване на клавиатурата в навигацията, така че потребителят да може лесно да показва и скрие клавиатурата, когато е необходимо.
4. Не създавайте твърде много опции
Колкото по-голям е екранът, толкова повече избор има потребителят и толкова повече време му отнема. Вместо това мислете за бутоните и взаимодействията като за игра за това как да накарате потребителите да вземат бързи решения. Номерът с дизайна е да им позволите да избират между два елемента и да не предоставят твърде много опции.
Предимството на този дизайн е, че опростява вашия дизайн. Предлагането само на две опции на екран намалява дизайнерските елементи и визуалното претрупване, създавайки по-използваем интерфейс.
Когато проектирате опции, уверете се, че действията са еднакво видими. Как потребителите избират тези опции? Бутоните трябва да са очевидни и лесни за докосване от потребителите. Използвайте малка анимация, за да привлечете вниманието на потребителя към интерактивен елемент или по-популярна потребителска опция.
Опциите за опростяване също са много важни поради размера на екрана. Имайте предвид, че целият екран може да не винаги е в зрителното поле на потребителя, което донякъде ограничава самите опции. Ако опростите опциите предварително, не е нужно да се притеснявате за средата, която влияе върху опциите на потребителя.
5. Помислете за поверителността на потребителите
Поверителността на потребителите е проблем, който си струва да се обмисли, когато става въпрос за достъп до чувствителна информация или данни със сензорен екран. Само защото потребителите използват устройства с голям{0}}екран на обществени места, не означава, че искат другите да знаят какво правят, особено когато въвеждат важна информация. И колкото по-голям е екранът, толкова по-вероятно е другите да видят какво пише потребителят.
За да решат този проблем, дизайнерите често използват по-малък изскачащ прозорец за въвеждане на формуляр или данни, така че въвеждането на потребителя да не се вижда дори от разстояние.
6. проблем с мрежовата връзка
Когато става въпрос за дизайна на голям сензорен екран, най-важният въпрос, който трябва да се вземе предвид, е мрежовата среда на продукта. Как мога да накарам продукта да работи със или без мрежа?
Помислете за това: На обществени места много устройства с голям{0}}екран или малък-екран (като мобилни павилиони или големи таблети) са преносими. Това включва достъпа на устройството до интернет и дали мрежовата връзка работи правилно. Тези устройства със сензорен екран трябва да останат функционални, дори когато не са свързани с интернет.
Съвет: Уверете се, че всички свързани с инструмент{0}} данни (от Java до библиотеки с шрифтове до събиране на данни), изпълняващи дизайна, се съхраняват локално.
7. Настройте очевидни интерактивни бутони
Такива дизайни трябва да покажат на потребителя как да взаимодействат с екрана и не всеки потребител веднага разбира как да действа на екрана.
Препоръчват се визуални знаци като анимации и бутони, за да помогнат на потребителите да насочват през процеса.
Повечето големи сензорни екрани предоставят на потребителите едно-еднократно взаимодействие или тригерна точка и всеки интерфейс е различен. Колкото по-очевидно е зададена тази подкана, толкова по-лесно е потребителите да разберат действието и по този начин толкова по-вероятно е те да взаимодействат с вашия продукт.
В допълнение към това, много области на сензорния екран на екрана, които включват активиране и стартиране, също изискват бутони за взаимодействие. Например, в начален екран дизайнерът ще използва бутон, за да подкани взаимодействието. Тази настройка не се отклонява от дизайна, но също така казва на потребителя как да работи с устройството.
Използвайте описателни подкани като „докоснете тук, за да започнете“, за да насочвате потребителите през процеса. Въпреки че този елемент на мислене може да изглежда прекалено очевиден, как да се използва интерфейсът не е нещо, в което потребителите трябва да се задълбочават, а по-скоро да го улесни.
в заключение
Имате ли опит в проектирането на големи сензорни екрани? Този дизайн на сензорен екран се превърна в популярна тенденция. Дори и да не сте правили такъв дизайн все още, вярвам, че скоро ще се изложите на него.
Въпреки че повечето от принципите на дизайна са същите като другите дизайни,{0}}базирани на интерфейс, размерът на голям сензорен екран и преоразмеряването му могат да оставят много дизайнери в загуба. Така че, когато видите голям сензорен екран на публично място, по-добре е да спрете и да работите върху интерфейса и да усетите интерактивния му дизайн. Вижте кои дизайнерски елементи и взаимодействия ви привличат да препоръчате в бъдещи дизайни за изключително-големи сензорни екрани.
