<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=351298772335258&ev=PageView&noscript=1" />
Скачать бриф
Обратный звонок
Скачать бриф
Обратный звонок

123x.
Дизайн интерфейса для биржи

Ключевая задача агентства
Сделать самую удобную криптовалютную биржу для профессионалов и начинающих
Процесс работы
на проекте
Подготовительный этап
Начали с анализа семантических запросов и форумов профессиональных и любительских инвесторов, чтобы понять наиболее востребованный функционал биржи и выявить неудобства при работе с конкурентными продуктами.
Юзабилити-тестирование
Далее провели юзабилити-тестирование "на бумаге", чтобы понять функциональность биржи при комплексном использовании продукта с условием минимальных затрат пользователя на каждую финансовую операцию.
UX-прототипирование
Собрали результаты аналитических этапов и расположили элементы максимально удобно для решения каждой из задач на десктопных, планшетных и мобильных устройствах.
UI-дизайн
Разработали цветовую гамму элементов биржи и адаптировали макет под визуальную политику 123x в стилистике "минимализм", чтобы не усложнять взаимодействие пользователя с финансовым инструментом.
Верстка
Финальным продуктом стал чистый код для движка заказчика, адаптированный для десктопных, планшетных и мобильных устройств.
Пример интерфейса криптовалютной биржи, разрабаотанной в агенстве
Смотреть больше кейсов
Сайт
Услуги
Блог
Подписаться на рассылку
© 2019, One Marketing Group.
Москва, Россия.

Как проектировали интерфейс криптовалютной биржи

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

Проектный подход

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

Что было подготовлено

  • Карта ролей и пользовательских сценариев
  • Архитектура личного кабинета и терминала
  • Компоненты таблиц, графиков и форм
  • Состояния загрузки, ошибок и подтверждений
  • Адаптация для планшетов и смартфонов
  • Спецификация для frontend-команды

Результат

Результатом стал адаптивный UX/UI-комплект, пригодный для передачи команде разработки: структура кабинета, торговый терминал, состояния компонентов, правила адаптации и сценарии ошибок. Такой подход снижает количество разночтений на этапе программирования и позволяет развивать продукт без распада интерфейса.

Made on
Tilda