Обзор
Dexter Inc. — компания, предлагающая инновационные решения для корпоративных клиентов, сосредоточенная на создании бесшовного цифрового опыта. Меня привлекли в качестве UX/UI дизайнера для улучшения пользовательского опыта на платформе и создания визуально привлекательного, интуитивного дизайна. Цель заключалась в повышении вовлеченности пользователей и упрощении функционала платформы для более плавного пользовательского пути.
Роль
UX/UI Дизайнер, Визуальный Дизайнер
Обязанности
UI-Дизайн, UX-Исследования, Визуальный Дизайн, Брендинг
Задачи
Платформа Dexter имела сложный набор функций, который часто путал пользователей, особенно новичков, из-за неинтуитивной навигации. Также наблюдались проблемы с единообразием дизайна на разных страницах, что создавалo разрозненный пользовательский опыт. Кроме того, отсутствие четкого процесса онбординга затрудняло новым пользователям быстро освоиться, что способствовало высокой кривой обучения и фрустрации пользователей.
Подход
Для решения этих проблем я начал с проведения пользовательских исследований через интервью, чтобы выявить болевые точки и понять ожидания пользователей. Затем я разработал вайрфреймы и прототипы, чтобы проработать пользовательские потоки и уточнить визуальное направление. Была внедрена система дизайна для обеспечения согласованности, а структура навигации была упрощена для создания более интуитивного опыта. Также я разработал процесс онбординга, чтобы помочь новым пользователям быстрее освоиться на платформе и снизить трение.
Цели проекта
- Создать онлайн-магазин с безопасными платежами, подробными описаниями и акциями.
- Добавить экран блогов, чтобы пользователи могли получать новости о событиях и моде.
- Добавить функцию поддержки/чата, чтобы пользователи могли связываться и задавать конкретные вопросы о продуктах.
Пользовательский поток
Пользовательский поток начинается с чистой и минималистичной главной страницы, которая направляет пользователей к основным функциям, затем следует простой процесс создания аккаунта. После входа пользователи попадают на персонализированную панель управления с ключевыми метриками. Оттуда они могут исследовать различные функции через упрощённое меню, выполняя действия с помощью чётких призывов к действию. Поток спроектирован так, чтобы пользователи быстро находили нужное, при этом имея доступ к поддержке и обратной связи для беспрепятственной помощи.
Прототип низкой точности
После определения информационной архитектуры я создал прототипы низкой точности, чтобы превратить концептуальные идеи в осязаемые макеты. Эти прототипы служили чертежами для базовой структуры, макета и функциональности интерфейса. Через итеративное уточнение и обратную связь я согласовал дизайн с потребностями пользователей и целями проекта перед переходом к прототипам высокой точности.
Система дизайна
Система дизайна включает ключевую информацию о цветовой палитре, такую как HEX-коды и прозрачности, а также о типографике — типы шрифтов, начертания и размеры. Также я разработал коллекцию компонентов с соответствующими вариантами, обеспечивая их повторное использование на протяжении всего процесса дизайна.
Собираем всё вместе
На этом этапе остаётся лишь объединить все элементы — функции, определённые в первоначальных мокапах, макет приложения на основе карты сайта и элементы интерфейса в соответствии с системой дизайна.
Коллекции
Детали
Оформление заказа
Новостная лента
Чат
Заключительные мысли
После выпуска закрытой бета-версии и наблюдения за изменениями первоначальные исследования и тесты юзабилити дали прочную основу для масштабирования приложения. Я считаю, что дизайн может значительно помочь в защите населения, ликвидации последствий катастроф и обеспечении безопасности. Приложения для критически важных коммуникаций предлагают безопасные и надёжные сервисы. Этот проект позволил нам разработать приложение, ориентированное на пользователя, и протестировать его с реальными пользователями, показывая, что фокус на интуитивных, привлекательных и простых в использовании продуктах представляет отличную возможность для MCX-приложений.