К сожалению, даже на крупных сайтах есть проблемы, усложняющие взаимодействие. Мы с командой вышли в UX-патруль: анализировать сайты, приложения, программы, указывать на проблемные места и предлагать решения.
Пишем про то, что неудобно нам и нашим знакомым. Есть чем дополнить? Напишите в комментарии. После публикации и сбора обратной связи мы направим все проблемы разработчикам сервиса.
Предыдущие выпуски:
Сегодня разбираем «ВКонтакте». Затронули только страницу сообщества. Погнали!
Постеры
Эту функцию добавили относительно недавно. Пользовался ей всего пару раз, но этого хватило, чтобы столкнуться с проблемами.
Сейчас выбор фона для постера реализован в виде карусели, в которой видно только 8 элементов из ~40. Следовательно, для выбора тёмного фона нужно сделать 6 кликов. Либо кликать по не очень очевидному элементу сверху.
Когда начал делать аудит, выяснил, что можно листать колёсиком мышки — это, конечно, удобнее, но тоже не очевидно.
Как сделать удобнее
Уже есть привычный интерфейс для выбора смайлов. Мы предлагаем использовать его для выбора фона, но делать это не всплывашкой, а вот таким блоком:
Отложенная публикация
Ранее эта функция была среди прикрепленных материалов и называлась «Таймер». Вынести её отдельно — правильное решение. Но сделали это не совсем удачно. Посмотрите на текущий сценарий:
Не смотря на мой опыт работы с сайтами, я частенько непроизвольно кликаю на кнопку «Сбросить», так как дату выбрал, окно не пропало — интуитивно ищу кнопку «Применить», но из-за спешки жму «Сбросить». Возвращаюсь, пытаюсь выбрать даблкликом — тоже не выходит.
И выбор времени оказался на втором плане, хотя кому-то нужно только время задать.
Хочется сказать: «Раньше было лучше»
Тут выбор однозначный, после клика на дату — она выбиралась. Время и дата имеют одинаковый вес. По-моему, тут всё ок.
Возможно, текущее решение сделано с целью экономии клика, т.к. если сделать также надпись «Сейчас», а по клику отображать вот этот интерфейс — для открытия календаря потребуется ещё один клик. Но сэкономленный клик теперь приходится производить вне области, после выбора даты. Это не очевидно.
Вывод: оставить строку снизу, для настройки отложенной публикации, но вернуть старый интерфейс.
Смайлики в пост
Расставлять смайлики по тексту больно.
Сейчас покажу наглядно, о чем речь:
Кликаю на строку, в которую нужно вставить смайл;
Листаю вверх, к иконке смайла;
Кликаю по ней;
Ищу нужный смайл;
Кликаю по нему;
Не понимаю, что произошло;
Жму ещё раз;
Снова ничего не понимаю;
Листаю в конец поста и вижу смайл;
Вырезаю и вставляю туда, куда мне нужно.
Почему так происходит? Разобрался не сразу. Оказывается, смайлы появляются при наведении, а не при клике. Соответственно, клик по иконке сбрасывает выбранное место.
Как сделать удобнее
Раскрывать смайлы и по клику и при наведении.
Ещё есть проблема, которую выше указал под п.2 — если хочешь вставить смайл в длинном тексте, то приходится всегда листать вверх, выбирать смайл, листать вниз и смотреть, как он выглядит.
Для решения этой проблемы можно сделать смайл плавающим при скролле:
Ну или хотя бы переместить его в свободную область рядом с выбором даты публикации — если пользователь пишет и сразу ставит смайлы, то ему это будет гораздо удобнее, т.к. нижняя часть интерфейса всегда рядом.
Прикрепление аудиозаписей
Это самая большая боль для меня.
Хочешь прикрепить 10 аудиозаписей? Сделай 30 кликов и каждый раз ищи место, на котором остановился:
Не знаю, кто чаще прикрепляет аудио из аудиозаписей сообщества, но мне доставило кучу неудобств недавнее обновление, в котором их вынесли по умолчанию.
Прикрепленные аудио никак не идентифицируются. Часто кликаю по уже прикрепленным из-за этого.
Ну и прикрепление аудио по одной — ужас.
Пока писал, решил погуглить про это — выяснил, что даже сейчас можно прикрепить несколько аудиозаписей, зажав CTRL. Супер очевидное решение, но и на том спасибо.
Как сделать удобнее — как в приложении. С множественным выбором и отмечая выбранные аудио. Ну и баг со скачущей версткой после прикрепления надо поправить, а то каждый раз приходится вниз листать.
Прочие недостатки
1. Отмена публикации. Если написал пост и передумал его публиковать — придется вручную удалять весь текст и откреплять вложения.
Как сделать удобнее— добавить функцию отмены публикации.
2. Иконка смайла. Иконка прикрепления смайликов имеет больший отступ, чем аватарка сообщества. Из-за этого текст попадает под иконку:
Как сделать удобнее — сдвинуть иконку хотя бы на 5px.
3. Редактирование информации. Не понимаю, почему какие-то сущности можно редактировать не из настроек, какие-то нельзя. Какие-то открываются в попапе, какие-то отдельной страницей.
Как сделать удобнее — сущности «Контакты» и «Ссылки» имеют не большую разницу, поэтому можно обе сделать всплывающими окнами. Редактирование описания сообщества тоже было бы удобно реализовать на этой странице, а не искать в настройках.
А ещё было бы круто, добавить возможность скрывать разделы, без перехода в настройки.
4. Раздел «Ссылки». Если, к примеру, у меня обновился домен сайта и нужно обновить ссылку, то сейчас придется постараться:
Как сделать удобнее — позволить редактировать ссылку и, желательно, изображение тоже. Хотя бы миниатюру.
Вконтакте регулярно обновляет свои интерфейсы. Не смотря на хейт, который летит в их сторону — многое реально стало удобнее и за это респект. Со всеми проблемами, описанными выше, сталкиваюсь лично в процессе ведения блога. Надеюсь, что их заметят и поправят.
Да, все замечания субъективны и основаны на нашем пользовательском опыте. Да, не имеем доступа к метрикам и бизнес-замыслам разработчиков.
Но мы пользуемся этим сайтом. Нам неудобно — критикуем и предлагаем.
P.S. Укажите сайты, приложения, программы, которые вы бы хотели увидеть в следующих выпусках UX-патруля от команды UXART.
Всем удобства!
Основывать ui анализ на фундаменте «я пользуюсь и мне неудобно» — как минимум непрофессионально.
Чтобы не быть голословным — связались бы с продактами вк и задали им эти вопросы и предложения (ребята молодые и адекватные, контакты в тг найти несложно). Я уверен, они бы рассказали, почему приняли такое решение или реализовали фичу именно так.
Это было бы в разы информативнее и полезнее для всех.
Это гипотезы, сформированные на основании пользовательского опыта. Да, без метрик, но такие гипотезы могут быть весьма полезны, как взгляд со стороны от реальных пользователей сервиса. Как и писал в статье — мы направим всё это разработчикам и с радостью послушаем их обратную связь.
Пишем про то, что неудобно нам и нашим знакомым.
Куда погнали то?
На основании каких данных ты решаешь насколько реализация удобна или очевидна? Количество кликов ? Ага...
Свои решения ты на основании чего предлагаешь ?
Ты даже в конце пишешь, что замечания субъективны, но все равно для чего-то пишешь этот пост. На мой взгляд это яркий маркер некомпетентности в вопросе своего же поста.
А то, что ты не понимаешь почему в рамках одного продукта, контролы/поведения реализованы по-разному, объясняется тем, что весь твой опыт ограничивается сайтами, а не продуктами.
Если внимательно прочесть пост, то можно найти ответы на вопросы, которые вы задаете.
Кратко: пользуюсь → сталкиваюсь с неудобствами → предлагаю изменения.
Прекрасно понимаю, что контролы или поведения могут быть реализованы по-разному, но конкретно в затронутых случаях их можно сделать одинаковыми. Это упросит взаимодействие и сделает его более интуитивным.
Тогда при чем тут UX?
Есть пользователь. Есть взаимодействие с сервисом, при помощи определенных интерфейсов. Следовательно, есть пользовательский сценарий, к примеру, написание поста или создание постера. Мы анализируем сценарий, интерфейсы и предлагаем улучшения.
Интересный материал, но цитировать самого себя в своей статье кажется мне публичным онанизмом :)
Очень дилетантский взгляд на мир - "Мне так удобно, значит так правильно". Автор понятия не имеет, чем руководствуется продуктовая команда в разработке той или иной фичи. И если автору неудобно, это вообще ни о чем не говоритф
Не согласна с вами категорически! "Мне так удобно, значит так правильно" - так рассуждает каждый пользователь, и вы в том числе. Автор и пытается рассуждать как пользователь, которому неудобно. Между прочим, любой цифровой продукт делается прежде всего ДЛЯ пользователя и решения его задач при помощи этого продукта. И оценивает он его исключительно с точки зрения удобно-неудобно. А если команда Вк разрабатывает фичи, не учитывая это, то извините......
Комментарий недоступен
Нигде не сказано, что предложенные гипотезы — правильно. У меня нет доступа к информации, которой они владеют. Всё ведь указано в статье.
Выбор времени для отложенной публикации и правда превратился в издевательство над пользователями...
Смайлами в публикациях ВК я вообще предпочитаю не пользоваться, потому что это неудобно.
А прикреплять аудиозаписи к посту перестал, потому что не хочу, чтобы мои подписчики слушали рекламу.
В общем, это как обзор на дом, который горит :D
Но обзор хороший, и за это спасибо)
Про отложенную публикацию полностью согласен. Всегда выставляю дату и время 2 раза, т.к. привык тапать "подтвердить", а получается - сбрасываю время.
+ Про отложенную публикацию, тоже непроизвольно всегда ищу кнопку "отложить", а на её месте кнопка "сбросить".
+ Про иконку емодзи. Хочешь выделить конец первой строчки - нажимаешь на иконку, фейспалм. Можно было бы какое-нибудь другое удачное место найти для неё.
Ты молодец! Но лучше на видео ещё снимать. Странно, что ещё нигде не работаешь.
Спасибо! Но вы ошиблись с тем, что я нигде не работаю. У меня студия интерфейсов UXART. В статье указал ссылку :)
Смайлики в пост это проблема уже на уровне js. Это просто так кроссбраузерно не сделать
Сделайте UX-патруль Aviasales, пожалуйста.
Комментарий недоступен