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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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