Проектирование веб-сервиса по поиску и аренде автомобилей на курсе UX Design в Tilda School

В статье хочу поделиться своим опытом проектирования сервиса по поиску автомобилей и детально рассказать обо всех этапах работы над проектом

В веб-дизайне я около года, после нескольких коммерческих проектов осознала, что мне необходимо прокачать свой UX-скилл.

Знаний не хватало, постоянная каша в голове, работа над проектами была скорее интуитивной, отсутствовал системный подход, были сложности с планированием времени для проектов

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

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

Об этом расскажу чуть позже, а пока поделюсь своим опытом — что же такое UX-дизайн, и какая работа за этим стоит?

Работу над веб-сервисом начала с создания проектного документа, в котором начала собирать необходимую информацию по теме — все в одном месте, это же гениально!

В течение 6 недель документ постоянно дополняла, делала важные уточнения и записывала все детали.

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

Далее я познакомилась с Trello, где создала доски и отслеживала этапы работ, и Google Keep, в котором в любой момент момент делала необходимые заметки

На курсе по UX-дизайну я научилась прежде всего грамотному ведению проекта. Четко знаю, где находится вся информация — ничего не упускаю, все структурировано и понятно.

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

Необходим веб-сервис, с помощью которого люди могут арендовать автомобиль на необходимый срок по всему миру.

Позже пользователь заходит на спроектированный мной сервис и может легко выполнить все эти действия — так я понимаю, что работа проведена корректно

Следующим этапом провела детальный анализ конкурентов (11 компаний), делала подробный аудит, выделяла удачные решения, обращала внимания на слабые места и недостатки сервисов.

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

Опрос показал, что в основном пользователи ищут автомобиль напрокат, используя поисковики Гугл и Яндекс, причем некоторые отдают предпочтение не рекламным объявлениям, а органической выдаче.

Некоторые пользователи полагаются на отзывы друзей/знакомых/коллег, остальная часть респондентов использует приложения

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

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

Важным критерием выбора автомобиля является цена и качественные живые фотографии, чтобы оценить состояние салона и авто в целом

Был составлен список вопросов для респондентов

Было проведено 8 интервью — одно живое и 7 в формате телефонного звонка в телеграмме от 15 до 40 минут каждый. Пользователи с удовольствием делились своим опытом.

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

Далее я провела полевые исследования, в которых описала свой опыт и важные, на мой взгляд, нюансы

Проведенные исследования помогли мне проанализировать полученную информацию и проработать профиль потенциального пользователя для веб-сервиса.

Это персонаж, в котором воедино собрана вся информация по теме, потенциальные проблемы, боли, цели и пожелания по аренде автомобилей

У меня получилось два персонажа — ключевой и дополнительный

Составила Customer Journey Map (путь пользователя), где детально разложила по шагам весь процесс поиска автомобиля и его аренды

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

CJM можно посмотреть здесь

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

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

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

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

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

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

User Flow делала в XMind, рекомендую для работы, очень удобно. Зелеными блоками обозначала основной путь пользователя на сайте, серыми — дополнительные действия вне сервиса

User flow здесь

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

Детализированный вариант User flow здесь

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

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

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

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

Интерактивный прототип здесь

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

Вторым этапом проверки было пользовательское тестирование по следующим сценариям:

6 недель работы над проектом были для меня не самым легким обучением за всю карьеру — моментами было очень сложно, мозг сопротивлялся, отказывался анализировать. Хотелось делать все что угодно, кроме проектирования сервиса.

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

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

Отдельную благодарность хочу выразить кураторам курса — Александру Волошину и Денису Потапову

Профессионалы-практики с 10+ опытом, на протяжении 6 недель давали подробную обратную связь, помогали, рассказывали о своих фишках и наработках. За все время обучения было максимально комфортно, с юмором и по-доброму.

Если рассматривать итоги курса по UX с точки зрения боевых проектов, то мне удалось накануне выпуска согласовать прототип, заказчик принял работу без правок. Теперь осталось сделать дизайн-макет и сверстать все на Тильде. Я очень рада таким результатам!

Благодарю, что дочитали статью до конца, буду рада вашей поддержке и обратной связи!

Instagram

Екатерина Комарова —UX/UI дизайнер, делаю сайты на Tilda