Результат до/после
Как изначально выглядел интерфейс личного кабинета
Главная страница старой системы
Мобильная версия. Она практически не используется, поэтому акцента на неё не будет
Итоговый результат
Главная страница. Была переработана таблица, добавлены новые фильтры, переработаны разделы. Также изменился размер рабочей области — виджеты стали меньше, кнопка «Создать обращение» переехала в боковое меню
Проблемы прошлой реализации
1
Нет функционала администратора
Каждое изменение или ошибку приходилось исправлять программистам и лично разговаривать с пользователем Было принято решение сделать отдельный интерфейс для администратора, который смог бы сам управлять всеми данными пользователей, а также входить в их профиль
2
Не хватает функционала пользователям
В процессе интервью выяснилось, что пользователям нужно управлять их обращениями с помощью токенов, фильтровать данные. Также им не хватало некоторой информации в таблицах
У компании есть своя дизайн система, под которую старый дизайн уже не подходил и необходимо было его обновить
Поиск решения и трудности
Для начала я поговорила с командой и с 5 активными пользователями системы. Выяснив, каких функций не хватает я приступила к разработке прототипа
Первые инсайды, которые я получила после интервью
1
Не хватает фильтрации в таблицах с обращениями, заявками и подключением
2
Выбор даты работал некорректно
3
Не все показатели были достоверными. Их лучше было бы убрать
4
Раздел «Реквизиты» убирается за ненадобностью
5
Необходимо добавить форму обратной связи, чтобы не писать напрямую разработчикам
6
Необходимо было разделить базу данных на разные регионы и добавить фильтры
7
В разделе «Документы» нужно было отделить старые файлы от новых
Вся трудность заключалась в том, что разработка переносилась несколько раз (в приоритете стояли другие задачи) и за это время приходили новые идеи, которые тоже необходимо было добавить. Изначально планировалось сделать интерфейс следующим образом
Первый прототип главной. Кнопка была на своём месте и размер рабочей области был меньше
Также изначально команда не планировала отказываться от модальных окон. Создание обращений и вся информация о была реализована через них
Первая переработка модального окна с информацией об обращении. Вместо инпутов должна быть таблица со всеми данными
Страница базы данных. Она не особо изменилась
Прототипы остальных страниц. Они тоже не особо поменялись в финальной реализации
Итоговый результат
В итоговой итерации добавилось еще несколько идей к прототипам и был немного изменен визуал
1
Добавить функционал администратора. Он может управлять всеми аккаунтами
2
Добавить раздел «Токены». Внутри можно будет управлять ими
3
Отказаться от всех модальных окон в пользу страниц
Финальный вариант дизайна
Главная страница
Адресная база
Моадльные окна были переработаны в блоки
Страница создания обращений и страница информации об обращении
Для админа была сделана отдельная главная со списком всех партнёров
Главная админа
И, конечно, не забываем про адаптив
Адаптив главной страницы
