Процесс создания iPad приложения интернет-банка ABLV
ABLV Bank — один из крупнейших банков Латвии с представительствами в девяти странах. Банк имеет двадцатилетнюю историю и свое четкое видение ценностей, которые отражены в его бренде.
ТЗ
Изучаем бизнес-требования и структуру нового интернет-банка ABLV для iPad.
Прототип
Открываем Axure, начинаем группировать информацию и примерять сетку в прототипе.
После нескольких экспериментов с меню решаем перейти к понятной и классической сетке.
Для продолжения прототипирования необходимо перепрыгнуть на этап концепции, чтобы подтвердить жизнеспособность сетки.
Брендбук
Изучаем руководство по стилю ABLV, созданное The Brand Union — агентством с мировым именем и штаб-квартирой в Лондоне.
Примеряем графику, играем с цветами, следим, чтобы дизайн не конфликтовал с правилами оформления фирменных элементов.
По общему впечатлению дизайн должен перенимать темный, дорогой стиль банка. Но появляется проблема читабельности текстов и чисел на темном фоне при свете солнца. Проблему решаем созданием альтернативной, контрастной версии, переключатель на которую ставим на каждый экран интернет-банка.
Постепенно вырисовывается общая концепция, с которой можно продолжать работу. Проверяем портретный режим и "тянучесть" графики.
Выходит неплохо, можно готовить презентацию клиенту, предварительно заменив стоковые иконки на свои отрисованные. Не забываем про контрастную версию.
Презентация
Делаем несколько презентационных мокапов и показываем руководству банка.
Все ОК
Получаем подтверждение общей концепции! Возвращаемся к прототипам и доделываем основные экраны.
На этом этап прототипирования завершается, и мы переходим непосредственно к оформлению основных разделов приложения.
Внутренние экраны
Переходим к проектированию окон информации.
Контрастный вид
Возвращаемся к контрастной версии и допиливаем вид.
На этом основная работа сделана, и мы переходим к мелким элементам и описательным процессам.
Анимация
Делаем видео для наглядного пособия программистам, как должно загружаться приложение и показываться страница входа.
Далее ожидаем, пока программисты клиента закончат реализацию, и проводим визуальный аудит каждого экрана. И вместе с банком наслаждаемся опубликованным приложением в Appstore.