Дизайн також охоплює, як користувачі взаємодіють з продуктом. Будь то сайт або додаток, це більше схоже на розмову. Навігація - це розмова. Не має значення, наскільки хороший ваш сайт або додаток, якщо користувачі не можуть знайти дорогу.
У цьому пості ми допоможемо вам краще зрозуміти принципи гарної навігації для мобільних додатків, а потім покажемо, як це робиться за допомогою двох популярних шаблонів. Якщо ви хочете спробувати створити власну навігацію, ви можете безкоштовно завантажити і протестувати Adobe Experience Design CC і відразу ж почати роботу.
Шаблони призначеного для користувача інтерфейсу навігації - це швидкий шлях до зручності використання. Коли ви досліджуєте найуспішніші інтерактивні навігаційні конструкції останніх років, очевидними переможцями стають ті, хто виконує основи бездоганно. Хоча нестандартне мислення зазвичай є хорошою ідеєю, є деякі правила, які ви просто не можете порушити. Ось чотири важливих правила для створення відмінною мобільного навігації:
Просто
По-перше, і найголовніше, навігаційна система повинна бути простою. Гарна навігація повинна відчуватися як невидима рука, яка веде користувача. Підхід до цього полягає в тому, щоб розставити пріоритети контенту і навігації для мобільних додатків відповідно до завдань, які мобільний користувач, швидше за все, буде виконувати.
Мабуть
Як каже Якоб Нільсен, розпізнати що-небудь легше, ніж запам'ятати. Це означає, що ви повинні мінімізувати навантаження на користувача, роблячи видимими дії і параметри. Навігація повинна бути доступна завжди, а не тільки тоді, коли ми очікуємо, що це знадобиться користувачеві.
Чисто
Функція навігації повинна бути самоочевидною. Ви повинні зосередитися на доставку повідомлень в чіткої і стислій формі. Користувачі повинні знати, як перейти від точки A до точки B на перший погляд, без будь-яких зовнішніх вказівок. Подумайте про значок кошика покупок; він служить ідентифікатором для перевірки або перегляду товарів. Користувачам не потрібно думати про те, як орієнтуватися при здійсненні покупки; цей елемент направляє їх на відповідну дію.
Послідовно
Система навігації для всіх видів повинна бути однаковою. Не рухайте елементи управління навігацією в нове місце на різних сторінках. Не плутайте свого користувача - дотримуйтеся слів і дій. Ваша навігація повинна використовувати «Принцип найменшого сюрпризу». Навігація повинна надихати користувачів взаємодіяти з контентом, який ви надаєте, і взаємодіяти з ним.
Дизайн з розумом
У своєму дослідженні використання мобільних пристроїв Стівен Хубер виявив, що 49% людей покладаються на один великий палець для виконання своїх завдань на своїх телефонах.
Ще один важливий момент - нижня навігація повинна використовуватися для пунктів призначення верхнього рівня схожою важливості. Це напрямки, які вимагають прямого доступу з будь-якої точки прикладання.
Не в останню чергу, зверніть увагу на розмір цілей. Microsoft пропонує встановити цільової розмір сенсорного екрану на 9 мм квадрата або більше (48 × 48 пікселів на дисплеї 135 PPI з масштабом 1,0x). Уникайте використання сенсорних мішеней площею менше 7 мм.
