Оптимизация мобильной веб навигации (2 последних успеха)

[mindcaster]

Весьма занятный и поучительный пример, задумался.

[zaqqq13]

Согласен, довольно неожиданный эффект. Как правило уже все привыкли к гамбургеру, возможно поэтому интерфейс без него выглядит более свежо и пользователю хочется опробовать

[xadd]

Как мне видится, гамбургер это больше про второстепенную навигацию и он все же нужен, а вот у авторов там похоже находилась основная.

[br3w0r]

Согласен. Если в меню больше 4-5 пунктов, то от гамбургера сложно будет избавиться.

[demimurych]

Гамбургер появился потому, что было очень много того, что очень хотелось оставить, но негде было показывать. Потом, почему-то, те кто делают проекты стали воспринимать гамбургер как нечто, куда можно и нужно засунуть все, забывая, что человек это инертное существо, которое большую часть своих поступков совершает необдуманно, более того, если есть путь где думать нужно меньше, то именно этот путь и будет выбран.

Гамбургер же, это черный ящик, содержимое которого представляется очень размыто, и чтобы конкретизировать нужно совершить, пусть и небольшое, но интеллектуальное усилие — я не получил желаемого может быть оно прячется вон там. В этой связи, я не очень понимаю что вызвало удивление у авторов статьи, когда вместо того, чтобы думать искать и лезть в дополнительное меню, люди стали чаще кликать на те кнопки что у них оказались под рукой.

Я бы вообще настаивал на том, что весь дизайн нужно оценивать с позиции затраченных усилий пользователя на получение желаемого, чем их меньше тем дизайн лучше.

[zaqqq13]

Ну не знаю привычка это или еще что, но я как пользователь, попадая в незнакомое мне приложение на телефоне, первым делом делаю свайп со стороны гамбургера, надеясь что там будет навигация. И если этот свайп не сработает, или навигация откроется только по клику на бургер, я в приложение не вернусь, если вместо боковой навигации будет меню в заголовке, опять же вряд ли вернусь в приложение, потому как лично мне не особо удобно тянуться к верхней части экрана для совершения банального перехода на другую view, так что тут все индивидуально, кому как. Но подозреваю, что все же большая часть юзеров уже давно привыкла к гамбургеру и не испытывает с этим трудностей. Другой вопрос в том, как реализована боковая навигация. Если там огромное меню с вложенными подменю, то понятно, что никто не станет в этом разбираться. Я лично считаю что основной функционал желательно представлять на первом экране, а уже дополнительные фичи выносить в меню без излишков вроде подменю 3-х уровней вложенности и прочих прелестей колхозного дизайна. Все должно быть просто и понятно и в таком случае положение этого самого меню не будет играть существенной роли. И да — бургер справа лично я ненавижу, неудобное решение, не в обиду хабру сказано, чисто субъективно мне лично это не особо удобно)

[Lexicon]

Честно, статья удивила, не встречал оригинал в подборке медиума.
Удивила неприятно, в первую очередь числом плюсов в источнике.

Бургер разбирался невероятное множество раз в сотнях статей. Существует так долго, что во всех возможных вариациях, плюсы и минусы его реализаций можно лицезреть лично в сотнях тысяч приложений. И все же, как заметил xadd, бургеру была делигирована задача, для которой он просто не подходит.

Clear communication is the bare minimum asked of web designers, or any kind of designer for that matter. The fact that web designers don’t have a proper design education makes them easy prey for marketeers’ wishful thinking and corporate drone factories.

^ Комментарий из оригинальной статьи, мнение которого я поддерживаю — почти каждая современная дизайнерская методология пропагандирует интуитивность интерфейса и даже предлагает решения. В частности — элементы, зависимые от контекста.

На мой взляд, дизайнеры, не способные осилить чтение дизайн-паттернов уровня ТОП 1 — люди, занимающиеся явно не своей работой.

[BruceBright]

Проверю на практике

За статью благодарю!

[shuchkin]

Сравниваю:

☰ хXxXx LOGO xXxXx
+ уложились в одну строку
— по иконкам не тапают те кому за 40

хXxXx LOGO xXxXx
STORY PRODUCTS BUY MORE
+ сразу виден 1-й уровень навигации
— 2 строки

хXxXx LOGO xXxXx
ИСТОРИИ ПРОДУКТЫ КУПИТЬ ЕЩЁ
+ виден 1-й уровень навигации
— 2 строки
— надписи по-русски длиннее

А почему нет? С кликабельностью +100% — отличный вариант.

[lightmaann]

Как отказаться от меню в случае, когда там порядка 15 пунктов?)

[ApeCoder]

Засовываете четвертый и прочие пункты в More

[tuxberg]

При всем своем удобстве, тенденция к отказу от него набирает обороты.

Можно немного источников, подтверждающих этот вывод?

[Asliddin96]

На мой взгляд, отличный результат. Давно пора вносить какие то изменения относительно мобильной версии страниц. Иногда, действительно эти гамбургеры выглядят так, что не знаешь зачем они нужны вообще.

[greenexpert]

Очень не качественный перевод.
«На компьютере для сайта», «приложение, основанное скорее на процессе поиска»
Корректор и редактор в отпуске?