Midex Exchange личный кабинет

Редизайн личного кабинета криптовалютной биржи Midex

Midex design preview
Задача

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

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

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

Идея

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

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

Было2017Изначально мы реализовали сайд-меню со ссылками на страницы и переключение табами уже внутри самой страницы, пример: переключение между основным и биржевым счетами. Также внутри страницы находились все возможные операции, которые часто терялись в массе информации.
Проблема

Запутанное меню, сложно ориентироваться в интерфейсе, доступные операции спрятаны внутри страниц.

Решение

Добавить саб-меню в котором будут видны все доступные страницы и операции.

Стало2019Запутанное меню, сложно ориентироваться в интерфейсе, доступные операции спрятаны внутри страниц.
Идея 2

Для большей безопасности и обеспечения сохранности средств пользователей на бирже Midex используется два кошелька: 1. Основной — куда изначально поступают и выводятся все средства; 2. Биржевой — здесь хранятся средства доступные для торговли на бирже.

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

Мы стали сообщать пользователям непосредственно при пополнении “Основного кошелька”, что для торговли им необходимо перевести деньги на “Биржевой кошелёк” и добавили возможность сделать это, просто кликнув на ссылку в уведомлении.

Поскольку у личного кабинете полностью изменилась архитектура навигации, и мы перенесли операции пополнения и вывода валют со страницы кошелька на самостоятельные страницы, у нас появилась возможность добавить функцию перевода на “Биржевой кошелёк” на страницу “Основного кошелька”.

Midex design previewMidex design preview
Адаптив 2

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

Около 30% пользователей использует мобильную версию, она должна быть максимально удобной.

Midex design preview
Технологии

Мы планируем перевести все на React и переписать код на языке Type Script. Эти технологии созданы специально для больших веб-приложений.

TypeScript — язык программирования, представленный Microsoft в 2012 году. React – это JavaScript-библиотека с открытым исходным кодом. Разрабатывается и поддерживается Facebook, Instagram. React очень структурирован: это упрощает разработку и внесение изменений, тестирование и проверку. Легко масштабируется.

Для того, чтобы в перспективе добавить голосовые сообщения, видеозвонки и видеотрансляции, необходимо переписать бекэнд с PHP на JAVA/Kotlin. Если этого не сделать сразу, то придется делать двойную работу и терять время.

JavaОбъектно-ориентированный язык программирования
KotlinCтатически типизированный язык программирования
ReactJavaScript-библиотека с открытым исходным кодом
TypeScriptЯзык программирования, представленный Microsoft
Объем работ и результат

Более 100 экранов в дизайне с учетом адаптива, Ui-kit со всеми состояниями элементов и экранов. Верстка компонентов (дизайн-система), их тестирование и улучшение. Собираем страницы из компонентов.

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

Поделиться в соцсетях

midex.comсайт
2019год
 
BDSM.fm 2.0Концепт редизайна соцсетиПредыдущий кейс
 
Сайт Midex 2.0Редизайн сайта криптовалютной биржи MidexСледующий кейс
Поделимся опытом

Мы запускали разные проекты, поэтому можем подсказать, о чем нужно подумать с самого начала, еще до разработки.

1
Расскажите о своем проекте
Позвоните или напишите нам любым удобным способом
2
Мы разберемся в задаче
У нас это занимает до 2х недель, все это время мы общаемся с вами о проекте и это бесплатно
3
Составим план разработки, стоимость и сроки
Расскажем про разные варианты реализации, поможем выбрать лучший
© 2011–2019 ООО «Эйс Системс», интернет-агентство Yoldi