Панель вкладок вже перетворилася на гамбургер-меню? (Частина 2)

Продовжуємо дуже цікаву статтю про одне з найпопулярніших меню для мобільних додатків, яке дизайнери, наслідуючи моду, почали використовувати недоречно.

Першу частину читайте ТУТ!

Проблема з панеллю вкладок
Подивіться на інтерфейс вашого улюбленого додатка – Medium для iOS і спробуйте визначити проблему:

Medium для iOS (стаття)

Як тільки користувач переходить від контенту верхнього рівня до дочірнього (наприклад, стаття), дочірній контент перекриває весь екран, включаючи .

Medium для iOS (настройки профілю)

Тепер давайте знову подивимося на три мети навігації:

Де я?

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

Куди ще я можу піти?

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

Що я знайду, коли дістануся туди?

Єдиний елемент навігації на дочірньому екрані – маленька стрілка ліворуч без підпису або опису. Вона не говорить користувачеві, куди він потрапить, клацнувши по ній.

Medium міг керуватися благими намірами, коли вони додали панель навігації. І тисячі інших додатків для iOS і Android. Вона відмінно працює на контенті верхнього рівня, але її реалізація не відповідає цілям навігації на дочірніх рівнях.

Дочірня сторінка поводиться як модальна, перекриваючи загальну навігацію (панель вкладок), але анімується як дочірня сторінка (справа наліво) і відображає зворотну стрілку, як дочірній контент.

Модальність – це зовсім не погано. «Модальність створює фокус, не дозволяючи людям робити інші речі, поки вони не завершать завдання або не відхилять повідомлення» (Apple). Але модальність також вимагає використання модальної анімації (iOS: анімація від низу екрану), а також кнопки завершення і скасування для виходу з модального представлення.

Модальні сторінки використовуються тільки для короткострокових завдань, які є автономними процесами і можуть бути завершені або скасовані. Наприклад, написання листа, додавання події в календар, відхилення повідомлення…

Вони не призначені для використання в якості докладного представлення або заміни дочірнього представлення. Ці дочірні представлення не є автономним процесом, вони не можуть бути скасовані або збережені.

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

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

За матеріалами uxplanet.org

ДАЛІ БУДЕ!

Вам також буде ЦІКАВО: 

 
 

Залишити відповідь