Главная » Хабрахабр » [Из песочницы] Что не так с Яндекс.Музыкой? UX/UI разбор

[Из песочницы] Что не так с Яндекс.Музыкой? UX/UI разбор

Про Яндекс.Музыку знает или слышал краем уха каждый, кто читает эту статью. C 2018 года Яндекс не хвалился ростом пользовательской базы Я.Музыки, когда она достигла 1 млн. платных пользователей. При этом я в миллион платных подписчиков не входил, несмотря на серьёзное проникновение сервиса на российский рынок.

Стоит от 100 рублей в месяц, база содержит десятки миллионов треков, сервис создан с пониманием национальных особенностей аудитории слушателей. И правда, почему я не пользуюсь Я.Музыкой? Для меня Я.Музыка неудобна. Задал себе вопрос — ответ возник сразу. Попробую выяснить почему. Открываешь сайт Я.Музыки и сразу хочется закрыть. 14. Расследование буду проводить на MacBook Pro 13,3’’ с экраном Retina, OS X Mojave v10. Для нативности сервис будет тестироваться на родном Яндекс.Браузере 19. 3. 0. 3. 2489 (64-bit).

Стартовая страница

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

Так выглядит стартовая для незарегистрированного пользователя

Баннер в верхней части экрана не содержит элементов управления, хочу посмотреть что ниже и прокручиваю страницу.
Рисунок 1. А заветный крестик на баннере по какой-то причине появляется и исчезает спонтанно. Результат огорчает, элементы наезжают друг на друга, страница дергается в конвульсиях. Но сегодня нужно пойти до конца и протестировать сервис. Обычно я закрываю такие страницы, потому что на ней есть всё, кроме самого важного — музыки.

Скроллинг главной для незарегистрированного пользователя
Рисунок 2.

Посмотрим, за что же предлагается заплатить. У меня есть доступ к «полной версии» Я.Музыки в рамках подписки ПЛЮС.

Музыку слушаю в основном на английском. Не буду вдаваться в подробности о размере фонотеки, списке поставщиков контента и прочего, скажу лишь, что при импорте фонотеки из Spotify для тестирования, синхронизировать удалось 63% контента. Ещё 3% треков отсутствуют в оригинале и водятся только в виде ремиксов, ремейков и каверов.

Главная страница платного пользователя

После авторизации встречает интерфейс Музыки, главное отличие которого в том, что экран не замусорен баннерами. И на том спасибо. В правой части, где раньше красовался Я.Директ, образовалась пустота на четверть экрана. В верхней части пустоты висит промо-баннер некоего плейлиста, открывать баннер не хочется, предложения мне не интересны.

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

В целом, всё понятно, но сложно считывается информация, чтобы разобраться с расположением элементов меню, управлением и контентом. Главное — собственно, главная страница.

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

Выбираем нужный жанр и работаем с подборками контента по жанру, а также можем запустить Я.Радио, соответствующее выбранному жанру. Жанры — раздел пересекается с главной по контенту, по сути бесполезен, пока не замечаешь полупрозрачную кнопку Весь список, а ведь кнопка полезная полезная, почему не выделили? Помимо музыкальных направлений оказались полезными метажанры типа Саундтрек или Для занятий.

От изобилия глаза разбегаются, но раздел полезный
Рисунок 3.

На основании прослушанного ранее и сохраненных плейлистов, сервис будет на гора выдавать рекомендованные треки, лайками/дизлайками совершенствовать знания системы о музыкальных предпочтениях. Радио — раздел будет полезен тем, кто хочет побыстрее обучить Музыку под себя.

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

Вернёмся к основному контенту стартовой страницы. В правом верхнем углу традиционно расположена аватарка с меню учётной записи Яндекса.

Заголовок вместе с пустотой вокруг него занимает около 20% горизонтальной структуры раздела на главном экране. В левой части Экрана нас встречает большой заголовок раздела Главное. В результате чего на экране помимо заголовка помещаются только заголовки подразделов Всё, Новые релизы, Чарт, Немузыка, Настроения и Жанры, по сути являющиеся фильтрами для содержимого главной страницы, а также Умные плейлисты.

Визуально выполнены в виде плиток. Главным контентом для пользователя Я.Музыка выносит автоматически создаваемые плейлисты. Плитки плейлистов анимированы, анимация включается рандомно, привлекает внимание к плиткам. Формирование рассмотрю чуть позже, когда поговорим про рекомендации. Шрифты в описании плейлиста меньше, будучи серыми, читаются плохо. Визуально выглядит дешево за счёт сильного сжатия графики анимашек, на ретине выглядит убого. Полезная информация — дата формирования плейлиста, на неё можно ориентироваться, выбирая что послушать.

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

Как ни странно, подсовывает треки, которые и так слушаю. Тайник — регулярно обновляется непрослушанными треками из добавленных плейлистов. По моим ощущения, идентичен Плейлисту дня.

Дежавю обещает, что непрослушанные треки из фонотеки мне понравятся, пока такого не произошло.

Плейлист для меня полезный, позволяет следить за новинками. Премьера — наполняется новыми релизами исполнителей понравившихся композиций.

Плейлисты перемешиваются из-за визуальной схожести
Рисунок 4.

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

Важная информация написано мелко и нужно напрячься, чтобы прочитать
Рисунок 5.

Я открываю страницу, вижу музыку, которую предлагает сервис, вижу строку поиска и разделы, а где же моя музыка? Пройдёмся подробнее. Где мои плейлисты? Где мои лайки? Моя музыка не менее важная, чем подборки, а подчас и важнее. А они тщательно спрятаны в пункте меню, затесавшемся рядом с учетной записью. По крупинке собраны плейлисты для разных случаев, но их небрежно запихали на антресоль.

Незаслуженно спрятанная моя музыка
Рисунок 6.

В Моей музыке спрятаны Треки, Альбомы, Исполнители, Плейлисты, Концерты, Друзья и История прослушивания.

Внезапно в моей музыке Настройки!
Рисунок 7.

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

Пригодилась панель сбоку! Ого! Для этого нужно нажать на кнопку Play на конкретном треке! В ней отображается куча вроде бы полезной информации о воспроизводимом треке из раздела Треки! Странное решение? Простите, что так эмоционально, я уже похоронил пустоту сбоку, но она трепыхнулась, завалила меня текстом песни, видеоклипом с Youtube, большой обложкой альбома и релевантными треками. Соглашусь.

Хочется более информативной медиаколлекции
Рисунок 8.

Это мои альбомы, плейлисты и добавленные исполнители. Подразделы Альбомы, Исполнители и Плейлисты ничем не примечательны и соответствуют названиям. Друзья наполнены контактами, не имеющими подписки Музыки. В Концертах значатся мероприятия с участием исполнителей раздела Исполнители. История содержит прослушанное ранее. Зачем они там не понятно.

Раздел кастомизируется? В разделе Моя музыка ещё и Настройки есть! Самое важное находится в разделе Прочее. Не тут-то было, это общие настройки в подразделах Аккаунт, Подписка и Уведомления ничего интересного.

Здесь мы видим переключатель загрузки только HTML-5 или Flash (зачем?) плеера.

Логарифмическая шкала громкости включена по умолчанию, лучше так и оставить, Управление громкостью на слух воспринимается адекватнее.

Ведь так удобнее. Добавление новых треков в начало плейлиста, почему не выводите дату добавления трека в плейлист и не даёте сортировать по ней?

Функция должна быть доступна на отключение, как бесконечное воспроизведение на ютьюбе. Включение и режима «Бесконечный поток музыки» — опять же, зачем прятать? Как только альбом закончится, воспроизведение остановится, а не будет до утра крутить медленные композиции. Например, перед сном можно включить альбом чилаута и под него задремать.

Им место в разделе Аккаунт. Пара переключателей социальной активности и доступа к медиатеке публикой, странно, что они тут.

В Прочем спрятаны важные настройки, место которым на передовой
Рисунок 9.

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

Тёмная тема читается лучше светлой даже днём
Рисунок 10.

Пока всё, на что хотел обратить внимание.

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

В шапке на Яндекс нажмёшь — в поисковик попадешь, на Музыку нажмёшь — в Музыку попадешь.
Рисунок 11. Здесь та же «логика»

К плееру вопросов нет, кроме того почему нужно тянуться всегда в левый нижний угол, элементы плеера по центру удобнее. А если нажать на значок Play, то визуально ничего не поменяется, кроме воспроизведения в плеере внизу страницу. Значок уровня громкости свернут, чтобы быстро убавить, нужно навести на значок, потом прицелиться и попасть в элемент управления в попапе. Элементы управления маленькие даже для 13 дюймов экрана, меньше высоты шрифтов заголовков. Вызов эквалайзера тоже стал открытием после обращения к уровню громкости, кнопка эквалайзера в слайдере громкости вызывает ещё один всплывающий элемент с карточкой со слайдерами частот.

Для начала хватит, думаю, резюмирую проблемы веб-версии:

  • Четверть экрана по вертикали занимает пустота и бестолковый промобаннер плейлиста. Пустота совершенно случайно заполняется плейлистом, или информацией о треке, если знать куда нажимать.
  • По горизонтали одну пятую экрана занимает заголовок. Страницу явно верстали под экраны 1080+. [Так выглядит страница на мониторе 1440p](https://cl.ly/81c00a6b423e). Куча ярких пятен на белом фоне (ночная тема читается лучше), визуально смотрится аляповато, без гармонии и ритма.
  • Логика работы с интерфейсом не происходит из принципов интутивности, без экспериментов, случайных донельзя, работать не получится не будет понятно.
  • Шрифты 6 разных видов усложняют чтение с экрана. Где-то безумной большой заголовок размером со слона, повторяет текст с обложки, где-то полезная информация мельтешит и заставляет напрягать зрение.
  • Раздел Жанры можно легко утащить на Главную без потери функциональности.
  • Раздел Моя музыка нужно возвращать в общий строй разделов. Он потерялся, а в нём потерялись Настройки. А в Настройках потерялась Темная тема. Понимаете к чему я?
  • Логика формирования плейлистов тоже страдает, релевантность предложений к моим музыкальным вкусам низкая. Стриминговые сервисы должны приятно удивлять!
  • Меню делит сервис на разделы, а на страницах есть подразделы.
  • Жесть с рекламой в бесплатной версии.
  • Сайт дергается, нагружает процессор — и это на Яндекс.Браузере? Для сравнения попробуйте скроллинг Spotify и Я.Музыки.

Итоги

Возникло ощущение, что в попытке сделать Музыку непохожим на конкурентов, команда реализовала решения в стиле печально известных традиций советского инженерного мышления. Соорудили продукт «не имеющий аналогов в мире» (хотя ночная тема визуально копирует Spotify, жена на первый взгляд перепутала приложения и удивилась, что случилось со Spotify). Погоня за уникальностью усложнила продукт для конечного потребителя, получили месиво из разделов с неясным функционалом. Вместо понятного и интуитивного интерфейса получили комбайн с неочевидными алгоритмами действий.

Хочется, чтобы сервис развивался в классный продукт, который полюбят, а не в безысходность для импортозамещения.


Оставить комментарий

Ваш email нигде не будет показан
Обязательные для заполнения поля помечены *

*

x

Ещё Hi-Tech Интересное!

PHP-Дайджест № 154 (9 – 21 апреля 2019)

В выпуске: Zend Framework переходит под крыло Linux Foundation, новости из PHP Internals, порция полезных инструментов, и многое другое. Свежая подборка со ссылками на новости и материалы. Приятного чтения! Новости и релизы PHP Internals Инструменты pinba-server/pinba-server — Простой pinba-сервер на ...

Язык Bosque — новый язык программирования от Microsoft

Языку дали название Bosque. Буквально несколько дней назад компания Microsoft представила публике новый язык программирования. Главная миссия дизайна языка — лучше быть богатым и здоровым, чем бедным и больным чтобы он был прост и понятен как для человека, так и ...