5 дизайнерски трика, за да направите вашия мобилен UX блясък
Погледнахте ли анализите на уебсайта си напоследък? Шансовете са значителна част - може би дори повече от половината - от вашите потребители да идват на уебсайта ви чрез мобилно устройство.
Независимо дали фокусирате мобилните усилия върху уебсайт или приложение, трябва да гарантирате, че дизайнът създава звездно потребителско изживяване за всеки един от тези мобилни потребители. Не е нужно да започвате от нулата, за да го направите и вие. Мисленето за мобилния потребител и как те взаимодействат с дизайна ще ви помогне да оформите начина, по който изглеждат и функционират вашите интерфейси.
Ето пет дизайнерски трика, които можете да използвате, за да направите своя мобилен UX такъв, който потребителите обичат.
Разгледайте елементи Envato
1. Рационализиране на навигацията
Тези мега навигационни менюта в старата школа не ви правят никакви услуги - особено що се отнася до мобилните устройства. Потребителите на мобилни устройства може да имат най-краткото обхващане на внимание от всяка група потребители. Те искат да отворят уебсайта или приложението и да намерят това, от което се нуждаят веднага.
Проектирайте навигационните менюта само с няколко опции - погледнете анализите си, за да видите какво търсят повечето потребители или отидете на първо място.
По-малкото възможности ще заемат по-малко пространство на екрана, което ви позволява да включите повече пространство в дизайна, което е идеално за докосване и четене.
Докато тук няма да спорим за достойнствата на иконата за хамбургер, навигацията с изскачащи прозорци е модел, с който потребителите са свикнали. Просто се уверете, че ако планирате да извадите или плъзнете навигационното меню, че има ясен визуален идентификатор за потребителите.
Приложението Ebates използва две нива на навигация: едното е списък на най-добрите им оферти и друго, което е вашият списък с любими магазини (в иконата за хамбургер / сърце). Нито един вариант не е тежък. Почти изглежда и функционира като съдържание. Целият дизайн е навигация, без да се чувствате непосилни.
2. Мислете с жестове (И Haptics)
Мобилните потребители си взаимодействат с устройствата си съвсем различно от потребителите на десктоп. Вашият потребителски интерфейс трябва да отчита това.
Дизайнът трябва да се възползва от жестове за извършване на определени действия. Интерфейс, който използва общи и интуитивни контроли, ще зарадва потребителите.
Тези жестове включват:
- Чукнете и щракнете два пъти
- Натиснете
- Hold
- Дръпни и пусни
- Превъртане (с един и два пръста)
- Увеличаване и намаляване
- неточен удар
- лек удар
Що се отнася до мобилните жестове са новите кликвания.
И докато мислите за допирни взаимодействия, не забравяйте за хапли. Тази фина „блъсканица“ от носимото ви или онази вибрация от телефона ви в джоб са хаптични известия, механични симулации на допир с помощта на вибрация или движение.
Номерът на хаптика е, че взаимодействията са фини и доста ненатрапчиви. Въпреки че потребителят може да знае, че има известие, други хора често не го правят. Сензорният интерфейс става все по-често през цялото време и изглежда, че получава положителен отговор от потребителите.
Играта с две точки например използва удар, всеки път, когато изчиствате точки по определен начин. Беззвучната опция прави дискретна игра и осигурява приятно изживяване за потребителите.
3. Направете го разговорно
Хората обичат да се чувстват така, сякаш говорят и взаимодействат с други хора. За щастие на дизайнерите, едно докосване на изкуствен интелект и чатботи може да ви помогне да създадете тези взаимодействия, така че не е нужно да сте в режим на готовност за чат сесии на живо 24 часа на ден.
Има три начина за създаване на разговорен потребителски интерфейс:
- Пишете копие в целия си интерфейс, което има по-лично докосване. От дълги текстови блокове до малки късчета микрокопие, текстът трябва да има личност, например в приложението WTFWeather, по-горе. Трябва да се чете по начина, по който хората говорят. Внимавайте да звучите прекалено официално или роботизирано в съобщенията си.
- Използвайте функции за съобщения или чатботи, за да създавате незабавни взаимодействия с потребителите. Това може да бъде чудесен инструмент за обслужване на клиенти, а също и да помогне за създаването на лоялност на клиентите, ако някой винаги е там, за да им помогне чрез проблеми.
- Интегрирайте гласовия потребителски интерфейс в дизайна. Siri и Alexa са имена на домакинствата благодарение на гласовите интерфейси. Другият бонус за интегриране на гласови команди? Това ще направи уебсайта или приложението ви по-достъпни.
4. Анимирайте го
Изглежда, че има анимирани елементи на почти всеки уебсайт, който посещавате. И това е по дизайн. Анимацията може да оживи дизайна.
Анимираните елементи са силно ангажирани, защото привличат вниманието на потребителите и могат да помогнат на потребителите да покажат как да взаимодействат по-добре с дизайн. (Връща се към класическата идея „покажи, не казвай“ при създаването на дизайн.)
Google Maps например е пълен с малко анимации. Обърнете внимание следващия път, когато го използвате.
Nick Babich, за UX Planet, има страхотен грунд за използване за анимация в мобилния UI дизайн. Той очерта три основни приложения за това как да използваме движението добре.
- За състояние на системата: Използвайте анимация, за да покажете състояние на зареждане, за освежаване на съдържанието и за известия.
- За навигация и преходи: Използвайте анимация, за да помогнете на потребителите да се движат между различни видове съдържание, да установят визуална йерархия между елементите и да покажат промяна на състоянието.
- За визуална обратна връзка: Използвайте анимация, за да покажете потвърждение на дадено действие или да помогнете за визуализиране на резултата от дадено действие.
5. На борда на кладенеца и използвайте правилно формулярите
Особено с приложение, бордовото качване е жизненоважно за лоялността на потребителите.
Помислете за последната изтеглена от вас игра. Скочи ли право? Или се нуждаехте от бърз урок, за да си осигурите успех?
Интерактивното преживяване на борда за приложения ще помогне на потребителите да научат как да се възползват максимално от функциите, включени в потребителското изживяване. Една забавна опция ще ви помогне да ги прехвърлите и към лоялни потребители. Дръжте ръководството за борда кратко и не забравяйте да включите често задавани въпроси или помощна секция, за да могат потребителите да се върнат към него, ако имат проблеми.
С мобилните уебсайтове бордовото качване е по-малко основен проблем, но формулярите за регистрация или регистрация може да са проблем. Формите на мобилните устройства трябва да бъдат прости и лесни. Потребителите не харесват обемисти сложни форми.
Рационализиране на формуляри за мобилни устройства за увеличаване на реализациите. (Винаги можете да поискате допълнителна информация по-късно.)
Погледнете по-горе простата отправна точка за GoodRx. Той изисква само лекарството, за което искате да знаете повече. Формата е фокусът и е супер проста.
Поискайте само един бит информация - имейл адрес. Това е всичко, което трябва да започнете връзка с потребител. Ако вашият сайт или приложение изисква влизане, придържайте се към имейл адрес и парола.
Проектирайте формуляра така, че полетата да бъдат лесни за попълване (от гледна точка на размера) и помислете за изхвърляне на всички функции за автоматично завършване, за да намалите шансовете за грешен имейл адрес. Още един трик? Използвайте формуляр за социално влизане, когато можете да опростите процеса още повече. Потребителите са свикнали с този процес и е лесно за тях ... и по-малко вероятно да имат грешки вместо вас.
заключение
Мобилното потребителско изживяване е едно от най-важните неща, които трябва да помислите, когато изграждате уебсайта или приложението си. И мобилните потребители трябва да продължават да се променят през цялото време.
Създайте интерфейс, който е лесен за използване и се възползва от съвременните технологии и функции, за да създадете нещо, което потребителите ще искат да общуват отново и отново.
