В агенції з UI/UX-дизайну Axicube створили застосунок доставки валюти по Києву MoneyBus. Мета — зробити валютні операції більш зручними та безпечними. Брендингом займалася команда креативної агенції Grape.
У MoneyBus користувачі можуть провести обмін валют без відвідування банків чи обмінних пунктів. Доступні два формати — готівковий та безготівковий обмін. Наприклад, можна замовити обмін певної суми доларів на криптовалюту.
Користувачі мають дві опції:
1) Замовити обмін через мобільний пункт. Проводяться три типи операцій з готівкою: обмін готівки на готівку, безготівкових коштів на готівкові та навпаки. Для проведення операції потрібно подати заявку та дочекатися, поки за адресою приїде мобільний обмінний пункт, тобто сам MoneyBus. Доступ до пункту можна отримати тільки за спеціальним кодом. Операцію проводить касир, який займається прорахунками, перевіркою валюти, видає чеки тощо.
2) Замовити обмін в онлайні. Це безготівкові операції з купівлі та продажу валюти. Отримати кошти можна на електронний гаманець — Payoneer, Wise, Revolut, Binance тощо. Всі дії відбуваються у застосунку, без виклику манібасу. Для убезпечення юзерів використовуються унікальні одноразові цифрові коди.
При створенні інтерфейсу, який би доніс функціонал та цінності MoneyBus, роботу було розділено на два великих етапи:
1) UX-складова: підготовка інформаційної архітектури — процес розкладання сторінок застосунку на блоки та підблоки. Це необхідно, щоб побачити взаємодію між блоками та зрозуміти, як взагалі працює застосунок:
– Створення ваєрфреймів — деталізована візуалізація, під час якої дизайнер готує шаблони, у які закладає всі елементи застосунку (розміщення блоків, кнопок, підказок, текстів тощо).
– Розробка прототипу, що показує вигляд інтерфейсу та демонструє його роботу. Його можна проклацати та проскролити;
– Тестування прототипу: юзабіліті тести дають змогу зрозуміти, де є недопрацювання. До тестування запросили 27 учасників та створили дві групи. У першій групі тестувальники проходили шлях користувача самостійно. У другій — разом з дизайнером, який одразу запитував фідбек та в режимі реального часу бачив, де є певні заминки;
– Опрацювання результатів тестування та впровадження змін в інтерфейс.
2) Допрацювання за результатами фідбеку;
3) UI-дизайн.
В результаті створили продуману та зручну дизайн-систему застосунку, яка чітко окреслює його функціонал та акцентує на безпечності.
«Обрані кольори, шрифти та схеми екранів не асоціюються з сумнівними фінансовими продуктами типу мікрокредитування. Зараз застосунок готовий змінити уявлення про валютні операції та показати, наскільки зручно й швидко вони можуть проходити», — розповіли в Axicube.