Как улучшить UX настроек приложения

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

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

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

Какие методы проектирования обеспечивают легкую настройку UX?

Рекомендации по улучшению UX настроек приложений

Категории групп

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

Установите визуальную иерархию

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

Избегайте имен с жаргоном

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

Предоставьте четкие описания

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

Дайте индикаторы состояния и отзывы о сохраненных состояниях

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

Используйте соответствующие элементы управления пользовательского интерфейса

Радиокнопки и флажки — это стандартные элементы управления пользовательского интерфейса на панелях настроек, но они не являются взаимозаменяемыми:

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

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

Укажите основные и дополнительные параметры

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

Отправить подтверждение по электронной почте

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

Советы по процессу проектирования параметров приложения

Начните с информационной архитектуры и пользовательского потока

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

Определить режимы по умолчанию

Настройки по умолчанию предоставляют пользователям теоретически оптимальные впечатления от их первого взаимодействия. Цель состоит в том, чтобы облегчить адаптацию и предоставить пользователям настройки, которые поддерживают их цели (еще одна причина, почему исследования пользователей так важны). Например, приложения для защиты паролей, такие как 1Password и LastPass, имеют настройки по умолчанию, предназначенные для защиты конфиденциальной информации пользователей.

Свяжитесь с заинтересованными сторонами на ранней стадии процесса проектирования

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

Поговорите со службой поддержки

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

Прототип и тест

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

Продуманные настройки приложения улучшают UX

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

• • •

Дальнейшее чтение в блоге Toptal Design:

• Принципы мобильного UX-дизайна
• Эвристические принципы для мобильных интерфейсов
• Фундаментальное руководство по удобству использования мобильных устройств
• Лучшие практики мобильной электронной коммерции для UX (с инфографикой)
• Ограничения мобильного UX-дизайна, лучшие практики и работа с разработчиками