Проект полного цикла

Топология: редизайн линков и дерева элементов

Мониторинг сети устройств в реальном времени

Тип проекта

Веб - приложение

Моя роль

Продуктовый дизайнер (создание дизайна с нуля)

Banner

Результаты

Базовое юзабилити-тестирование показало такие результаты:

85% отметили, что работа стала легче

Скорость выполнения задач выросла на 34%

Общая оценка пользователей была 4.8

chart
О проекте

Функционал сервиса

Топология - это один из основных инструментов оператора. Она позволяет мониторить сеть устройств в реальном времени. Состоит из устройств (моделей), соединённых линками и дерева элементов.

У каждого линка есть набор параметров, которые пользователь должен видеть.

Старый дизайн

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

Когда линк стал кликабельным, возникло множество проблем с его юзабилити

Banner

Проблемы со старым дизайном

После проведения исследования я выделила ряд проблем, которые надо было решить:

  • Сложно попасть курсором
  • Цвета линков плохо различались
  • Всплывающий тултип
  • Сложно добраться до нужной информации
Banner
Анализ данных

Результаты исследования

Полученные данные были разбиты на три кластера: боли, задачи и инсайты. Также я добавила в категорию “боли” все обнаруженные проблемы с юзабилити.

User Flow
Новый дизайн

Обновлённый линк

В центре линка появилась круглая кнопка. Она выполняет сразу две функции: показывает информацию и позволяет взаимодействовать с линком

User Flow