Сап, сегодня я хочу поговорить об общепринятом стандарте мобильного web-дизайна, меню-"гамбургер". Выглядит так:
Я согласен, что со своей функцией это меню справляется неплохо. "Показывает навигацию, ну и круто?" - скажите вы. - "Нет. Не круто." - отвечу я.
В чем проблема?
Основная проблема в том, что это просто не удобно. Не удобно тянуться снизу вверх для того, чтобы просто нажать на кнопку. На компьютере преодолеть большое расстояние курсором вообще не проблема, а тут, на смартфонах, всё совсем по-другому. А всё потому что мы используем сенсор, а не мышь и, в основном, пользуемся одной рукой и одним пальцем. Ещё хуже, когда пользуешься смартфоном с большим экраном. Вот картинка, которая описывает то, что я говорю:
Располагайте меню внизу
Гораздо удобнее если меню будет внизу страницы, например, так:
Ещё лучше, если так:
Перемещение меню вниз решает данную проблему, что-то подобное есть на Хабре при оценке статей:
Немного поиска на эту тему привело меня на статью "Bottom Navigation Pattern On Mobile Web Pages: A Better Alternative?". Там приводятся ещё больше примеров: Samung, Bloomberg, Reddit.
Почему мы так ещё не делаем?
Думаю, из-за того, что, когда мы заходим на сайт, мы автоматически смотрим наверх, в поисках меню. Вверх страницы - это самое видное место на всей странице. Но, с точки зрения удобства, такое расположение мне нравится больше. Экраны телефонов меньше не станут, надо меняться, ребят?
А вы что думаете?