Выполнил Евгений засименко
Тестовое задание
На должность дизайнера продукта
в Яндекс.Музыку
в Яндекс.Музыку
Задача:
Представьте, что вы работаете в сервисе Яндекс.Музыка. Перед запланированным редизайном вы с коллегами-дизайнерами решили накидать немного идей от себя.
Каждый дизайнер выбрал по одной важной странице, и вам досталась страница жанра. Проанализируйте задачи сервиса, спроектируйте и нарисуйте концепт новой страницы жанра для приложения Яндекс.Музыки под iOS. Аргументируйте свои решения.
Представьте, что вы работаете в сервисе Яндекс.Музыка. Перед запланированным редизайном вы с коллегами-дизайнерами решили накидать немного идей от себя.
Каждый дизайнер выбрал по одной важной странице, и вам досталась страница жанра. Проанализируйте задачи сервиса, спроектируйте и нарисуйте концепт новой страницы жанра для приложения Яндекс.Музыки под iOS. Аргументируйте свои решения.
Исследование
Опрос пользователей
Чтобы понять потребности пользователей и сформулировать гипотезы нужны исходные данные. Я выбрал релевантную целевую аудиторию — активных пользователей стриминговых сервисов. Из пяти опрошенных один оказался экстремальным пользователем.
Условно все ответы я разделил на группы:
Условно все ответы я разделил на группы:
Отсортировал похожие тезисы и выделил основные:
— Я выбираю настроение, а не жанр.
— Люблю заготовленные плейлисты. Предпочитаю их альбомам.
— Исследую музыку не через жанры, а через личные рекомендации сервиса.
— Исполнитель/песня → радио.
— Ищу топ исполнителей, а потом ищу их плейлисты.
— Пользуюсь поиском.
Выделил пользовательские сценарии, когда пользователю нужны жанры:
— Я выбираю настроение, а не жанр.
— Люблю заготовленные плейлисты. Предпочитаю их альбомам.
— Исследую музыку не через жанры, а через личные рекомендации сервиса.
— Исполнитель/песня → радио.
— Ищу топ исполнителей, а потом ищу их плейлисты.
— Пользуюсь поиском.
Выделил пользовательские сценарии, когда пользователю нужны жанры:
- Поиск под свое настроение или активность → плейлист/радио.
- Исследует музыкальное направление внутри сервиса.
- Ищет известных исполнителей через поиск в браузере, потом возвращается и находит плейлисты с ними.
Исследование
Анализ вкладки Жанры у конкурентов
Apple Music:
1. Обзор → Жанры → Баннеры, Плейлисты, Новые релизы — Альбомы, Популярные треки, Избранные альбомы, Радиостанции, Лучшие альбомы (2 сценарий из результатов опроса).
1. Обзор → Жанры → Баннеры, Плейлисты, Новые релизы — Альбомы, Популярные треки, Избранные альбомы, Радиостанции, Лучшие альбомы (2 сценарий из результатов опроса).
2. Поиск → «Jazz» → Результат: Топ выдачи, Радио, Альбомы, Плейлисты, Песни, Кураторы, Жанры, Видео, Исполнители, Коннект. (1 сценарий из результатов опроса).
Dezeer:
1. Главная → Обзор баннер (2).
2. Поиск → «Jazz» → Результат: Исполнители, Альбомы, Треки, Плейлисты, Миксы, Каналы и Профили пользователей (1).
1. Главная → Обзор баннер (2).
2. Поиск → «Jazz» → Результат: Исполнители, Альбомы, Треки, Плейлисты, Миксы, Каналы и Профили пользователей (1).
Google Play Music:
1. Библиотека → Жанры → Jazz → Выборка из библиотеки.
2. Главная → Поиск → «Jazz» → Этот же альбом из моей библиотеки.
Возможно мое приложение сломалось. Обновление не помогло.
1. Библиотека → Жанры → Jazz → Выборка из библиотеки.
2. Главная → Поиск → «Jazz» → Этот же альбом из моей библиотеки.
Возможно мое приложение сломалось. Обновление не помогло.
Прототипирование
Варфреймы
Для начала набросал эскизы на бумаге, так быстрее и можно понять логику. Разбавил монотонную верстку блоков. Главную страницу не стал трогать, но уже появились мысли.
Прототипирование
Макеты
Перешел в Sketch и отрисовал оба пользовательских сценария. Привел к общему стилю Яндекс.Музыки. Убрал лишние сущности в виде кеглей. Добавил кнопочку. Получилось так:
Подобнее и крупнее (увеличение по клику):
Прототипирование
Анимация
Анимация пользовательского сценария в Principle:
Спасибо за внимание!
Евгений Засименко
