2019
Дизайн интерфейса для сайта с инструкциями
Бизнес-задача
Вывести pet-проект на следующий уровень.
Заказчик хотел сделать сайт с инструкциями к бытовой технике простым, доступным и удобным.
Мобильная версия
Дизайн-задача
Нащей задачей было спроектировать дизайн интерфейса.
-
Для этого мы провели небольшое юзабилити-тестирование с тем, чтобы выяснить, насколько существующий сайт соответствует потребностям пользователя и чего им не хватает.
-
Руководствуясь результатами исследования, составили польлзовательские сценарии, описывающие основные варианты взаимодействия пользователя с системой.
-
Нарисовали макеты интерфейса, соответствующие пользовательским сценариям.
Как определить модель. Мобильная версия
Аналитика
Юзабилити-тестирование с участием 5 респондентов показало, что все пользователи уверенно справляются только с одной из возможных задач взаимодействия с системой. Все респонденты легко находили инструкцию, если название бренда и модели находилось в видимой части списка. А, например, найти инструкцию в скрытой части списка смог только один пользователь из пяти.
С наиболее важной задачей — найти инструкцию к собственной технике — тоже справился всего один респондент, а ведь это основной сценарий использования сайта.
Шаги основного сценария:
- Пользователь ищет на главной странице название бренда интересующей его техники. Находит название, кликает по нему и переходит на страницу с моделями выбранного бренда.
- На странице с моделями ищет и находит свою модель, переходит на страницу с инструкцией.
- Открывается страница с инструкцией. Пользователь просматривает инструкцию.
- Читает на сайте или скачивает.
Инструкции. Мобильная версия
Дизайн
Мы дали задачу на три концепта трем разным дизайнерам. Заказчик выбирал один из трех концептов, и мы отрисовали остальные страницы в соответствии с этим концептом.
Собрали UI-kit, с помощью которого заказчик в дальнейшем сможет развивать сайт самостоятельно.
Результат
Макеты приняты заказчиком.
Вам нужен интерфейс?
Заказать дизайн
Напишите нам на we@sobakapav.ru
Что мы можем сделать?
UX-дизайн под ключ, редизайн интерфейса, продуктовые исследования и многое другое.
UX/UI-дизайн под ключ
Когда нужна эта услуга
Интерфейс устарел или крайне неудобен. Либо нуждается в переделке, потому что поменялись бизнес-процессы, рынок или целевая аудитория. Либо вы создаете новый продукт и ему нужен новый интерфейс.
Что вы получите
Вы получите готовые к разработке макеты интерфейса. В них будет полностью отражен путь пользователя по каждому сценарию взаимодействия с системой. Результат будет выгоден для бизнеса и бережен к ресурсам разработки.
