Система производственного контроля и мониторинга

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

РезультатПосле комплексного редизайна время выполнения основной пользовательской задачи сократилось в 8 раз

Роль
Продуктовый дизайнер
Формат
Редизайн существующего корпоративного продукта и его доработка
Методы
Анализ продуктовых показателей, интервью, тестирование прототипов, коридорные тесты, экспертные обсуждения, анализ обратной связи
NDA
Интерфейс под NDA — вместо скриншотов схемы решенийнаведите или нажмите, чтобы заглянуть внутрь

Контекст

Я занималась редизайном внутренней системы производственного контроля и мониторинга. Продукт развивался несколько лет, обрастал новыми возможностями, а вместе с ними усложнялся и интерфейс.

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

  • Лишнее времяна привычные действия
  • Поискнужного среди множества элементов
  • Ошибкикоторых можно было избежать при вводе

Нужно было разобраться, что именно мешает пользователям, пересмотреть сложившиеся решения и сделать работу с системой проще, не потеряв при этом необходимую функциональность.

С чего начала

Сначала я решила разобраться, где пользователи теряют время и с какими трудностями сталкиваются чаще всего.

Посмотрела доступную аналитику: сколько времени занимают задачи, на каких действиях возникают ошибки, как часто пользователи повторяют попытки и доводят ли начатое до конца.

Но одних цифр было недостаточно. Поэтому параллельно я общалась с пользователями, разбиралась, почему и на каких этапах у них возникают сложности, и проверяла первые решения на прототипах.

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

  1. Решение 01Организовать и систематизировать сложную информацию
  2. Решение 02Предотвратить ошибки
  3. Решение 03Упростить навигацию

Решение 01

Упростить работу со сложной информацией

Сначала я попробовала сделать интерфейс компактнее и сократить количество лишних действий. Но на тестировании первого прототипа выяснилось, что проблема осталась. Пользователям по-⁠прежнему приходилось долго пролистывать страницу и искать нужную информацию среди элементов, которые нужны далеко не всегда.

Стало понятно, что просто уменьшить количество элементов недостаточно. Нужно было пересмотреть саму организацию информации.

Было
нужное поле

Все элементы видны сразу, нужное приходится искать прокруткой

СталоПопробуйте: раскройте группы и добавьте блок
Группа A3
Группа B2
нужное поле
Группа C4

Связанные элементы сгруппированы и раскрываются по необходимости, повторяющиеся блоки добавляются и удаляются

FIG. 2 — ОРГАНИЗАЦИЯ ИНФОРМАЦИИсхема

Я сгруппировала связанные элементы и добавила возможность раскрывать необходимую информацию только тогда, когда она нужна. Повторяющиеся компоненты для заполнения можно было добавлять и удалять самостоятельно.

В результате интерфейс стал компактнее, а пользователям больше не нужно было постоянно просматривать всю информацию, чтобы добраться до нужной.

Решение 02

Помочь пользователям предотвращать ошибки

Ещё одной проблемой были ошибки при заполнении форм. Интерфейс не всегда помогал вовремя заметить некорректно введённые или пропущенные данные. Если что-⁠то шло не так, приложение могло сбросить уже введённую информацию, и пользователям приходилось заполнять всё заново.

Чтобы разобраться, в каких ситуациях возникают сложности, я общалась с пользователями и уточняла требования к вводимой информации.

Было
Ошибка заполнения формы
Данные сброшены

Непонятно, какое поле с ошибкой, введённое теряется

СталоПопробуйте: введите значение или нажмите «Завершить»

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

FIG. 3 — ВВОД ДАННЫХсхема

Я пересмотрела поведение приложения при вводе данных и добавила ограничения, проверку корректности данных и контекстные подсказки. Сообщения об ошибках разместила рядом с соответствующими полями, чтобы пользователю не приходилось искать причину проблемы.

Также я добавила проверку обязательных полей при попытке завершить флоу. Это позволило обнаруживать пропущенные данные при попытке перейти к следующему действию.

Раньше, если при заполнении что-⁠то шло не так, приложение могло сбросить введённые данные и пользователям приходилось начинать заново. Я предложила добавить возможность сохранять черновики. Теперь пользователи могли сохранить промежуточный результат и вернуться к заполнению позже.

Результаты

быстрее выполняется основная задача пользователя

Результат оценивали не только по времени выполнения задач. После внедрения я продолжила собирать обратную связь через интервью и обращения пользователей, а также отслеживать доступные продуктовые показатели.

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

Что вынесла из проекта

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

Для меня этот проект ещё раз подтвердил, насколько важно проверять решения на пользователях, а после внедрения продолжать собирать обратную связь. Тестирование помогло выявлять проблемы ещё до разработки, а обратная связь после внедрения позволила понять, как решения работают в реальных условиях и что ещё стоит улучшить.

Следующий кейс Корпоративная система планирования

Кажется, нам по пути?

Буду рада поработать вместе. Открыта к предложениям и интересным продуктовым задачам.

Новосибирск · UTC+3–UTC+7 · Удалённо или гибрид