Привет. Мы все видим, что происходит с навигацией в приложениях — привычный "гамбургер" заменяют нижним таббаром. Лично меня это напрягало, когда это происходило с моими часто используемыми программами: Pocket, Skype, Youtube, а с недавних пор и VK.
Вроде бы с этим таббаром всё должно быть хорошо. Но кое-что произошло. Вчера вечером мы с подругой сидели и общались, зашла речь про телефоны, а потом она вдруг говорит:
она: а ты, кстати, видел во что превратился ВК?
я: хм… что ты имеешь ввиду?
она: да там вообще теперь какая-то бяка. Я поэтому его не обновляю. (показывает на своём айфоне привычное меню навигации в старом стиле)
я: lol, ну и правильно делаешь.
Знаете, это меня немного удивило. Мы привыкли читать подобные отзывы в play-маркете/эппсторе, но только не вживую. Я подумал, что это достаточный повод обдумать ситуацию. Под катом немного размышлений на эту тему.
Мне всё это напомнило ситуацию с кнопкой "Пуск" в Windows. В восьмёрке её убрали, а с версии 8.1 вернули на законное место. Вы, вероятно, понимаете почему это произошло? Ага, правильно, потому что пользователям, мягко говоря, не понравилось. Они привыкли к этому элементу и стали испытывать дискомфорт при его исчезновении.
По той же причине люди привыкли со временем к боковому главному меню. Увидев его первый раз, человек быстро запоминает, что все основные функции можно найти там. Саму кнопку гамбургера критиковали за неинтуитивность иконки, как и жест оттягивания меню большим пальцем от края экрана. Но опять же — и к тому и к другому нужно привыкнуть лишь первый раз, после чего вырабатывается прочный пользовательский опыт.
А теперь вернёмся к ВК и рассмотрим навигацию на его примере.
О редизайне навигации
Разработчики ВК выкладывали пост про последний редизайн приложения и пост, думаю, многие видели. Там всё подробно рассказывается, в частности, про решение заменить боковое меню таббаром. Для удобства приведу оттуда картинку эволюции интерфейса приложения по части навигации:
В целом всё понятно — внедрили табы, к которым легче тянуться и заодно упростили доступ к частым функциям, т.е. вместо двух тапов по экрану "Гамбургер" -> "Сообщения" теперь нужен только один тап по иконке сообщений. Это удобно.
Но теперь рассмотрим нюансы.
Проблемы нового дизайна
В таббар помещается максимум 5 иконок. А остальные пункты теперь перенесены на отдельный экран, который вызывается последней кнопкой таббара:
В чём основные недостатки этого решения?
- Самое важное: полное отсутствие преемственности и игнорирование, таким образом, сформировавшихся уже давно привычек пользователя
- Кнопка открытия главного меню занимает место на новом таббаре, на котором могло быть размещено что-то более полезное
- Меню стало уже полностью модальным, а модальность это плохо по той же причине, по которой Сaps Lock хуже Shift'а
Ок, но что можно было бы сделать по-другому?
Вариант решения: прежнее боковое меню плюс новый таббар
В данном случае таббар мне представляется удобным, но не способным взять на себя роль главного элемента навигации. Он в данном случае является просто shortcut-панелью — то есть плейсхолдером для ярлыков быстрого доступа.
Если рассматривать таббар в такой роли, то можно было бы реализовать в настройках возможность его кастомизации, чтоб пользователь мог сам задать, какие ярлыки вынести на панель. Конечно по умолчанию таббар будет настроен, к примеру, как сейчас. И к тому же можно сделать доступным выбор "классического" профиля, где таббар вообще не показывается, а все его пункты, как и прежде находятся в меню сбоку.
А боковое меню можно было бы оставить на прежнем месте. Тем более, что на верхнем тайтлбаре было и есть место для иконки меню и у пользователя, таким образом, не будет возникать чувства — "блин, где кнопка… она же была тут?!".
Если прежнее боковое меню будет одновременно существовать вместе с нижнем таббаром, то возникает вопрос: могут ли пункты меню дублироваться в том и другом местах? Вообще-то дублирование где бы то ни было — это всё-таки плохо, поэтому нет. Как только пункт главного меню попадает в нижнюю панель, то он убирается из боковой, соответственно.
Вместо заключения
Разработчики и дизайнеры приложений часто что-то меняют, экспериментируют с интерфейсами и это безусловном хорошо для нас — пользователей. Но мне не нравятся те изменения, которые обусловлены скорее модой, трендами, которые задают гиганты индустрии ("Гугл" и "Эппл", в частности).
Ещё недавно считалось, что, у небольших команд есть преимущество перед корпорациями — бОльшая гибкость, независимость, способность лучше чувствовать пользовательские потребности. И я хотел бы верить, что это верно и на сегодняшний день.
Комментарии (38)
DrPass
30.10.2017 01:43Разработчики и дизайнеры приложений часто что-то меняют, экспериментируют с интерфейсами и это безусловном хорошо для нас — пользователей.
Мой опыт как пользователя говорит о том, что эксперименты с интерфейсами — это чаще плохо. И мне почему-то начинает казаться, что даже у крупных компаний вместо команд профессиональных UX-дизайнеров, которые проектируют выверенные интерфейсы с инженерным подходом, на основе этого самого «юзер экспириенса», сейчас в тренде команды креативщиков, которые потоком генерируют идеи, а потом их удачность/неудачность просто тестируют на живых пользователях.
Могу им только пожелать, чтобы в их следующем автомобиле рулить надо было поворотом плечей, а для смыва в их туалете надо было забрасывать красный мячик в кольцо.Apx
30.10.2017 01:46Ну а как иначе проверить что новая фича "да" или "нет". Взять небольшую выборку тестовых юзеров не совсем корректно. На больших выборах результаты могут отличаться, потому и запускают и тестируют на живых людях, а потом если что — rollback
Tallefer
30.10.2017 02:47И много Вы помните таких «если что»? Я вот почему-то только Кинопоиск-гейт помню. :) Ни одна другая контора назад не сдает, только временно убавляет огонь под молоком, в котором мы барахтаемся (рисует кнопку «вернуть старый дизайн» на пару месяцев). %)
Kalobok
30.10.2017 06:40Могу им только пожелать, чтобы в их следующем автомобиле рулить надо было поворотом плечей
Насчет рулить пока еще не додумались, но первые шаги в этом направлении уже делаются. За юзера решают, что ему надо. Моя таёта посылает телефону по блютузу сигнал «нажали плей» при каждом соединении с телефоном и после каждого звонка (пофигу, играло там что-нибудь до звонка или нет). На телефоне при этом включается первый попавшийся плеер (тут заодно спасибо андроиду за обновление API, после которого стало невозможно поставить приоритет слушателей медиа-событий). Попробовал обновить прошивку таёты в надежде на фикс, теперь плеер на телефоне включается еще и после каждого изменения громкости. Стало намного лучше (сарказм).
Кстати, никто не знает способа откатить обновление прошивки музыки на таёте? Таётовский сервис не знает, телефонная поддержка тоже. :(
zahmTOD
30.10.2017 12:10+3Должен же отдел мобильного приложения чем-то заниматься, чтобы денежку платили )
Это работа ради работы в большей степени. И чем больше объем, тем больше бонусы.
Запилили такое меню. Потом перед руководителями: «Не всем юзерам нравится. Костные людишки. Нам надо еще пол года и дцать лямов, чтобы внедрить свап-бургер-меню обратно, не убив новое.» И бац, снова есть работа, за которую можно получать деньги. И так по кругу. Т.е. задача начальства отдела не только сделать хорошо пользователям, но и сделать так, чтобы работа у отдела не кончалась.
Apx
30.10.2017 02:52Нумеро дос (упомянутый в статье) — мелкомягкие, например. Ещё вк, помнится, когда диалоги внедрили — очень быстро вернули возможность сидеть в старом режиме сообщений. Я же не призываю устаканить всё (хоть и сижу до сих пор 60% времени в консоли) и не двигать прогресс.
Tallefer
30.10.2017 03:22Угу, и стену тоже вк вернули… :3
Ну, там с кнопкой двоякое ощущение, на самом деле, там поломали много чего за годы… Хотя лично я ее саму отключаю одной приблудой, она у меня превращена в «хотспот», то есть перевести мышу в угол и кликнуть — функции те же, а места не жрет. :)
Противоречие заключается в том, что, типа, веб-интерфейсы заявлены как легко модифицируемые, с разделением по ролям и все такое, а на деле они еще более некастомизируемые получаются… :) Хотя с помощьюкостылейстилей это кое-как лечится.
IvanVorobei
30.10.2017 08:03+3Как по мне — единственная причина оставить бургер, это предыдущий опыт пользователей. В остальном вполне логично перейти на таб бары. Аргументы с занимаем места с текущими дисплеями — слабый.
Не пытаюсь спровоцировать спор, исключительно моё видение ситуации, которые противоречит авторскому
tapoton
30.10.2017 10:03+3Всё, что нужно от мобильного ВК, находится на таб баре. Кнопкой More не пользуюсь почти. Был счастлив, когда, наконец, убрали бургер.
Быстрое переключение между текущими, как было сказано, модальными задачами (смотришь ленту, решил написать сообщение, затем надо вернуться) в одно движение, на мой взгляд, стало гораздо удобнее.
А самый большой профит в возможности сохранения текущего стека навигации в одной из вкладок. Вспомните, раньше: листаешь ленту, ткнул на пост, ткнул на паблик, там зашел еще куда-то. Что нужно, чтобы получить доступ к меню? Поправьте меня, если я ошибаюсь, но кажется, нужно было нажимать кнопку «назад», пока не попадешь на ленту.
Так что я полностью согласен с мыслью о том, что оставлять бургер стоило лишь ради привычки пользователей, но, как по мне, это было бы ошибкой.PragmaticProgrammer Автор
30.10.2017 10:21-1Вспомните, раньше: листаешь ленту, ткнул на пост, ткнул на паблик, там зашел еще куда-то.
Не скажу про iOS версию, но в Андроиде меню было доступно из любых экранов свайпом от левого края экрана. Сейчас этого, естетсвенно, нет.
оставлять бургер стоило лишь ради привычки пользователей, но, как по мне, это было бы ошибкой.
А почему было бы ошибкой тогда? Вы же сами говорите, что стоило бы учесть прошлый user experience.
t-nick
30.10.2017 12:26+1На iOS свайп с левого края используется для навигации назад (т.н. свайп бэк).
стоило бы учесть прошлый user experience.
Стоило бы помнить об обратной ситуации несколько лет назад, когда все приложения начали поголовно менять удобный таббар на гамбургер (VK в том числе).
GLAVAK
30.10.2017 12:36+1Так на андроид версии, по крайней мере у меня, не сохраняется этот самый стек. Я согласен с вами что идея вкладок хороша, но они совершенно не реализовали их потенциал. Если я читаю новости, перешёл на страницу сообщества, потом нажал сообщения в таббаре, и пытаюсь вернуться на новости, меня кинет снова в ленту, и хорошо ещё если в то место где я остановился, а не в начало. В старом же меню была такая фича, что его можно было выдвинуть с любого экрана, и нажать например на сообщения лонг тапом, и тогда потом при нажатии кнопки назад можно было вернуться к предыдущему экрану. Сейчас же единственная возможность написать кому-то сообщение пока читаю пост на стене сообщества — запустить другой клиент. iOS версия, насколько мне известно, такими проблемами не страдает, и там все сделано правильно
AMIluvatar
30.10.2017 13:20Тут кому как. Я вот новости в ВК не читаю, предпочитаю читать посты на стенах в определенных группах, строго по порядку. Теперь у меня + несколько кликов. Добавили бы возможность в том же ВК кастомизировать эту панель и менять расположение иконок местами — было бы волшебно.
cher11
30.10.2017 16:01-1Все, что нужно вам. Мне не нужна лента, не нужен поиск, не нужны уведомления. Это три из четырех пунктов нового меню. Мне гораздо проще было заходить в нужные мне разделы (сообщения, фото, музыка) из «бургера». Теперь же приходится постоянно лезть в More.
Перемены ради перемен? Ок, меняйте на здоровье, но почему нельзя хотя бы дать возможность настроить табы под себя (я уже молчу про возможность оставить «бургер»)?
svanichkin
30.10.2017 10:16+1blog.manbolo.com/2014/06/30/apple-on-hamburger-menus в 14 году со сцены Apple рассказала почему гамбургер меню плохо и с тех пор все крупные игроки начали делать приложения по-человечески с нижним меню. Проблема не только в юзабилити но и в работе с памятью устройства.
PragmaticProgrammer Автор
30.10.2017 11:00Спасибо за ссылку, прочитал. Автор там во многом прав, но он там противопоставляет два меню: то есть либо то, либо другое. Тут вообще по-моему не может быть «серебряной пули», потому что приложения все разные и по задачам и по количеству фич.
Знаете, наверное в этой ситуации раздражает больше всего тот момент, что нам не просто предлагают что-то новое, а буквально принуждают к этому, то есть не оставляют никакого выбора. И в данном случае, я «за» те изменения, гибкость которых может смягчить этот болезненный для многих момент переобучения.
Почему-то, например, во внутренней кухне клиент-серверной разработки никто не ставит под сомнение важность сохранения обратной совместимости в новых АПИ или поддержание работоспособности старого какое-то время. А вот к юзерам относятся реально, как подопытным хомячкам, которое все схавают.svanichkin
30.10.2017 11:18Эффект «Дуров верни стену» всегда был и будет, всё дело в привычке. Но другой вопрос почему так поступили разработчики? В данном конкретном примере приложение ВК изначально было с нижним меню, а затем ловя тренд стало с боковым, сейчас тренд опять сменился и меню опять стало нижним. Если смотреть на ФБ, то ситуация ровно такая же.
PragmaticProgrammer Автор
30.10.2017 12:21+1Но другой вопрос почему так поступили разработчики?
Как они сами высказались в посте про редизайн:
Принципиальные вопросы вроде приоритета разделов мы решаем ретроспективно, планируя будущее на основе обширного опыта из прошлого.
То есть учитывают свою big-data. И сейчас они собирают статистику уже по новому дизайну. Вообще, было бы интересно, если бы они потом поделились инфой, о том как изменились показатели. Чтоб уж сделать вывод — зашло/не зашло.
domix32
30.10.2017 11:27Мне кажется тренд задал фэйсбук ибо у него эти б-гмерзкие вкладки уже больше года. Ко всему еще и сообщения вынесены в отдельное приложение.
как и жест оттягивания меню большим пальцем от края экрана
Ни разу не видел ситуации когда бургер надо было свайпать. Обычно по свайпу навигация по истории экранов. Ну или переключение табов в том же фэйсбуке
SparkleMan
30.10.2017 12:00Делайте свой убогий гамбургер на не iOS платформах, пусть на iOS как и в стандартных приложениях будут таббары. На экране с диагональю 4.7" в том же ВК очень проблематично было дотянутся до кнопки сообщений, поэтому приходилось пользоваться не офф приложением, а выше — вообще нереально. Сейчас же ВК стал удобным и им дико приятно пользоваться, потребность в не офф приложениях просто отпала.
PragmaticProgrammer Автор
30.10.2017 12:04Ну у вас тут явная прослеживается нелюбовь к гамбургеру :-) На самом деле в Андроиде можно было открыть боковое меню свайпом от края экрана.
Но если вам всё нравится, то это отлично, ибо я не думаю, что разработчики будут что-то возвращать назад :-)
apvel
30.10.2017 12:12Спасибо за отзыв. У нас есть некоторые мысли, как сделать нижнее меню удобнее, учитывая предложения, о которых писали выше.
iandarken
30.10.2017 16:20А можно сделать его кастомизируемым?
Мне, например, не нужны ни лента ни сообщения ни что-либо еще, что там сейчас есть. Все, что я использую — это «Сообщества», где вручную читаю ленту каждого по отдельности.
А еще очень хотелось бы старого поведения. Раньше как было — листаешь ленту сообщества со смешнявочками, приходит нотификашка — например, сообщение прислали — тыкаешь на ней, тебя кидает в сообщения — читаешь, нажимаешь «Назад» — и оказываешься на предыдущей активити сообщества, ровно в том же месте. Сейчас же — как повезет. Может, окажешься там же. Может, тебя вышвырнет в начало ленты. Может — сразу в список сообществ.
Wroud
30.10.2017 12:54+1Давайте перейдём 10 раз в чат через notification, теперь чтобы попасть в ленту или куда либо ещё 10 раз кликаем назад. Листаем ленту, пришло сообщение, читаем / отвечаем, возвращаемся в ленту и тут у нас два случайных варианта развития событий — попасть в начало ленты или на прошлое место чтения.
Табы — удобно. Табы в вк — больше проблем (кочующих ещё с прошлых версий с гамбургером) + новые.
n_demitsuri
30.10.2017 13:52Гораздо ужаснее, что теперь не работает классная фича, когда долгим тапом по пункту меню этот пункт открывался в как бы новом окне. Было очень удобно как раз листать что-то, потом перейти в сообщения и вернуться обратно.
IGR2014
30.10.2017 14:00Насчёт дизайна — это сугубо личное дело каждого. Мне, например, «гамбургер» нравился намного больше, да и удобства было побольше.
Но уважаемые Mail.ru, это вообще нормально что у меня вместо открытия групп или чего-то подобного, эта страница иногда пытается открыться в браузере, а иногда в самом приложении, как и должно быть?! Тут уже проблема посерьёзнее, чем с дизайном.
niko1aev
30.10.2017 15:34Критиковать просто. А вот попытаться решить поставленные задачи и сделать это лучше, чем одна из топовых команд России — сложно.
VK постоянно проводит конкурсы и хакатоны, на которых предлагает переделать, обновить, перерисовать дизайн сайта/мобильной версии сайта/приложения. С весьма щедрыми призами. Я думаю высказываться в таком ключе имеет моральное право только тот, кто поучаствовал в таком конкурсе, внимательно изучил требования, предоставил все необходимые макеты для всех требуемых случаев, и предоставил их на обозрение общественности.
Вот тогда была бы интересная статья, а необоснованная критика.PragmaticProgrammer Автор
30.10.2017 16:16Это не критика, скорее отзыв, просто фидбек одного из пользователей. Я сам активный юзер ВК, как самой продвинутой в России соцсети. Пользователи же имеют моральное право высказывать своё мнение или тоже нет?
Я думаю самой команде ВК интересна обратная связь, в том числе и тут — на Хабре. Иначе, наверное, они не вели бы тут свой блог.
Regexy
31.10.2017 19:54Тоже заметил, что во многих приложениях боковое меню заменили на таббар. Если я не ошибаюсь, такая навигация была в моде очень давно. Боковое меню пришло ей на смену вроде как, а сейчас обратную сдают.
usingmind
01.11.2017 08:52Извините, но кастомизация интерфейса противоречит здоровому формированию нового пользовательского опыта. Понятно, что пользователю этот опыт формировать не очень то и хочется. Но когда этот опыт уже будет, он не захочет возвращаться к старому. Ведь вряд ли сейчас кто-то действительно хочет вернуть стену в ВК. А старый дизайн? А старые сообщения? Доступ к навигации в разных частях экрана тоже сомнительная идея. Думать, что таббар это тренд, значит не понимать зачем он нужен.
PragmaticProgrammer Автор
01.11.2017 09:46+1кастомизация интерфейса противоречит здоровому формированию нового пользовательского опыта.
Я в тексте поэтому и акцентировал, что вижу по другому назначение таббара, а именно в качестве панели быстрого доступа — по аналогии с аналогичными панелями в настольных ОС. Там уже допустима кастомизация.
Ведь вряд ли сейчас кто-то действительно хочет вернуть стену в ВК. А старый дизайн? А старые сообщения?
Вот это спорно. Если вы про web-версию нового дизайна, то я лично знаю многих людей из своих знакомых, которые либо вообще выпилились из ВК после изменения дизайна, либо сильно ограничили там свою активность. Моё имхо, что старый ВК был более ламповым, простым и понятным.
Я не гоню на новый дизайн если что, потому что я малокомпетентен в этой теме. Но вот Павел Дуров, к примеру, высказывался на эту тему: Павел Дуров: «7 претензий к новому дизайну веб-версии "ВКонтакте"».
Доступ к навигации в разных частях экрана тоже сомнительная идея.
А, например, то что вы можете очистить личную переписку либо прямо из списка диалогов по лонг-тапу, либо же открыв диалог и найдя тот же пункт в контекстном меню — это сомнительная идея? (но сейчас так сделано)
Думать, что таббар это тренд, значит не понимать зачем он нужен.
Но это и есть тренд. Как бы само определение слова "тренд" заключается в тенденции изменения чего-либо. И даже не нужно быть профессором, чтоб наблюдать тенденцию внедрения таббаров повсюду.
Apx
Согласен с тем что сохранить бургер разумно. Но имхо дублирование имеет место быть. Даже с точки зрения accessibility. Возвращаясь к примеру видны. Когда выносится ярлык на панель быстрого запуска — из пуска приложение никуда не исчезает. Shortcut панель не должна влиять на меню приложения.
PragmaticProgrammer Автор
Да, скорее всего, вы правы. Я сам сомневался, когда думал о дублировании. «Кодер» во мне отказывается верить в пользу дублирования, но для интерфейса это, возможно, к месту
monah_tuk
Вы имеете ввиду, что: если кнопка на баре, то она не должна отображаться в бургер-меню? Если так, то простите, но "кодер" во мне, говорит, что пусть будет и там и там. Точнее, на таббаре может быть ничего (и тогда он скрыт) или вынесено только то, что пользователь сам захотел.
У меня просто был опыт, когда дублирование было вообще тройное: таббар, меню и специальная комбинация с Host-key (приложение не мобильное). И это было рождено запросами пользователей.
PragmaticProgrammer Автор
Ну я тут имел ввиду, что именно в коде мало себе можно представить случаев полезности дублирования. Это обычно в будущем всё равно подлежит рефакторингу.
А так — согласен. В принципе ничего плохого в этом дублировании нет. Тут будет хуже, если, как упомнял Apx выше — пункты будут пропадать из меню, это будет нелогично.
monah_tuk
Про дублирование в коде это понятно :) А вот, как оказывается, дублирование в интерфейсе далеко не всегда беда или ошибка.