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

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

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

Другу частину читайте ТУТ!

Підходи Google і Apple

Дуже рідко трапляється так, що в Apple і Google однакова думка з певної теми. Це один з тих рідкісних випадків. Керівництва Apple і Google рекомендують розробникам послідовно використовувати панелі вкладок (нижні навігаційні системи) на кожному вікні:

«Нижня панель навігації відображається внизу будь-якого екрану» – Google Material Design

«Панелі вкладок […] приховані [тільки], коли відображається клавіатура» – Apple Human Interface Guidelines
Apple строго дотримується власних обмежень, додаючи до кожного дочірнього екрану своїх додатків, наприклад, Apple Музика, Фото, Подкасти, Здоров’я або Файли.

Вкладки в Google Photos і Apple Photos

Google, з іншого боку, часто порушує свої власні правила, приховуючи нижню навігацію на дочірніх вкладках. У той час, як Youtube (від Google) зберігає видимість нижньої навігації, Google Фото і Google+ приховують її на дочірніх вкладках (наприклад, в альбомах і групах). У керівництві Material Design не має вимоги, щоб дизайнери додали нижню навігацію до дочірніх вкладок, але потрібно, щоб вони додавали її на «будь-який екран» без вказівки рівня інформаційної архітектури.

Apple завжди використовує панелі вкладок у всіх додатках. Google часто використовує нижні навігаційні системи. Таким чином, Google створив дочірній екран, який не є ні реальним дочірнім посиланням (бо не видно основної навігації), ні модальним вікном (бо це не автономний процес із кнопками скасування і збереження) – це щось середнє. І ці проміжні екрани є проблемою, що наростає. Теоретично, Google, дійсно, представив еквівалент вкладок, але на практиці вони просто ввели чергове . Багато розробників iOS пізніше адаптували «Google варіант» використання панелі вкладок. І, зробивши це, вони забули причину, чому в першу чергу панелі вкладок замінюють на гамбургер-меню.

Слід відзначити особливості розробки цього елементу меню. Xcode автоматично за замовчуванням додає елементи навігації в кожен контролер додатка. Однак розробникам Android потрібно багато додаткового часу і зусиль, щоб нижнє меню було постійно видно при кожній новій дії.

Вердикт

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

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

Чи є панелі вкладок новими гамбургер-меню? Певною мірою. При правильному використанні вони обидва є потужним навігаційним елементом (так, бувають випадки, коли гамбургер-меню має сенс). Але як тільки ви починаєте використовувати панелі вкладок заради використання панелей вкладок (бо всі так роблять), ви втрачаєте з поля зору важливі цілі будь-якої навігації. Те ж саме відбулося з гамбургер-меню 4 роки тому. Отже, не переставайте задавати питання «навіщо?».

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

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

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