1. 1 Мінімалізм
2. 2 В стовпчик
3. 3 Акцент тільки на одному
4. 4 Ведіть користувача
5. 5 Пам'ятайте про пальчики

Про те, що ваш сайт повинен адекватно відображатися на мобільних пристроях, не сказав лише ледачий. Та ось тільки адекватно - це як? Сьогодні ми розглянемо особливості юзабіліті мобільних сайтів і дамо рекомендації щодо поліпшення їх зручності для відвідувачів. Отже, 5 принципів юзабіліті для мобільних пристроїв:

1 Мінімалізм

У зв'язку з обмеженістю області відображення інформації (досить порівняти монітор з екраном мобільного), той контент, який ви звикли розміщувати на сайтах, повинен бути зведений до мінімуму.

Якщо ви просто зменшіть сторінку сайту до масштабу екрану телефону, результату це не дасть. Мобільні користувачі сканують текст і картинки, і якщо за щось увагу зачепиться - лише тоді перейдуть до подробиць. Як же вони зможуть зачепитися, якщо всі букви і значки настільки дрібні, що важко їх розглянути?

2 В стовпчик

Не змушуйте користувача використовувати прокрутку щоб дочитати пропозицію, раз у раз зменшувати і збільшувати текст. Використовуйте верстку в форматі стовпця. Природно, не забувайте про перший пункт - збільште масштаб контенту, скоротивши при це його обсяг.

3 Акцент тільки на одному

Щоб не розсіювати увагу користувача, робіть в рамках видимої області сайту тільки один акцент. Наприклад, для інтернет-магазинів на сторінці товару доведеться відмовитися від додаткових кнопок (поділитися в соц. Мережах, подивитися схожі тощо), залишивши тільки один заклик до дії - покласти до кошика.

4 Ведіть користувача

Покрокова інструкція про те, що і коли потрібно зробити користувачеві - для mobile дуже важлива і корисна. Ведіть «за руку» клієнта до покупки, до оформлення заявки, до реєстрації - візуалізують алгоритм дій, перетворивши його в інтерактивне подорож з підказками і можливістю перескочити непотрібний крок.

5 Пам'ятайте про пальчики

Твердження про те, що в інтернеті нічого не можна помацати, поступово втрачає свій сенс. Користуючись мобільними, ми, можна сказати, торкаємося товарів, які нам пропонує інтернет-магазин, або навіть послуг (наприклад, можна помацати фотографії Таїланду в туристичному агентстві). Тому важливо не просто розмістити на сайті красиві фотографії і кнопки, а зробити їх такими, щоб їх захотілося помацати. А ще краще, дати можливість покрутити товар на всі боки, всього лише одним дотиком пальця.

І наостанок, список важливих дрібниць:

• шрифти повинні бути великими
• кнопки повинні бути розміром «під пальчик»
• використовуйте прості форми (2-3 поля)
• адекватний розмір полів для заповнення (не вимагає масштабування)
• швидка швидкість загурзкі
• можливість зробити дзвінок «в один клік»

Всі ці принципи важливо враховувати як в адаптивному веб-дизайні , Так і в розробці мобільного додатку .