Цель: Обновить UX и UI интерфейса создание рублёвого платежа контрагенту на основе новых вводных.
Пользователи: Индивидуальные предприниматели, бухгалтеры, малый и средний бизнес.
Почему: Визуальное объединение двух платформ, требования бизнеса и отзывы клиентов.
Моя роль: Продуктовый дизайнер.
Команда: Agile. Работа в тесном сотрудничестве с небольшой командой: владелец продукта, IT и QA-инженеров, аналитик и два дизайнера.
Результат: Успешно реализовано и тиражировано.
Пользователи: Индивидуальные предприниматели, бухгалтеры, малый и средний бизнес.
Почему: Визуальное объединение двух платформ, требования бизнеса и отзывы клиентов.
Моя роль: Продуктовый дизайнер.
Команда: Agile. Работа в тесном сотрудничестве с небольшой командой: владелец продукта, IT и QA-инженеров, аналитик и два дизайнера.
Результат: Успешно реализовано и тиражировано.
Глава 1
Определение проблемы
Даже стыдно
в какой-то мере
в какой-то мере
Android
+ Единый стиль полей во всём приложение;
+ Переработанная архитектура кода;
– Каждое поле «брендируется» своей иконкой. Сложность обучать;
– Нет логических акцентов - единая лента;
– Однообразная масштабируемость.
iOS
– Legacy кода и старая архитектура;
– Компоненты полей визуально устарели;
– Много разных паттернов работы с полями во всём приложение;
– Нет логических акцентов;
– Невозможность масштабировать.
+ Единый стиль полей во всём приложение;
+ Переработанная архитектура кода;
– Каждое поле «брендируется» своей иконкой. Сложность обучать;
– Нет логических акцентов - единая лента;
– Однообразная масштабируемость.
iOS
– Legacy кода и старая архитектура;
– Компоненты полей визуально устарели;
– Много разных паттернов работы с полями во всём приложение;
– Нет логических акцентов;
– Невозможность масштабировать.
Глава X
Процесс исследования
UX-тесты, исследования и интервью с клиентами не публикуются по причине конфиденциальности.
Глава 2
Процесс проектирования
Вернули к жизни двойные поля;
Провели рефакторинг отступов, размеров шрифтов и цвета;
Сформировали чёткую логику работы с иконками.
Провели рефакторинг отступов, размеров шрифтов и цвета;
Сформировали чёткую логику работы с иконками.
Выделили на общем фоне – ключевое действие;
Связали вместе с продуктом СберРейтинг;
Добавили переход на все реквизиты;
Связали вместе с продуктом СберРейтинг;
Добавили переход на все реквизиты;
Теперь новый платёж контрагенту точно Новый!
Обновили иконки, порядок полей и их названия, переписали архитектуру.
Данный продукт успешно растиражирован на 100 % в конце 2020 года
Добились единого визуального языка компонентов и структуры полей;
Добавили Тёмную тему;
Определили акценты: важно – выше, не важно – скрыть;
Добавили продукт СберРейтинг с индикатором надёжности;
Оформили Контрагентов в виде карточки – обозначили акцент!
Улучшили выбор НДС – стало удобнее и быстрее.
Добавили Тёмную тему;
Определили акценты: важно – выше, не важно – скрыть;
Добавили продукт СберРейтинг с индикатором надёжности;
Оформили Контрагентов в виде карточки – обозначили акцент!
Улучшили выбор НДС – стало удобнее и быстрее.
