Lamoda
- 45
- 0
- Опубликовано: 2022-03-23
Основная задачи:
Спроектировать прототипы дизайна. Учесть пользовательский опыт, поставленные задачи перед экранами и особенности экранов устройств (десктопного, планшетного, мобильного).
Проработать флоу пользователя.
Решение:
1. Избавились от трёх цен. Было не понятно, для чего пользователю видеть две зачеркнутые цены и одну основную.
2. Фильтрация. Доступна с первого экрана. Закрепляется при скролле. Есть функция сброса всех параметров.
3. Представление товаров. Все фотографии в одном масштабе, в одном стиле, пользователю легко сравнивать обувь между собой и воспринимать много разных моделей.
После проведения исследований, были выбраны гипотезы. Выбранные гипотезы были ожидаемыми, относительно пользовательского опыта.
1 Этап:
1.1 Прототипирование, на основе исследованных гипотез.
1.2 Разработка UX.
1.3 Создание UI.
1.4 Разработка Лоадера + анимация в Smart Animate.
2 Этап:
Контроль качества реализации. Дизайн–ревью на проде.
Спроектировать прототипы дизайна. Учесть пользовательский опыт, поставленные задачи перед экранами и особенности экранов устройств (десктопного, планшетного, мобильного).
Проработать флоу пользователя.
Решение:
1. Избавились от трёх цен. Было не понятно, для чего пользователю видеть две зачеркнутые цены и одну основную.
2. Фильтрация. Доступна с первого экрана. Закрепляется при скролле. Есть функция сброса всех параметров.
3. Представление товаров. Все фотографии в одном масштабе, в одном стиле, пользователю легко сравнивать обувь между собой и воспринимать много разных моделей.
После проведения исследований, были выбраны гипотезы. Выбранные гипотезы были ожидаемыми, относительно пользовательского опыта.
1 Этап:
1.1 Прототипирование, на основе исследованных гипотез.
1.2 Разработка UX.
1.3 Создание UI.
1.4 Разработка Лоадера + анимация в Smart Animate.
2 Этап:
Контроль качества реализации. Дизайн–ревью на проде.
Пример реализации
Комментариев нет
оставить комментарий могут только авторизованные пользователи
