+359 2 850 53 64

UX дизайн за мобилни устройства

Практически съвети за дизайнери: Какво трябва да имате предвид, когато правите дизайн за мобилни устройства?

В днешната статия ще обърнем внимание на това как се прави UX дизайн за мобилни устройства

За щастие, процесът е много сходен с този за създаване на дизайн за десктоп устройства, като разбира се, трябва да се вземат предвид няколко условия, свързани с размера на екрана, функционалностите на устройствата, техните ограничения и проблеми, като скоростта на интернет връзката.

Анализирайте потребителите

UX дизайна означава дизайн с мисъл за потребителите – да се направи нещо, което да им е полезно и което да искат да използват. За да постигнете това, трябва да имате ясно разбиране за това коя е целевата аудитория, да я групирате в различни потребителски групи и да отговорите индивидуално на нуждите на тези групи. Базовото проучване трябва да Ви даде отговори на следните въпроси:

• Защо потребителите биха използвали сайта Ви през мобилно устройство?
• Какви функционалности биха използвали?
• Какво би ги подразнило?
• Какви мобилни устройства използват?
• Какви браузъри използват?

Приоритизирайте функционалностите

Трябва да направите списък с функционалностите, които да има мобилният Ви уеб сайт. В най-добрия случай, те ще отговарят на изискванията на потребителите.

Преминете към създаването на същинския дизайн

Следващата стъпка е да преминете към същинския дизайн. Тук трябва да вземете предвид, че мобилните устройства са с малки екрани, постоянно са включени и използват по-бавна интернет връзка.

Освен това, мобилните потребители използват устройства си основно:

• когато трябва да потърсят някаква информация на момента и за кратко;
• да намерят места, в близост до тях;
• когато им е скучно.

Дизайн за малки екрани

• Определете няколко групи от устройства, като ги групирате въз основа на сходни ширини на екраните.
• Създайте дизайн, който ще се адаптира, както за малки, така и за големи екрани (респонсив дизайн).
• Задайте правилата за визуализация на съдържанието и адаптацията на дизайна.
• Следвайте уеб стандартите.

Опростете навигацията

Мобилните потребители не разполагат с мишка, с която да посочват или кликват. Затова навигацията на Вашия мобилен уеб сайт трябва да бъде максимално опростена и интуитивна.

• За началната страница можете да изберете вариант, на който се показва списък с линкове, водещи към основните функционалности, приоритизирани въз основа на нуждите на потребителите. Те обикновено се подреждат вертикално, а не – хоризонтално.
• Намалете броя на категориите и нивата на навигация и ги преподрете по важност, като първо покажете най-важните.
• Използвайте ясни и консистентно изглеждащи табове в навигацията на целия уеб сайт.
• Размерът на табовете (височина и ширина) трябва да бъде поне 30 пиксела.
• Линковете трябва да са лесно разпознаваеми.
• Поставете главното меню на края на страницата – така потребителите няма да скролват, за да стигнат до същественото съдържание.

Минимизирайте действията на потребителите

• Използвайте само кратки URL адреси.
• Използват алтернативни методи за задаване на команди за действия, като камера, глас и др.
• Ако на уеб сайта Ви трябва да има форма за регистрация, намалете задължителните полета до минимум.
• Когато потребителите се логнат, дайте им възможност да запазят паролата и потребителското си име, за да не се налага да се вписват всеки път.

Съобразете дизайна си с фактора слаба интернет връзка

• Размерът на страниците трябва да е малък, за да могат да се зареждат бързо и в рамките на RAM ограниченията на повечето телефони.
• Премахнете ненужния код, коментари и тагове.
• Намалете изображенията до размер и резолюция, подходящи за мобилни устройства.
• Ограничете броя на вградените изображения, за да намалите броя на HTTP заявките и да повишите времето за зареждане.

Други съображения

• Изградете консистентност.
• Не използвайте технологии, които не се поддържат от мобилните устройства, като Java, JavaScript, бисквитки, изскачащи прозорци и др.
• Ако потребителите трябва да скролват, направете, така че да скролват само в една посока – най-добре – вертикално.
• Използвайте респонсив дизайн.

Изградете прототип на уеб сайта, анализирайте и усъвършенствайте

Изградете прототип на уеб сайта си – така ще видите идеите си нагледно и ако нещо не Ви харесва, ще го промените навреме. Започнете да прототипирате отрано и не спирайте по време на целия процес. Започнете със скициране върху хартия, после – мокъп и едва след това пристъпете към същинския дизайн.

Правете постоянни подобрения

Работата Ви не свърша със стартирането на сайта – трябва да започнете да следите посещаемостта му и обратните връзки, които дават потребителите. Периодично сравнявайте мобилния си сайт с тези на конкурентите, за да идентифицирате местата, които могат да бъдат подобрени.

Мобилното интернет пространство е по-различно. Но и в него Ваша основна цел трябва да остане подобряването на потребителското преживяване. Все пак, защо Ви е уеб сайт, ако никой не го посещава?


Източник: http://www.smashingmagazine.com/2011/05/a-user-centered-approach-to-web-design-for-mobile-devices/

 

Свързани статии

  • КЪМ СТАТИЯТА
    Кратка история на responsive дизайна
    Както най-вероятно сте забелязали, през последните няколко години значително се увеличи броят на мобилните устройства, а…
  • КЪМ СТАТИЯТА
    Уеб дизайнът през 2015г.
    За какво трябва да следят уеб дизайнерите през новата година? Внимание - някои от новостите за със заявка да се превърнат…
  • КЪМ СТАТИЯТА
    Инструменти за responsive дизайн
    През последните няколко години responsive дизайнът успя да се наложи, като водеща тенденция при изработката на уеб сайтове.…
  • КЪМ СТАТИЯТА
    Основни елементи на успешния UX дизайн
    Въпреки голямата си популярност, терминът „потребителско преживяване” (“user experience” – UX) остава не добре разбран за…

Изработка на динамични уеб сайтове с responsive дизайнПовече...