ВЫПОЛНИЛ ЕВГЕНИЙ ЗАСИМЕНКО
Тестовое задание
на должность UX/UI дизайнера в ЛИГУ цифровой экономики
Задача:
В приложении Сбербанк онлайн есть раздел Платежи. Сейчас это просто каталог где свалены в кучу платежи, переводы, шаблоны и прочее. Проанализируй этот раздел, напиши какие проблемы ты видишь и предложи вариант их решения. Существующую структуру раздела сохранять не обязательно, можешь все переделать, главное объясни почему ты так думаешь. Платформа iOS или Android, на твой выбор.
В приложении Сбербанк онлайн есть раздел Платежи. Сейчас это просто каталог где свалены в кучу платежи, переводы, шаблоны и прочее. Проанализируй этот раздел, напиши какие проблемы ты видишь и предложи вариант их решения. Существующую структуру раздела сохранять не обязательно, можешь все переделать, главное объясни почему ты так думаешь. Платформа iOS или Android, на твой выбор.
Исследование
Сравнение продуктов
Как всегда начал с исследований. Посмотрел конкурентов: Альфабанк, Яндекс. Деньги, Qiwi, Тинькофф Банк.
Исследование
Проблемы раздела и гипотезы для решения
Основной задачей раздела является оплата счетов пользователя. Нужно максимально доходчиво показать ему все что есть. Помочь с заполнением формы платежа. Дать право на ошибку.
1. Усилить визуальную иерархию, — это внесет ясность в макет.
2. Визуально отделить Шаблоны и остальные платежи. Шаблонами пользуются чаще.
3. Нет оплаты по QR. Для ЖКХ — отличное решение. Не надо вбивать ничего.
4. Шаблоны и автоплатежи объединить, это практически одна сущность.
5. Объединить «На счет другого банка» и «на карту другого банка» → Другой Банк
1. Усилить визуальную иерархию, — это внесет ясность в макет.
2. Визуально отделить Шаблоны и остальные платежи. Шаблонами пользуются чаще.
3. Нет оплаты по QR. Для ЖКХ — отличное решение. Не надо вбивать ничего.
4. Шаблоны и автоплатежи объединить, это практически одна сущность.
5. Объединить «На счет другого банка» и «на карту другого банка» → Другой Банк
Прототипирование
Макет страницы Платежей
Если мы хотим продвигать или вынести какую-то фичу отдельно, можно сделать это кнопкой. Показал на примере QR-кода:
Спасибо, за внимание!
Евгений Засименко
