А вы не слишком поторопились изгнать “гамбургер” из своего приложения?


    Привет. Мы все видим, что происходит с навигацией в приложениях — привычный "гамбургер" заменяют нижним таббаром. Лично меня это напрягало, когда это происходило с моими часто используемыми программами: Pocket, Skype, Youtube, а с недавних пор и VK.


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


    она: а ты, кстати, видел во что превратился ВК?
    я: хм… что ты имеешь ввиду?
    она: да там вообще теперь какая-то бяка. Я поэтому его не обновляю. (показывает на своём айфоне привычное меню навигации в старом стиле)
    я: lol, ну и правильно делаешь.

    Знаете, это меня немного удивило. Мы привыкли читать подобные отзывы в play-маркете/эппсторе, но только не вживую. Я подумал, что это достаточный повод обдумать ситуацию. Под катом немного размышлений на эту тему.


    Мне всё это напомнило ситуацию с кнопкой "Пуск" в Windows. В восьмёрке её убрали, а с версии 8.1 вернули на законное место. Вы, вероятно, понимаете почему это произошло? Ага, правильно, потому что пользователям, мягко говоря, не понравилось. Они привыкли к этому элементу и стали испытывать дискомфорт при его исчезновении.



    По той же причине люди привыкли со временем к боковому главному меню. Увидев его первый раз, человек быстро запоминает, что все основные функции можно найти там. Саму кнопку гамбургера критиковали за неинтуитивность иконки, как и жест оттягивания меню большим пальцем от края экрана. Но опять же — и к тому и к другому нужно привыкнуть лишь первый раз, после чего вырабатывается прочный пользовательский опыт.



    А теперь вернёмся к ВК и рассмотрим навигацию на его примере.


    О редизайне навигации


    Разработчики ВК выкладывали пост про последний редизайн приложения и пост, думаю, многие видели. Там всё подробно рассказывается, в частности, про решение заменить боковое меню таббаром. Для удобства приведу оттуда картинку эволюции интерфейса приложения по части навигации:


    Эволюция приложения ВК


    В целом всё понятно — внедрили табы, к которым легче тянуться и заодно упростили доступ к частым функциям, т.е. вместо двух тапов по экрану "Гамбургер" -> "Сообщения" теперь нужен только один тап по иконке сообщений. Это удобно.


    Но теперь рассмотрим нюансы.


    Проблемы нового дизайна


    В таббар помещается максимум 5 иконок. А остальные пункты теперь перенесены на отдельный экран, который вызывается последней кнопкой таббара:



    В чём основные недостатки этого решения?


    • Самое важное: полное отсутствие преемственности и игнорирование, таким образом, сформировавшихся уже давно привычек пользователя
    • Кнопка открытия главного меню занимает место на новом таббаре, на котором могло быть размещено что-то более полезное
    • Меню стало уже полностью модальным, а модальность это плохо по той же причине, по которой Сaps Lock хуже Shift'а

    Ок, но что можно было бы сделать по-другому?


    Вариант решения: прежнее боковое меню плюс новый таббар


    В данном случае таббар мне представляется удобным, но не способным взять на себя роль главного элемента навигации. Он в данном случае является просто shortcut-панелью — то есть плейсхолдером для ярлыков быстрого доступа.


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



    А боковое меню можно было бы оставить на прежнем месте. Тем более, что на верхнем тайтлбаре было и есть место для иконки меню и у пользователя, таким образом, не будет возникать чувства — "блин, где кнопка… она же была тут?!".


    Если прежнее боковое меню будет одновременно существовать вместе с нижнем таббаром, то возникает вопрос: могут ли пункты меню дублироваться в том и другом местах? Вообще-то дублирование где бы то ни было — это всё-таки плохо, поэтому нет. Как только пункт главного меню попадает в нижнюю панель, то он убирается из боковой, соответственно.


    Вместо заключения


    Разработчики и дизайнеры приложений часто что-то меняют, экспериментируют с интерфейсами и это безусловном хорошо для нас — пользователей. Но мне не нравятся те изменения, которые обусловлены скорее модой, трендами, которые задают гиганты индустрии ("Гугл" и "Эппл", в частности).


    Ещё недавно считалось, что, у небольших команд есть преимущество перед корпорациями — бОльшая гибкость, независимость, способность лучше чувствовать пользовательские потребности. И я хотел бы верить, что это верно и на сегодняшний день.

    Similar posts

    Ads
    AdBlock has stolen the banner, but banners are not teeth — they will be back

    More

    Comments 41

      +2

      Согласен с тем что сохранить бургер разумно. Но имхо дублирование имеет место быть. Даже с точки зрения accessibility. Возвращаясь к примеру видны. Когда выносится ярлык на панель быстрого запуска — из пуска приложение никуда не исчезает. Shortcut панель не должна влиять на меню приложения.

        0
        Да, скорее всего, вы правы. Я сам сомневался, когда думал о дублировании. «Кодер» во мне отказывается верить в пользу дублирования, но для интерфейса это, возможно, к месту
          0
          «Кодер» во мне отказывается верить в пользу дублирования, но для интерфейса это, возможно, к месту

          Вы имеете ввиду, что: если кнопка на баре, то она не должна отображаться в бургер-меню? Если так, то простите, но "кодер" во мне, говорит, что пусть будет и там и там. Точнее, на таббаре может быть ничего (и тогда он скрыт) или вынесено только то, что пользователь сам захотел.


          У меня просто был опыт, когда дублирование было вообще тройное: таббар, меню и специальная комбинация с Host-key (приложение не мобильное). И это было рождено запросами пользователей.

            0
            Вы имеете ввиду, что: если кнопка на баре, то она не должна отображаться в бургер-меню? Если так, то простите, но "кодер" во мне, говорит, что пусть будет и там и там.

            Ну я тут имел ввиду, что именно в коде мало себе можно представить случаев полезности дублирования. Это обычно в будущем всё равно подлежит рефакторингу.


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

              0

              Про дублирование в коде это понятно :) А вот, как оказывается, дублирование в интерфейсе далеко не всегда беда или ошибка.

        +4
        Разработчики и дизайнеры приложений часто что-то меняют, экспериментируют с интерфейсами и это безусловном хорошо для нас — пользователей.

        Мой опыт как пользователя говорит о том, что эксперименты с интерфейсами — это чаще плохо. И мне почему-то начинает казаться, что даже у крупных компаний вместо команд профессиональных UX-дизайнеров, которые проектируют выверенные интерфейсы с инженерным подходом, на основе этого самого «юзер экспириенса», сейчас в тренде команды креативщиков, которые потоком генерируют идеи, а потом их удачность/неудачность просто тестируют на живых пользователях.
        Могу им только пожелать, чтобы в их следующем автомобиле рулить надо было поворотом плечей, а для смыва в их туалете надо было забрасывать красный мячик в кольцо.
          0

          Ну а как иначе проверить что новая фича "да" или "нет". Взять небольшую выборку тестовых юзеров не совсем корректно. На больших выборах результаты могут отличаться, потому и запускают и тестируют на живых людях, а потом если что — rollback

            0
            И много Вы помните таких «если что»? Я вот почему-то только Кинопоиск-гейт помню. :) Ни одна другая контора назад не сдает, только временно убавляет огонь под молоком, в котором мы барахтаемся (рисует кнопку «вернуть старый дизайн» на пару месяцев). %)
              0

              Ответил ниже (спасибо телефону)

            +1
            Могу им только пожелать, чтобы в их следующем автомобиле рулить надо было поворотом плечей

            Насчет рулить пока еще не додумались, но первые шаги в этом направлении уже делаются. За юзера решают, что ему надо. Моя таёта посылает телефону по блютузу сигнал «нажали плей» при каждом соединении с телефоном и после каждого звонка (пофигу, играло там что-нибудь до звонка или нет). На телефоне при этом включается первый попавшийся плеер (тут заодно спасибо андроиду за обновление API, после которого стало невозможно поставить приоритет слушателей медиа-событий). Попробовал обновить прошивку таёты в надежде на фикс, теперь плеер на телефоне включается еще и после каждого изменения громкости. Стало намного лучше (сарказм).

            Кстати, никто не знает способа откатить обновление прошивки музыки на таёте? Таётовский сервис не знает, телефонная поддержка тоже. :(
              +3
              Должен же отдел мобильного приложения чем-то заниматься, чтобы денежку платили )
              Это работа ради работы в большей степени. И чем больше объем, тем больше бонусы.
              Запилили такое меню. Потом перед руководителями: «Не всем юзерам нравится. Костные людишки. Нам надо еще пол года и дцать лямов, чтобы внедрить свап-бургер-меню обратно, не убив новое.» И бац, снова есть работа, за которую можно получать деньги. И так по кругу. Т.е. задача начальства отдела не только сделать хорошо пользователям, но и сделать так, чтобы работа у отдела не кончалась.
                0
                Этого мало. И для туалета и автомобиля нужна платформа для поддержки универсального интерфейса (для автомобиля — сенсорная панель во всю торпеду + Kinect), чтобы производитель мог обновлять интерфейсы в соответствии с новейшими трендами.
                0

                Нумеро дос (упомянутый в статье) — мелкомягкие, например. Ещё вк, помнится, когда диалоги внедрили — очень быстро вернули возможность сидеть в старом режиме сообщений. Я же не призываю устаканить всё (хоть и сижу до сих пор 60% времени в консоли) и не двигать прогресс.

                  0
                  Угу, и стену тоже вк вернули… :3
                  Ну, там с кнопкой двоякое ощущение, на самом деле, там поломали много чего за годы… Хотя лично я ее саму отключаю одной приблудой, она у меня превращена в «хотспот», то есть перевести мышу в угол и кликнуть — функции те же, а места не жрет. :)
                  Противоречие заключается в том, что, типа, веб-интерфейсы заявлены как легко модифицируемые, с разделением по ролям и все такое, а на деле они еще более некастомизируемые получаются… :) Хотя с помощью костылей стилей это кое-как лечится.
                  +5
                  Как по мне — единственная причина оставить бургер, это предыдущий опыт пользователей. В остальном вполне логично перейти на таб бары. Аргументы с занимаем места с текущими дисплеями — слабый.

                  Не пытаюсь спровоцировать спор, исключительно моё видение ситуации, которые противоречит авторскому
                    +3
                    Всё, что нужно от мобильного ВК, находится на таб баре. Кнопкой More не пользуюсь почти. Был счастлив, когда, наконец, убрали бургер.
                    Быстрое переключение между текущими, как было сказано, модальными задачами (смотришь ленту, решил написать сообщение, затем надо вернуться) в одно движение, на мой взгляд, стало гораздо удобнее.
                    А самый большой профит в возможности сохранения текущего стека навигации в одной из вкладок. Вспомните, раньше: листаешь ленту, ткнул на пост, ткнул на паблик, там зашел еще куда-то. Что нужно, чтобы получить доступ к меню? Поправьте меня, если я ошибаюсь, но кажется, нужно было нажимать кнопку «назад», пока не попадешь на ленту.

                    Так что я полностью согласен с мыслью о том, что оставлять бургер стоило лишь ради привычки пользователей, но, как по мне, это было бы ошибкой.
                      –1
                      Вспомните, раньше: листаешь ленту, ткнул на пост, ткнул на паблик, там зашел еще куда-то.

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


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

                      А почему было бы ошибкой тогда? Вы же сами говорите, что стоило бы учесть прошлый user experience.

                        +1
                        На iOS свайп с левого края используется для навигации назад (т.н. свайп бэк).

                        стоило бы учесть прошлый user experience.

                        Стоило бы помнить об обратной ситуации несколько лет назад, когда все приложения начали поголовно менять удобный таббар на гамбургер (VK в том числе).
                        +1

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

                          0
                          Тут кому как. Я вот новости в ВК не читаю, предпочитаю читать посты на стенах в определенных группах, строго по порядку. Теперь у меня + несколько кликов. Добавили бы возможность в том же ВК кастомизировать эту панель и менять расположение иконок местами — было бы волшебно.
                            –2
                            Все, что нужно вам. Мне не нужна лента, не нужен поиск, не нужны уведомления. Это три из четырех пунктов нового меню. Мне гораздо проще было заходить в нужные мне разделы (сообщения, фото, музыка) из «бургера». Теперь же приходится постоянно лезть в More.
                            Перемены ради перемен? Ок, меняйте на здоровье, но почему нельзя хотя бы дать возможность настроить табы под себя (я уже молчу про возможность оставить «бургер»)?
                            +1
                            blog.manbolo.com/2014/06/30/apple-on-hamburger-menus в 14 году со сцены Apple рассказала почему гамбургер меню плохо и с тех пор все крупные игроки начали делать приложения по-человечески с нижним меню. Проблема не только в юзабилити но и в работе с памятью устройства.
                              0
                              Спасибо за ссылку, прочитал. Автор там во многом прав, но он там противопоставляет два меню: то есть либо то, либо другое. Тут вообще по-моему не может быть «серебряной пули», потому что приложения все разные и по задачам и по количеству фич.

                              Знаете, наверное в этой ситуации раздражает больше всего тот момент, что нам не просто предлагают что-то новое, а буквально принуждают к этому, то есть не оставляют никакого выбора. И в данном случае, я «за» те изменения, гибкость которых может смягчить этот болезненный для многих момент переобучения.

                              Почему-то, например, во внутренней кухне клиент-серверной разработки никто не ставит под сомнение важность сохранения обратной совместимости в новых АПИ или поддержание работоспособности старого какое-то время. А вот к юзерам относятся реально, как подопытным хомячкам, которое все схавают.
                                0
                                Эффект «Дуров верни стену» всегда был и будет, всё дело в привычке. Но другой вопрос почему так поступили разработчики? В данном конкретном примере приложение ВК изначально было с нижним меню, а затем ловя тренд стало с боковым, сейчас тренд опять сменился и меню опять стало нижним. Если смотреть на ФБ, то ситуация ровно такая же.
                                  +1
                                  Но другой вопрос почему так поступили разработчики?

                                  Как они сами высказались в посте про редизайн:


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

                                  То есть учитывают свою big-data. И сейчас они собирают статистику уже по новому дизайну. Вообще, было бы интересно, если бы они потом поделились инфой, о том как изменились показатели. Чтоб уж сделать вывод — зашло/не зашло.

                              0

                              Мне кажется тренд задал фэйсбук ибо у него эти б-гмерзкие вкладки уже больше года. Ко всему еще и сообщения вынесены в отдельное приложение.


                              как и жест оттягивания меню большим пальцем от края экрана

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

                                0
                                Делайте свой убогий гамбургер на не iOS платформах, пусть на iOS как и в стандартных приложениях будут таббары. На экране с диагональю 4.7" в том же ВК очень проблематично было дотянутся до кнопки сообщений, поэтому приходилось пользоваться не офф приложением, а выше — вообще нереально. Сейчас же ВК стал удобным и им дико приятно пользоваться, потребность в не офф приложениях просто отпала.
                                  0
                                  Ну у вас тут явная прослеживается нелюбовь к гамбургеру :-) На самом деле в Андроиде можно было открыть боковое меню свайпом от края экрана.

                                  Но если вам всё нравится, то это отлично, ибо я не думаю, что разработчики будут что-то возвращать назад :-)
                                  +1
                                  Спасибо за отзыв. У нас есть некоторые мысли, как сделать нижнее меню удобнее, учитывая предложения, о которых писали выше.
                                    0
                                    А можно сделать его кастомизируемым?
                                    Мне, например, не нужны ни лента ни сообщения ни что-либо еще, что там сейчас есть. Все, что я использую — это «Сообщества», где вручную читаю ленту каждого по отдельности.
                                    А еще очень хотелось бы старого поведения. Раньше как было — листаешь ленту сообщества со смешнявочками, приходит нотификашка — например, сообщение прислали — тыкаешь на ней, тебя кидает в сообщения — читаешь, нажимаешь «Назад» — и оказываешься на предыдущей активити сообщества, ровно в том же месте. Сейчас же — как повезет. Может, окажешься там же. Может, тебя вышвырнет в начало ленты. Может — сразу в список сообществ.
                                    0
                                    Спасибо, рад, если что-то окажется полезным
                                      +3

                                      Давайте перейдём 10 раз в чат через notification, теперь чтобы попасть в ленту или куда либо ещё 10 раз кликаем назад. Листаем ленту, пришло сообщение, читаем / отвечаем, возвращаемся в ленту и тут у нас два случайных варианта развития событий — попасть в начало ленты или на прошлое место чтения.
                                      Табы — удобно. Табы в вк — больше проблем (кочующих ещё с прошлых версий с гамбургером) + новые.

                                        0
                                        Давайте перейдём 10 раз в чат через notification, теперь чтобы попасть в ленту или куда либо ещё 10 раз кликаем назад.

                                        Этот момент действительно крайне сильно раздражает. Первое время, я думал есть какой-то другой удобный способ, и надо его просто найти и пользоваться им. Но прошло время, а ничего другого, как многократное нажатие «Назад» я не нашёл((
                                        +1
                                        Гораздо ужаснее, что теперь не работает классная фича, когда долгим тапом по пункту меню этот пункт открывался в как бы новом окне. Было очень удобно как раз листать что-то, потом перейти в сообщения и вернуться обратно.
                                          +1
                                          Насчёт дизайна — это сугубо личное дело каждого. Мне, например, «гамбургер» нравился намного больше, да и удобства было побольше.
                                          Но уважаемые Mail.ru, это вообще нормально что у меня вместо открытия групп или чего-то подобного, эта страница иногда пытается открыться в браузере, а иногда в самом приложении, как и должно быть?! Тут уже проблема посерьёзнее, чем с дизайном.
                                            –1
                                            Критиковать просто. А вот попытаться решить поставленные задачи и сделать это лучше, чем одна из топовых команд России — сложно.

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

                                            Вот тогда была бы интересная статья, а необоснованная критика.
                                              +1
                                              Это не критика, скорее отзыв, просто фидбек одного из пользователей. Я сам активный юзер ВК, как самой продвинутой в России соцсети. Пользователи же имеют моральное право высказывать своё мнение или тоже нет?

                                              Я думаю самой команде ВК интересна обратная связь, в том числе и тут — на Хабре. Иначе, наверное, они не вели бы тут свой блог.
                                            • UFO just landed and posted this here
                                                +1
                                                Извините, но кастомизация интерфейса противоречит здоровому формированию нового пользовательского опыта. Понятно, что пользователю этот опыт формировать не очень то и хочется. Но когда этот опыт уже будет, он не захочет возвращаться к старому. Ведь вряд ли сейчас кто-то действительно хочет вернуть стену в ВК. А старый дизайн? А старые сообщения? Доступ к навигации в разных частях экрана тоже сомнительная идея. Думать, что таббар это тренд, значит не понимать зачем он нужен.
                                                  0
                                                  кастомизация интерфейса противоречит здоровому формированию нового пользовательского опыта.

                                                  Я в тексте поэтому и акцентировал, что вижу по другому назначение таббара, а именно в качестве панели быстрого доступа — по аналогии с аналогичными панелями в настольных ОС. Там уже допустима кастомизация.


                                                  Ведь вряд ли сейчас кто-то действительно хочет вернуть стену в ВК. А старый дизайн? А старые сообщения?

                                                  Вот это спорно. Если вы про web-версию нового дизайна, то я лично знаю многих людей из своих знакомых, которые либо вообще выпилились из ВК после изменения дизайна, либо сильно ограничили там свою активность. Моё имхо, что старый ВК был более ламповым, простым и понятным.


                                                  Я не гоню на новый дизайн если что, потому что я малокомпетентен в этой теме. Но вот Павел Дуров, к примеру, высказывался на эту тему: Павел Дуров: «7 претензий к новому дизайну веб-версии "ВКонтакте"».


                                                  Доступ к навигации в разных частях экрана тоже сомнительная идея.

                                                  А, например, то что вы можете очистить личную переписку либо прямо из списка диалогов по лонг-тапу, либо же открыв диалог и найдя тот же пункт в контекстном меню — это сомнительная идея? (но сейчас так сделано)


                                                  Думать, что таббар это тренд, значит не понимать зачем он нужен.

                                                  Но это и есть тренд. Как бы само определение слова "тренд" заключается в тенденции изменения чего-либо. И даже не нужно быть профессором, чтоб наблюдать тенденцию внедрения таббаров повсюду.

                                                  0
                                                  Недавно в одном из проектов также отказались от бургера. Причина банальная — в IOS это не нативный паттерн — использовали стороннее решение, из-за которого приложение вылетало или тратилась уйма времени на рефакторинг — например, вышла новая версия IOS — бургерное меню сломалось, разработчик сидит допиливает. С нативным таб баром такого нет. Так что все это скорее продиктовано легкой поддержкой, нежели модой и дизайном…

                                                  Only users with full accounts can post comments. Log in, please.