Назад

Приложение госуслуг

20 декабря 2021124

Перед тем как получить услугу на госуслугах, пользователь взаимодействует с интерфейсом — это первое впечатление пользователя от продукта. Его лучше делать максимально хорошим. Госуслуги этого не делают. Визуальный мусор загрязняет интерфейс и перегружает его. Госуслуги содержат еще и нарушения теории близости. От этого общий опыт пользования приложением становится трудный.

Как только открываешь приложение, первый экран встречает кучей антипримеров.

Интерфейс приложения госуслуг

Проблемные места:

1. Разделители уведомлений создают зрительный шум.

2. Изначально я думал, что кнопка «Все уведомления >» имеет отношение к баннеру. Она прилеплена, но при этом не имеет отношения к нему. Можно было догадаться, что уведомления и «Все уведомления >» это одна смысловая часть (тупа два одинаковых слова), но из-за нарушения теории близости я всё равно не правильно понял эту кнопку.

3. Баннер «Мои выборы». Первое, что я вижу это синий квадрат, и потом уже начинаю разглядывать в нем информацию. И вообще зачем для него столько места?

4. Ещё баннер, только теперь уже ниже предыдущего баннера (!!!). Огромная плитка, минимум текста, кнопка закрыть.

Ошибки интерфейса госуслуг

Решение:

1. Разделители уведомлений не нужны, уведомления и так имеют сгруппированную типографику. Достаточно просто отделить их расстоянием, не применяя лишних деталей.

2. Кнопку «Все уведомления >» поместил рядом с уведомлениями.

3. Избавился от баннера, он нужен только для рекламы, больше пользы о него никакой. Если поместить его наверх, и выделить цветом, то он также будет привлекать внимание, но при этом не будет занимать дополнительное место.

4. Уменьшил плитку до размера текста, появляется место для второй, наш баннер превратился в карточку. Кнопку закрыть, заменил смахиванием карточки вниз

Место которое освободилось ниже - наглядное представление того, сколько ненужных деталей, мусора было раньше.

Теперь же это место можно использовать для размещения информации.

Исправленный вариант


Читать ещё