Кейс по UX: мобильное приложение SoundCloud
https://t.me/uxidesign
С появлением Spotify и попытками гигантов в технологической индустрии - Apple, Amazon и Google заявить о своих правах в потоковом пространстве музыки, легко забыть об одном из первых пионеров потоковой передачи звука SoundCloud.
SoundCloud - это массовое движение в музыкальной индустрии. Разрабатывается независимыми художниками и креативщиками, в нем размещаются нелицензированные и подпольные записи (ага, подпольный сервис с 175 миллионами ежемесячных слушателей).
Мобильное приложение SoundCloud
Из-за своего независимого характера мобильное приложение SoundCloud переносит некоторые сложности, которые не затрагивают его конкурентов. В то время, как Apple Music и Shopify призывают пользователей постоянно слушать новинки, SoundCloud этого сделать не может. На этой платформе нет Katy Perry или Kanye West, поэтому прослушивание музыки становится таким же важным, как постоянный поиск новинок.
SoundCloud, несомненно, является темной лошадкой основных музыкальных стримеров. Поэтому давайте подключимся к SoundCloud's User Experience (UX) и узнаем, что они делают хорошо, что они могут улучшить, и как мы можем научиться на их успехах и ошибках.
Начало
Я запускаю приложение SoundCloud и меня приветствует чистая, визуально привлекательная страница регистрации, которая почти сразу же прерывается навязчивым всплывающим окном с просьбой разрешить уведомления.
Я знаю, что это необходимое зло, и в общем опыте это небольшая проблема, но этот конкретный UX недочёт всегда раздражает меня. Скажем, я вообще не был знаком с SoundCloud - почему приложение начинает работу с этого запроса, прежде чем оно продемонстрирует какую-либо ценность?
При запросе уведомлений важно показать возможности приложения. Это всплывающее окно было быть воспринято гораздо лучше, если бы оно появилось после того, как я прослушал несколько треков.
Например, я прослушал три песни подряд одного конкретного исполнителя, а затем всплывающее сообщение говорит мне: «Вы хотите получать уведомления каждый раз, когда этот исполнитель публикует новую музыку?» Как я и сказал, это не большая проблема, но разве было бы не лучше сразу сделать так, как в примере?
С этим раздражением я перехожу от всплывающего окна дальше и вижу типичный экран входа. SoundCloud предлагает два пути - создать учётную запись и войти в существующий аккаунт. Я нажимаю «Создать учетную запись».
SoundCloud предлагает возможность зарегистрироваться через Facebook, Google или электронную почту. Я выбираю третий вариант, и после безболезненного ввода своего адреса и пароля, я попадаю на экран, который спрашивает мой возраст и пол.
SoundCloud не объясняет, зачем нужна эта информация, но я полагаю, что это для их аналитики или, может быть, для моих музыкальных рекомендаций. Судя по тексту серого цвета, приложение имеет возрастное ограничение.
Я решаю предоставить свой возраст и пол, я соглашаюсь с условиями и процесс создания аккаунта завершен. В целом быстрый и простой, ничего особенного. Как и должно быть.
Домашняя страница
Пользовательский интерфейс SoundCloud (UI) ловко использует карточную минималистскую эстетику, которая подчеркивает его более яркие визуальные элементы, такие как обложки альбомов или фотографии профиля. Их выбор мягких, контурных шрифтов придает интерфейсу теплые и привлекательные ощущения.
Я понимаю, что SoundCloud идёт по пути Twitter, используя модель фоловеров, поэтому я ожидал, что мой домашний экран будет предлагать выбрать и подписаться на любимых исполнителей. Вместо этого SoundCloud ограничивает меня в выборе треков и предлагает всего два плейлиста для конкретных случаев.
Нет ничего плохого в том, чтобы предлагать эти два плейлиста в порядке сверху вниз, но когда я прокручиваю экран до низа, я не вижу никаких механизмов, которые позволят пользователю выбирать конкретную музыку. Никаких жанров, которые я могу выбрать, нет алгоритма или опроса, чтобы заполнить ответы для выдачи мне рекомендаций, основанных на моём музыкальном вкусе.
В конце концов, на главном экране есть рекомендации по трекам, которые я лайкал. Но нет твердой точки перехода, чтобы искать исполнителей (помимо функции поиска, которую мы увидим, её не хватает). Это проблема для платформы, чья жизненная сила - это исполнители, таланты которых нужно донести аудитории, и поклонников, которые хотят их найти.
В нижней части экрана мы видим простую панель навигации с четырьмя значками: дом, молния (что бы это ни значило), функция поиска и то, что по моим предположениям, мой профиль.
Мы будем вникать в некоторые из них индивидуально, но на данный момент я хотел бы отметить, что здесь интересный момент заключается в перемещении функции поиска. Почему его убрали с привычного мне места, при том, что вверху пространство пустует, за исключением неявной кнопки "Домой"?
Но прежде, чем мы методично перейдем к разбору навигационной панели, давайте проверим основную функцию любого приложения для потоковой передачи музыки: плеер.
Плеер
Если вы посмотрите на плееры самых популярных платформ, в частности Apple Music и Spotify, вы заметите интересную тенденцию дизайна - четкий акцент на визуальные эффекты. Это немного противоречит интуитивно понятным музыкальным приложениям, где вы желаете занять пространство различным функциям воспроизведения.
SoundCloud максимально использует этот визуальный подход. Это вопрос личного вкуса, но я обожаю, когда на этом экране предпочтение отдают обложке альбома, даже в ущерб полезности (всего три небольшие кнопки управления внизу).
Но, несмотря на свою простоту, плеер SoundCloud работает без проблем, используя жесты вместо кнопок. Прикосновение в любом месте экрана действует как кнопка играть/пауза, а горизонтальный свайп по экрану заменяет кнопки "следующий трек" и "предыдущий трек".
Я приветствую уделённое внимание кнопки Share. Ведь такие сервисы и основаны на эмоциях человека сразу поделиться с друзьями свежим треком, который ему только что понравился.
Меня больше всего поразила функция отображения трека по временной оси. Она удерживает тонкий баланс между консерватизмом и креативностью. Очень легко понять, как ею пользоваться. Более того, она отображает фактическое музыкальное содержание трека, вы можете с лёгкостью перескочить на любимый фрагмент песни, даже если вы не знаете времени, но просто помните, с какой громкостью он начинается.
Поиск и стрим
Хотя я считаю, что SoundCloud преуспели в своей основной функции приложения - плеере, но со второй важной частью они справились не так хорошо. Я говорю о поиске, ведь это приложение создано для того, чтоб мы могли открывать для себя новых исполнителей.
Если мне нравится, например, жанр хип-хоп и я введу его в поиск, мне в выдаче будут попадаться только треки с фразой хип-хоп в названии. Никакой релевантной выдачи по жанрам.
В дополнение к этому поиск наказывает пользователя за орфографические ошибки, не предлагая никаких вариантов или исправлений в стиле «вы имели в виду...». Это особенно жестоко, если вы считаете, что самые популярные жанры SoundCloud - это EDM и хип-хоп, артисты которых не известны своими условно-известными названиями сцен. В целом, UX поиска SoundCloud является серьезным разочарованием.
Вкладка «Поток» (обозначенная значком молнии в навигационной панели), немного напоминает стандартную ленту в социальных сетях. Авторы треков, на которых я подписан (только на данный момент), могут публиковать и репостить свои треки или треки других исполнителей.
UX дизайн этой части вполне обычный и не претендует на какие-либо новшества. Единственное, я знаю, что кнопка "репост" не всегда срабатывает. И правда, у меня тоже был такой результат. Я сделал репост, перешёл в свой профиль, чтобы увидеть его, но ничего не нашёл.
Итоги по SoundCloud
Мы рассмотрели и исследовали достаточную часть приложения на предмет UX. Есть ещё некоторые аспекты, которые не изучены. На странице профиля, например, есть странная функция, спрятанная в труднодоступном меню. И ещё: оказывается, я всё время был пользователем 943996126.
Так же, основываясь на отзывах пользователей в интернете, похоже, у приложения SoundCloud есть проблемы с синхронизацией. Когда вы публикуете что-то через браузер, это может не отобразиться в приложении, а также некоторые странные ошибки уведомлений.
Напомню, приложение SoundCloud имеет отличный плеер с удачным и эстетичным UI интерфейсом. Но когда дело доходит до поиска, приложение уже не кажется таким уж идеальным. Оно больше подходит для прослушивания музыки, которую вы уже нашли. Но, если вам хочется чего-то новенького, лучше воспользоваться веб версией сервиса через браузер.