котировальная доска для интерфейсов банковского приложения
Moodboard
Референсы на приложения банков, кошельков, приложений обмена крипто-валюты
Концентрация внимания.
Акцент на целевом действии
Акцент на целевом действии
Количества действий мобильной и десктоп версии
Создание первого виджета
0 / 1
кликов
Кол-во шагов до подтверждения первой покупки/продажи. стандартная сделка.
2 / 3
кликов
Кол-во шагов до подтверждения форвардной сделки, если дата отличается от сегодняшней
5 / 5
кликов
Кол-во шагов до подтверждения форвардной сделки, если дата отличается от сегодняшней и изменена валюта
6 / 7
кликов
Просмотр счетов 2х виджетов
1 / 2
кликов
Итогом
19 / 24
на 21% меньше
Webview приложение для Android
структура взаимодействий
iframe реализация функции и взаимодействие с другими системами
App front-end
Web или native-based приложение
App back-end
Набор Api для синхронизации приложений и банковскими системами
iframe
Самостоятельный web-based front-end
iframe back-end
Набор Api для синхронизации web-app с банковскими системами
ограничения
Сценарий 1
iframe не имеет доступа к sms и push "службам" ос. Он не сможет в автоматически подтянуть присланный код.
Если для подтверждения требуется ввести код присланный по смс то возможен критический сценарий связанный с нехваткой памяти. Это сценарий в котором есть переходы между самим приложением, приложением СМС и обратно в приложение. При недостатке памяти исходное приложение может перезагрузиться выйдя из фонового режима. Тогда iframe должен показать интерфейс ввода. Это возможно если такие события и очередь перехода регламентирует сервер.
wireframes
прототип
В прототип забиты все возможные действия и разные сценарии
Не все стейджи прописаны, но в новом дизайне от ДД
видео кейсы
ui kit
Диджитал подразделение банка разработало дизайн материалы UI kit. Дизайн элементов и их стейджы должны соответствовать дизайн документации.
Не редактируемые поля
Нужны поля в которых ранее заданная информация информация только отображается без воможности внесения изменений
Используется в интерфейсах Оферты (информация подгружаемая с сервера) и подтверждения транзакции
Используется в интерфейсах Оферты (информация подгружаемая с сервера) и подтверждения транзакции
Тяжелые поля ввода
Из полей ввода не получилось сделать "нередактируемые поля" - если оставлять стили то дискриптор, который набран прописными оттягивает внимание.
Нужны правила на расположение в 2 колонки, например, выбор диапазона дат вжимает стрелочку в край поля.
Когда полей много интерфейс превращаются в мешанину. Увеличение расстояния между ними сильно растянет странице.
Нужны правила на расположение в 2 колонки, например, выбор диапазона дат вжимает стрелочку в край поля.
Когда полей много интерфейс превращаются в мешанину. Увеличение расстояния между ними сильно растянет странице.
Дискрипторы и лесенка
Дискриптор, который набран прописными оттягивает внимание.
С текущей контрастностью элементов список полей превращается в лесенку
С текущей контрастностью элементов список полей превращается в лесенку
