Звучание успеха: как аудит помог создать идеальный интерфейс для гитарных аккордов

Всем привет! На связи Вершигора Константин, основатель дизайн студии «Gora Agency». Мы разрабатываем веб сервисы и решаем задачи бизнеса через функциональный дизайн. Сегодня мы хотим рассказать про один из наших кейсов, и почему важен аудит перед разработкой.

К нам пришел клиент, профессиональный музыкант, у которого был простой сайт разборов аккордов под гитару. Задачей клиента была привести сайт в современный вид, добавить функционал и улучшить юзабилити сайта.

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

На этапе знакомства с клиентом и перед подписания договора мы решили проявить инициативу и подготовить аудит его текущего сайта.

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

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

Цели которые мы ставим перед аудитом:

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

В процессе обсуждения с клиентом мы пришли к тому, что надо сделать минимальный жизнеспособный продукт (MVP), который уже будет лучше текущих конкурентов, но не будет съедать много ресурсов команды со стороны клиента. Поэтому основной упор сделали на самых важных страницах.

Как я уже говорил, уже более 10 лет увлекаюсь игрой на гитаре, и когда в компании с друзьями появляется гитара – я сразу хватаю ее в руки. Бывает такое, что просят сыграть песню, которую ты не знаешь наизусть и надо найти аккорды к ней.

Кто знаком с такой ситуацией поймет меня: на сайте устаревший дизайн, неудобный интерфейс, текст маленький, аккорды не показываются сразу, надо листать вверх вниз страницы и все запоминать, а автоперелистывание не работает, приходится отвлекаться от игры и быстро скролить сайт пальцем.

Я сам являюсь пользователем данных сайтов и лично проходил через эти проблемы. Поэтому я в том числе являлся целевой аудиторией и точно знал как можно улучшить все UX ошибки.

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

Самым удачным сайтом референсом был Ultimate Guitar, в котором чересчур много функционала, но он больше предназначается для профессионалов, для рядового пользователя он был излишним.

В плане визуального оформления и привлекательности мы взяли сайт MyMusicSheet, который имеет приятный и понятный минималистичный дизайн, по цветовой гамме, оформлению таблиц и карточек, читабельные шрифты и тд.

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

Все и даже больше. Прочитав аудит сайта, клиент как профессиональный музыкант остался в полном восторге. Его подкупило то, как мы подошли к процессу работы, погружению в тематику и сразу же начали работу, обсуждая каждую добавленную функцию.

Для этого проекта мы подготовили доску с референсами по интерфейсу сайту

Разработали детализированные прототипы сайта, который показывал весь путь пользователя и основные разделы

Подготовили концепты по визуальному оформлению сайта с аргументацией каждого цветового решения

И по итогу разработали дизайн под десктоп и адаптивы, которые в будущем лягут в основу мобильного приложения.

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

В дальнейшем планируем расширять проект путем создания интерактивных полезных материалов, пользовательских плейлистов, форума для музыкантов и комментариев.

Главная страница является навигацией по основным разделам сайта и подборками по песням и исполнителям.

Подборки по исполнителям и песням имеют 2 вида отображения – табличный и карточный, а так же универсальные фильтры, которые позволяют подобрать разборы по своему уровню и стилю игры.

Внутри разбора можно изучать определенный фрагмент песни прямо с сайта, выбрав начало и конец части по строкам песни.

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

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

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

Отзыв клиента