Как спроектировать настройки в приложении
Убедитесь, что нужные настройки легко найти: добавьте поиск или разбейте настройки на понятные группы. Чтобы пользователю было проще настраивать продукт, отобразите текущий статус настроек.
Вы читаете перевод статьи “Designing Settings”.
Мы тратим безумную кучу времени на создание персон и схематичное изображение путей пользователя (user flows). Мы продумываем продукт до мелочей, описываем возможные сценарии использования и вырабатываем решения под задачи различной сложности. Мы знаем, что у пользователей нашего продукта могут быть разные предпочтения, поэтому даем им возможность настроить продукт под себя. В этой статье вы найдете рекомендации по работе с настройками вашего продукта.
Не все можно отнести к настройкам!
История этого фото с Flickr
Это стиральная машина в квартире, которую мы сняли в Праге через Airbnb. Я не мог понять, какие настройки выставить при первой стирке, и в итоге наши носки-трусы стирались — я не шучу! — 3 часа.
На фотографии слишком много опций и вариантов: пользователю придется повозиться, прежде чем он найдет оптимальный вариант стирки.
Сложные решения по продукту никогда не нужно выносить в настройки. К примеру, вы создаете почтовый клиент и не можете решить, показывать ли 2 или 4 строки содержимого письма. Не выносите это в настройки!
Что следует выносить в настройки?
Эта схема из руководства по дизайну Android помогает решить: что выносить в настройки, а что нет.
Проблемы
Как найти настройку
Люди часто пользуются настройками. Ниже приведены несколько твитов от пользователей, которые пытаются найти нужные настройки:
“Где настройки чата с друзьями? Я не могу их найти, а друг не может там писать”. Неясность, замешательство
“Где настройка, чтобы отключить автоматическую прокрутку видео на cnn.com. Это просто бесит”. Расстройство, разочарование
“Я хотел найти настройку, чтобы это поправить, и не нашел. Так странно”. Неясность, замешательство
Все эти твиты имеют негативный подтекст и выражают такие эмоции, как замешательство, усталость, расстройство и разочарование. За этим обычно следует потеря интереса к продукту.
А вот твиты людей, которые нашли нужную настройку:
“Кажется я нашел настройку, чтобы отключить автоматический постинг статистики :)”. Радость
“Я нашел настройку, чтобы это изменить :)”. Радость
Когда пользователь находит способ настроить продукт под себя, он испытывает удовлетворение. Настройка продукта не должна быть сложной задачей.
Понятность настроек
Если у вас есть приличная камера (мыльница или зеркалка), вы, вероятно, сталкивались с этой проблемой. Вот так выглядят настройки в моей камере (я все еще не знаю, что означает большинство из них).
У приложения Whatsapp на iOS вот такие настройки уведомлений:
Не так-то просто понять, что означает “New message > note” и “Group message > note”. На самом деле note — это звук, который установлен для уведомления.
Статус
Владельцам машин знакома ситуация: ты закрываешь машину и, чтобы убедиться, что она закрыта, дергаешь ручку. Другой сценарий: ты припарковался, зашел в здание и не можешь вспомнить, закрыл ли машину. На всякий случай ты еще раз нажимаешь на брелоке “закрыть”. Но, согласитесь — гораздо удобнее, когда есть индикатор, который показывает состояние замка?
Люди не всегда помнят статус, в котором они оставили продукт. Они могут забыть, как настроили ту или иную опцию.
Названия (лейблы)
Непонятные, аббревиатурные названия зачастую смущают пользователей. Оптимальный вариант — чтобы название описывало действие. А если у вас в разделе настроек есть такие названия как “Общие настройки”, “Специальные настройки”, “Опции” и “Избранное”, то пользователю будет сложно что-то найти. В моей камере (см картинку выше) есть четыре вкладки с настройками изображения. Как вообще узнать, что в каждой вкладке?
Или, если вернуться к вотсапу: как понять что New Message > Note — это настройка звука уведомлений? Правильным названием было бы “Звук нового сообщения” или “Тон для нового сообщения”;
Настройки по умолчанию
Продуктовые дизайнеры по умолчанию устанавливают те настройки, которые, как им кажется, максимально подходят для эффективного использования продукта. Иногда дефолтные настройки оказываются не достаточно универсальными, и тогда продукт кажется пользователю бесполезным, пока он не настроит его под свои нужды.
Решения
Поиск
Гибкий и конфигурируемый продукт (такой, как браузер, например) обычно содержит слишком много настроек. Бродить по вкладкам настроек наугад — не самый простой способ, а вот поиск решает большинство проблем. Если в вашем продукте много настраиваемых опций, поиск определенно нужен.
Группировка
Группировка помогает людям найти нужную опцию. Существует два способа группировки настроек: по характеру использования и по типу настроек.
Группировка по характеру использования:
В широком плане вы можете разделить все настройки на две группы: общие настройки и расширенные настройки. При таком способе группировки важную роль играет ваша индивидуальная статистика. Только на основании статистических данных можно определить, что будет относиться к общим настройкам, а что к расширенным.
Отталкиваясь от частоты использования, вы также можете выделить ряд “быстрых настроек”. Например, у антивируса Nod32 на основном экране есть вкладка с самыми часто изменяемыми настройками — отличное решение.
Собирайте данные об использовании тех или иных настроек — это поможет вам сгруппировать их наиболее эффективно. Кроме того, можно создать небольшой опрос, чтобы узнать предпочтения пользователей. Так вы поймете, насколько гибким пользователи видят ваш продукт, и достаточно ли в нем настроек.
Группировка по типу настроек:
Логическое разделение опций на понятные группы значительно облегчает поиск. При структурировании настроек, можно использовать несколько методов группировки.
Экран настроек на Facebook
Лучший способ сгруппировать настройки — это сортировка карт. Существует несколько техник сортировки карт: выбирайте тот, который больше подходит вам.
Вспомогательный текст
Если настройка непонятная, всегда добавляйте вспомогательный текст. В руководстве по дизайну Android настоятельно рекомендуется сопровождать все настройки с переключателями вспомогательными текстами.
Онбординг
Продукты должны подстраиваться к пользователю, а не наоборот. При первом “контакте” продукт должен понять, как человек намерен его использовать. Если продукт отправляет уведомления на почту, пусть пользователь выберет частоту их отправки. В некоторых случаях лучше сразу предложить пользователю настроить продукт, чем навязывать ему дефолтные настройки.
При запуске нового приложения, iOS всегда запрашивает разрешение на отправку уведомлений.
Вкратце
Настройки — как бы редко они ни использовались — являются важным аспектом вашего продукта. При проектировании настроек, используйте четкие названия и вспомогательные тексты — особенно если суть настроек не сразу ясна. Убедитесь, что нужные настройки легко найти: добавьте поиск или разбейте настройки на понятные группы. Чтобы пользователю было проще настраивать продукт, отобразите текущий статус настроек.