7 начина за адаптиране на съдържанието за по-добър мобилен UX
Началото на страхотен дизайн започва със съдържание. За да се възползвате максимално от звездния мобилен UX, съдържанието може да се наложи да претърпи няколко промени и промени.
Но откъде да започнете? Как трябва да се адаптира съдържанието да работи безпроблемно на мобилни устройства? Започва с мислене за начина, по който потребителите взаимодействат с по-малките екрани и как това се отразява на това (и колко!), Което те искат да прочетат.
1. Една мисъл на екран
Когато свивате съдържание за мобилни устройства, опитайте се да планирате елементи, така че да има един през един екран. Дори телефоните като че ли отново се стремят към по-големи размери, не се изкушавайте да натрупате много информация на екрана!
Една мисъл на един екран е достатъчна. Вече и рискувате да затрупате потребителя.
Потребителите на мобилни устройства обикновено са мултизадачи. Те гледат вашия уебсайт, докато говорят с приятел, докато посещават бейзболна игра. Запазвайки съобщението и съдържанието просто и директно, имате по-голям шанс една мисъл да бъде съобщена.
Но как изглежда една мисъл? Това е блок от текст, изображения и изпълним елемент, които са обвързани заедно. Групата съдържание трябва да помоли потребителите да направят един избор: искате ли да направите това?
2. Приоритизирайте навигацията
Трябва да има няколко неща, които потребителите са склонни да правят или които искате да правят, когато посещават мобилната (отзивчива) версия на вашия уебсайт. Уверете се, че има лесна за следване навигация, която бързо привлича потребителите към тези елементи.
Докато менюто на десет опции за навигация с няколко нива може да работи на вашия работен сайт, мобилните потребители често са по-натиснати във времето. Те нямат намерение да мъркат из сайта, докато не намерят нещо.
Навигацията трябва да бъде проста и рационализирана. Ако не сте сигурни откъде да започнете, разгледайте своите анализи на мобилни потребители. Какви са първите три или четири страници, посетени? Тези страници попадат ли в съответствие с това, което очаквате? Намерихте основните елементи за навигация, за да можете съответно да коригирате мобилното съдържание.
3. Мислете като търсачка
Не играйте на алгоритъма. Създайте качествено съдържание, което потребителите искат да четат. Независимо дали получавате десет преглеждания на страници на ден или милиони, искате да мислите като търсачка, когато става дума за съдържание на мобилни устройства. Всяка дума, изображение и малко съдържание трябва да бъдат бързи и търсещи. Но не играйте на алгоритъма. Създайте качествено съдържание, което потребителите искат да четат.
Когато става въпрос за мобилни устройства, това може да означава разделяне на някои елементи на съдържанието. Вместо три изображения на началната страница например изберете една най-важна снимка. Не претегляйте мобилния си сайт; скоростта на мрежата и Wi-Fi се подобряват непрекъснато, но някои потребители ще се борят с връзки и уебсайтът ви все още трябва да бъде достъпен.
Можете да проверите скоростта на мобилните страници с този прекрасен инструмент от Google, който ви помага да поддържате всичко добре оптимизирано.
4. Направете текста по-голям
По-малките екрани не трябва да означават по-малък текст . Всъщност трябва да увеличите размера на точките, за да улесните четенето и усвояването на съдържанието. Разгледайте копието на тялото си и изберете размер, който позволява от 30 до 40 знака на ред. (Това е около половината от препоръчителното за екрани на работния плот.)
Съществуват и други трикове за подобряване на текста на малки екрани. Можете да ги намерите в предишна статия Design Shack за съвети за проектиране на по-добра мобилна типография.
5. Напишете смислена микрокопия
Страхотно микрокопиране - текстът вътре в елементи като бутони - може да направи или да наруши дизайна. Микрокопирането може да добави индивидуалност и искра в дизайна. Освен това той предоставя много информация и помага на потребителите да намерят пътя си около дизайна.
По-специално, на мобилните устройства обмислете да направите микрокопирането малко по-голямо от нормалното и винаги да го използвате във форми, за да помогнете на потребителите да знаят какво точно да правят.
Помислете за често срещаните проблеми, които срещате, когато плащате за нещо на телефона си, например. Формата може да обхваща множество екрани или превъртания; направляващото микрокопиране може да направи много по-лесно първоначално да попълните всичко правилно. (Основен компонент при преобразуване на действия от мобилни потребители.)
6. Съблечете ненужните ефекти за мобилни устройства
Създайте всичко, което не ви трябва за мобилни дизайни. Въртящите се анимации и функциите за превъртане по паралакс изглеждат невероятно на уебсайтовете на настолни компютри, но могат да затънат в мобилни версии. Създайте всичко, което не ви трябва за мобилни дизайни. Искате всичко да се зареди бързо и безпроблемно; анимации, които могат или не работят, пречат да се свържат с потребител веднага.
Друг ефект, който можете да премахнете? Ефекти на курсора. Няма такова нещо като състояние на задържане за действия с докосване.
Рационализирайте мобилното потребителско изживяване с лесна за разбиране функционалност на докосване (за да замените щракването), която има очевидна малко обратна връзка. Не искате потребителите да разпитват дали е извършено действие; винаги трябва да е очевидно.
7. Адаптиране към мащаба
Нищо не е по-разочароващо от кацането на мобилен отзивчив сайт, където всичко е мъничко. Смисълът да имате мобилен дизайн е да направите уебсайта по-достъпен за потребителите на по-малки устройства. Трябва да адаптирате съдържанието към този мащаб.
Понякога адаптирането на съдържанието е просто пренареждане на части.
- Кутиите, които бяха подредени по целия екран на работния плот, може да са подредени вертикално на мобилно устройство.
- Снимките се изрязват по-квадратно или вертикално въз основа на доминиращата ориентация на мобилното използване (вертикално).
- Текстът е редактиран и подрязан за краткост.
- Навигацията се пренарежда и се поставя на различно място.
- Призивите за действие са направени в по-големи, почти екранни елементи.
- Всички бутони и елементи за докосване се поставят на леснодостъпни места въз основа на начина, по който потребителите държат телефоните си.
заключение
Готови ли сте да преосмислите част от съдържанието на уебсайта си? Ако сте изградили отзивчив уебсайт и просто предполагате, че всичко ще преобразува мобилните потребители, тогава е време да оцените мобилната част на дизайна. Вероятно е, че има място за малки промени в съдържанието, които наистина могат да променят начина, по който потребителите взаимодействат с дизайна.
Това е жизненоважна част от процеса на проектиране. Обърнете внимание на анализите си. Какъв процент от вашата потребителска база има достъп до дизайна на мобилно устройство? Ако не правите корекции, за да задоволите техните нужди, може да отчудите голям сегмент от вашата потребителска база, без да смятате да ги обиждате.
