Найти тему

Почему мы до сих пор используем такие меню?

Оглавление

Сап, сегодня я хочу поговорить об общепринятом стандарте мобильного web-дизайна, меню-"гамбургер". Выглядит так:

Я согласен, что со своей функцией это меню справляется неплохо. "Показывает навигацию, ну и круто?" - скажите вы. - "Нет. Не круто." - отвечу я.

В чем проблема?

Основная проблема в том, что это просто не удобно. Не удобно тянуться снизу вверх для того, чтобы просто нажать на кнопку. На компьютере преодолеть большое расстояние курсором вообще не проблема, а тут, на смартфонах, всё совсем по-другому. А всё потому что мы используем сенсор, а не мышь и, в основном, пользуемся одной рукой и одним пальцем. Ещё хуже, когда пользуешься смартфоном с большим экраном. Вот картинка, которая описывает то, что я говорю:

Оригинал: https://res.cloudinary.com/indysigner/image/fetch/f_auto,q_auto/w_2000/https://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/e059ce1c-665f-4b0b-8d7e-571ffcc8d8d8/4-new-thumb-zone-mapping-bottom-navigation-pattern.jpg
Оригинал: https://res.cloudinary.com/indysigner/image/fetch/f_auto,q_auto/w_2000/https://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/e059ce1c-665f-4b0b-8d7e-571ffcc8d8d8/4-new-thumb-zone-mapping-bottom-navigation-pattern.jpg

Располагайте меню внизу

Гораздо удобнее если меню будет внизу страницы, например, так:

-3

Ещё лучше, если так:

-4

Перемещение меню вниз решает данную проблему, что-то подобное есть на Хабре при оценке статей:

-5

Немного поиска на эту тему привело меня на статью "Bottom Navigation Pattern On Mobile Web Pages: A Better Alternative?". Там приводятся ещё больше примеров: Samung, Bloomberg, Reddit.

-6

-7

Почему мы так ещё не делаем?

Думаю, из-за того, что, когда мы заходим на сайт, мы автоматически смотрим наверх, в поисках меню. Вверх страницы - это самое видное место на всей странице. Но, с точки зрения удобства, такое расположение мне нравится больше. Экраны телефонов меньше не станут, надо меняться, ребят?

А вы что думаете?

Обложка.
Обложка.