← Назад

TrueConf • Desktop

Настройки до - после.png

Information Architecture • UX • UI • Components

Как сделать сложную систему настроек понятнее для пользователя

<aside> 💡

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

</aside>


Контекст

Desktop-клиент развивался много лет, вместе с ним росло и количество настроек. Новые параметры постепенно добавлялись в существующую структуру, из-за чего раздел становился сложнее.

Связанные настройки могли находиться в разных местах, некоторые названия не объясняли назначение параметров, а отдельные настройки требовали от пользователя понимания технических особенностей продукта.

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

Проблема

Я проанализировал существующий раздел и сценарии работы с настройками и выделил несколько основных проблем.

Сложная информационная архитектура

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

Неочевидные названия

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

Недостаток контекста

Для некоторых параметров одного названия было недостаточно. Пользователю приходилось самостоятельно разбираться, за что отвечает настройка и к каким последствиям приведёт её изменение.

Критичные настройки