Мини UX-патруль: редизайн Яндекс Музыки, который не смог
6-го ноября был обычный рабочий день. Среда, ничего не предвещало беды. Дизайнеры рисовали интерфейсы и делали прототипы, редактор (т.е. я) анализировал вышедшие статьи и видео за последние полгода, чтобы понять, что выпускать дальше. А Артем Юрьевич работал с заказчиками.
Все было хорошо, но как известно, от работы порой нужно отдыхать. И отдых этот может быть разным — поиграть в доту, посмотреть подкаст или послушать музыку. И вот последнее стало началом сегодняшней статьи.
Артем Юрьевич как обычно зашел на Я.Музыку и увидел кричащую кнопку редизайна. Естественно, нажал на неё и после увиденного отправил в наш чат это:
Всем привет, меня зовут Сорокин Никита, я редактор UXART, где мы ежедневно делаем интернет удобнее.
Сегодняшний мини-UX-патруль будет посвящен новому дизайну десктопной версии Яндекс Музыки. Сегодня рассмотрим только главную страницу, т.к. это основное, что есть у музыкальных сервисов. Ну и в целом постараемся понять, стал ли сервис Яндекса от этого лучше или стоит вернуть все обратно.
Дисклеймер: UX-патруль описание личного пользовательского опыта. Без метрик, исследований, т.к. доступа к ним у нас нет. Просто обратная связь и гипотезы по интерфейсам)
P.s. новый дизайн находится на стадии beta-теста, поэтому вы все еще можете продолжать пользоваться привычной музыкой без насильно перехода к редизайну.
Главный экран
Для большей наглядности будем сравнивать все страницы сервиса со старым дизайном. Так мы лучше заметим основные отличия старой и новой Я.музыки.
И так раньше выглядела главная страница: В верхней части лого и основные разделы — «Главное», «Подкасты и книги», «Детям», «Коллекция». Также поиск, возможность установить приложение и ваш личный аккаунт. Ниже располагается: В целом, каждый пункт за исключением «подкастов и книг» напрямую связан с музыкой. Другой вопрос — расположение этих блоков на экране и их удобство для пользователя. Учитывая годы работы сервиса, наверняка они расположены в порядке заинтересованности пользователями, но поспорить с этим утверждением точно можно. Например, какой процент слушателей выбирает «клипы» чаще «новых релизов» или интересуется «подкастами и книгами» больше «чарта». Но опустим этот момент, ведь сегодня нас больше интересует новый дизайн. Что мы видим здесь: Основные разделы перенесли влево. А большая часть экранного места отведена под музыку. В самом верху видим «мою волну», на которой сервис акцентирует внимание, а дальше по блокам идет что-то странное. Не уходя далеко от «моей волны». Ниже слева мы видим две кликабельные кнопки — «для вас» и «тренды». Казалось бы, относятся они именно к киллер-фиче Яндекса. Но нет, это переключатели главной страницы. «Для вас» вы уже видели на видосе выше, а «тренды» — выглядят так: Буквально отдельная страница с самыми «популярными» треками за отведенный период. А это значит, что акцент отведен не вашим предпочтениям, а выбору пользователей сервиса. Насколько часто вы будете пользоваться этим — вопрос для другой статьи. А мы вернемся на «Для вас». Спускаясь чуть ниже Яндекс показывает нам не конкретные треки, которые можно прослушать, а ближайшие концерты. Почему эта информация показана вторым блоком на сайте и какой процент пользователей действительно ищет эту инфу на музыкальном сервисе? Если кто не знает, то у Яндекса есть отдельный сервис для таких вещей и называется он «Афиша». И ладно бы пользователи при клике на карточки переходили на артиста и могли послушать их треки. Так нет, нас сразу переводят на «зал» и предлагают купить билеты: Другой вопрос — у каждого концерта внизу указана дата и место проведения. Так почему карточки отсортированы не по датам, а по понятной только Яндексу причине? Банально, концерт «Gone.Fludd» 1 февраля, концерт «Кипелов» 7 декабря, а группы «Сны Саламандры» 24 ноября. Но карточки расположены именно в таком порядке. Единственное, что радует — пользователям показывают концерты тех исполнителей, которых они слушают. И то бывают промашки. Как это можно обыграть — перенести блок с концертами ниже. Все-таки, пользователи заходят на такие сервисы для того, чтобы послушать музыку. Можно не убирать блок в самый конец страницы, но в начале бы дать музыку послушать) Спускаемся ниже: Третий блок на главной — Новые релизы. Они сопровождаются огромной аватаркой исполнителя и мелкой плашкой самой композиции. И тут у пользователей начинается игра «пойми куда кликать»: P.s. при возвращении на главную с п.1. и п.2. страница отскроллит вас в начало и нужно будет снова листать до «новых релизов». Для сравнения, насколько удобнее это было на старой версии Я.Музыки: При наведении на карточку вам сразу предлагают прослушать трек. Хотите перейти к автору или альбому? Кликните на соответствующий текст ниже. Как это можно решить у новой версии — также сделать возможность прослушивания трека при наведении на аватарку исполнителя. Еще ниже находятся «премьеры» треков, которые могут понравиться слушателю. И снова странность — при единичном клике ни один трек не запускается. Баг — скажете вы, фича — ответит Яндекс. Все дело в том, что на старой версии дизайна при единичном клике на композицию в аналогичных блоках (чарт) справа показывалась информация о треке + её текст. И если нажать дважды на выбранный трек, он начинал запускаться. В новой версии перенесли эту функцию, обрезав по пути реализации. И теперь при двойном клике музыка действительно запускается, но при единичном пользователя встречает лишь грусть, тоска и печаль. Как это можно исправить — либо перенести функцию от и до (при первом клике показывать инфу про трек + текст), либо включать песню при единичном клике. Еще ниже «Больше открытий» и «В стиле». К первому блоку вопросов нет — мы выбираем категорию, нажимаем на понравившейся стиль и слушаем песни. А вот у последнего блока появляется порция новых проблем. При наведении на карточку нам выводят кликабельные элементы. И для одной карточки они решили ультануть и показать нам все, что только может показаться полезным пользователю: И конечно, если вы не попали ни по одной из этих кнопок, и нажали в центр карточки, то вас перенесет на страницу альбома/трека) Раньше хотелось ругать Яндекс за отсутствие нужных элементов на треках, то теперь задаешься вопросом — а нужно ли столько действий для одной карточки? Для сравнения, вот аналогичная карточка в старой версии: На карточке всего 3 активных действия — лайк, play, поделиться. Нажмешь на карточку ниже/выше, справа откроется альбом, в котором достаточно удобно можно переключать композиции. С новым же перемудрили, хотя могли просто перенести старый функционал. Как можно изменить карточки треков — откатить все к старой версии. Оставить на карточке лайка, play и, возможно, переключения треков без перехода. А остальные функции убрать/переместить в другое место. Оставшиеся блоки на главной имеют проблемы, которые описаны выше. Единственное на чем хочется остановиться еще чуть-чуть — сам плеер. В сравнении со старой версией он заметно похудел. Просто посмотрите на кол-во кликов и функций у старого и нового плеера: И тут с точки зрения функционала я отдаю предпочтение именно новой версии. Все стало гораздо компактнее и понятнее. К тому же, добавили возможность посмотреть текст прямо во время прослушивания. Но есть то, к чему меня жизнь не готовила. Яндекс, почему текст при увеличении изображения настолько мыльный? *** В целом кажется, что редизайн Яндекс Музыки делали с расчетом на старый функционал. Но те, кто переносил все, потерял половину фич по пути. С одной стороны, визуал выглядит сочно, на сервисе теперь больше акцента на исполнителей и их треки, разнообразили цветовую палитру и так далее. Но мне, как конечному потребителю, сервис стал гораздо неудобнее, чем был раньше. А с другой Я. Музыка раньше в моих глазах выглядела как не самая красивая картинка с хорошим функционалом. Теперь же это красота, которой попросту неудобно пользоваться. *** На этом мы закончим мини-UX-патруль. Но если вам понравится эта статья, то мы обязательно сделаем подробный анализ нового дизайна Я. Музыки и пройдемся по всем страницам сервиса. Поэтому обязательно поставьте лайк и напишите комментарий, чтобы мы сделали продолжение)Пользовались ли вы новой Я.Музыкой и понравился ли вам редизайн? Если у вас есть задача задизайнить интерфейс для вашего сайта, ЛК, или мобильного приложения, то напишите в Телеграм, мы это обсудим: https://t.me/konakovart Узнать о нашей работе, познакомиться с командой, прочитать услуги или связаться напрямую можно тут: https://vk.cc/cEdpmH Посмотреть видосы по дизайну: https://www.youtube.com/@uxart_studio Подписывайтесь на наш телеграм-канал, чтобы не потерять нас на просторах интернета) Спасибо каждому за прочтение этой статьи, с вами был редактор UXART и я прощаюсь с вами. Увидимся совсем скоро на том же самом аккаунте)
