Исследования
Цель исследований понять потребности, ожидания и поведение пользователей, чтобы улучшить продукт и пользовательский опыт, увеличить удовлетворенность пользователей и повысить конверсию
Что я сделала
— Проводила исследования: сегментировала ца, сформулировала гипотезы, проводила A/B-тестирования
— Создала дизайн-систему, покрыла компонентами все страницы и написала документацию
— Полностью пересобрала раздел Ревизор, изменила навигацию и структурировала информацию
— Переделала страницы карточка тендера, карточка контракта и карточка плана. Добавила новый функционал
— Переработала и улучшила модальные окна
— Улучшила группировку фильтров для поиска и таблицу с результатом поиска
— Создала второй вид поиска — карточный
— Нарисовала аватарки для личных кабинетов
— Создала дизайн-систему, покрыла компонентами все страницы и написала документацию
— Полностью пересобрала раздел Ревизор, изменила навигацию и структурировала информацию
— Переделала страницы карточка тендера, карточка контракта и карточка плана. Добавила новый функционал
— Переработала и улучшила модальные окна
— Улучшила группировку фильтров для поиска и таблицу с результатом поиска
— Создала второй вид поиска — карточный
— Нарисовала аватарки для личных кабинетов
Задачи бизнеса
Привлечение новых пользователей, в том числе от конкурентов, предлагая более привлекательные условия и функционал
Роль
Дизайнер интерфейсов
Основные проблемы
— Старый дизайн больше не отвечал современным требованиям плохо взаимодействовал с пользователями
— Проблемы с адаптивностью страниц
— На большинстве страниц информация была рассоложена нелогично и некомпактно
— Модальные окна не вмещали весь функционал, который хотели внедрить владельцы продукта
— Увеличилось количество пользователей, которые пользуются сервисом со смартфона
— Проблемы с адаптивностью страниц
— На большинстве страниц информация была рассоложена нелогично и некомпактно
— Модальные окна не вмещали весь функционал, который хотели внедрить владельцы продукта
— Увеличилось количество пользователей, которые пользуются сервисом со смартфона
О продукте
Tenderland — сервис по поиску и анализу тендеров, контрактов и планов
Редизайн B2B-продукта с сохранением 95% активных пользователей
Job story
Сегментирование
Гипотезы
Основная подтверждённая гипотеза о сложности использования древовидного поиска подтвердилась, пользователям удобнее просто заполнять фильтры
— Пользователям сложно изучать информацию на странице из-за плохой структурированности
— Пользователям сложно понимать логику «И/ИЛИ» в древовидном поиске — им проще работать через фильтры
— Пользователи часто используют собственные наборы фильтров для поиска тендеров и контрактов по своим интересам
— Менеджерам по закупкам нужна возможность кастомизировать отчётность
— Тендерным специалистам проще воспринимать информацию в графиках, чем в таблицах
— Участникам тендеров важна расширенная информация о компаниях: РНП, суды, финансовые проблемы, участие в других тендерах
— Пользователям сложно понимать логику «И/ИЛИ» в древовидном поиске — им проще работать через фильтры
— Пользователи часто используют собственные наборы фильтров для поиска тендеров и контрактов по своим интересам
— Менеджерам по закупкам нужна возможность кастомизировать отчётность
— Тендерным специалистам проще воспринимать информацию в графиках, чем в таблицах
— Участникам тендеров важна расширенная информация о компаниях: РНП, суды, финансовые проблемы, участие в других тендерах
Результаты работы
Раздел «Ревизор»
Пересобрала полностью раздел Ревизор, где отображается вся информация об организации, о её участии в тендерах, судах, доходе и тд. Изменила навигацию страницы, структурировала информацию на странице и более логично расположила её, добавила больше графиков для наглядности и акценты в виде фактоидов.
Фильтры для раздела «Поиск»
В разделе Поиск мной было проделано больше всего работы. Сначала я поработала над проблемой с адаптивностью, изменив левое меню с тэгами, и добавила скрытие этой области, чтобы пользователи с маленькими мониторами смогли видеть древо поиска полностью. Ещё я добавила цветовые обозначения для тендеров, контрактов, планов и автопоисков, такие акценты помогают пользователям при просмотре таблицы с результатами поисков.
Карточный вид результатов поиска
Я спроектировала карточный вид выдачи результатов поиска для облегчённого восприятия информации. Карточный вид делает информацию более доступной и понятной, особенно для пользователей, которым удобнее воспринимать информацию в визуальной форме.
Облегчённый поиск
Я провела исследование и выяснила, что многим пользователям было непонятно как пользоваться логикой «и» и "или" и строить древовидный поиск, им мало кто пользуется, поэтому было принято решение сделать ещё один вариант поиска, где фильтры расположены друг за другом. Добавлены цветовые обозначения полям: зелёные — добавленные ключевые слова, красные — исключённые.
Единый лэйаут для карточкек тендеров, контрактов и планов
Эти страницы я пересобрала: добавлена навигация по карточке, улучшена компоновка информации на странице и был добавлен новый функционал. Добавлена возможность назначать ответственного на тендер, что важно для пользователей, которые работают в команде. Добавлены функции просмотра и скачивания документации прямо в карточке тендера, это позволяет пользователю работать с документами прямо на нашем сервисе, не переводя его на сторонние сайты, что сокращает время работы сотрудников
Итог работы
— Упростила сложные сценарии работы с тендерами → сократила путь пользователя и снизила когнитивную нагрузку
— Снизила количество обращений в саппорт за счёт улучшения навигации и структуры интерфейса
— Внедрила дизайн-систему (80% экранов), что ускорило разработку новых фич
— Снизила количество обращений в саппорт за счёт улучшения навигации и структуры интерфейса
— Внедрила дизайн-систему (80% экранов), что ускорило разработку новых фич
