Гайдлайн по iOS на русском. Часть 57 — Вьюшки: Предупреждения

Привет. Меня зовут Руслан. Я UX/UI дизайнер в Siemens. У меня есть ютуб-канал, на котором записано несколько плейлистов по основам UX/UI дизайна (лайк, подписка и тд). В этой серии постов я делюсь вольным переводом iOS гайдлайна на русский язык. Как и с переводом Material Design все части будут объеденены в 1 notion документ. Оригинальный источник этой части: здесь.

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

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

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

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

Заголовки и сообщения

Пишите короткие, полные и понятные заголовки. Хотя, как правило, лучше использовать меньше текста, заголовки из одного слова редко дают достаточно информации. Насколько это возможно, пишите заголовок, который кратко описывает ситуацию, не требуя дополнительного текста. Если заголовок представляет собой законченное предложение, используйте заглавные буквы в стиле Набора с большой буквы (это пример стиля) и добавьте в конце точку; если же заголовок представляет собой лишь часть предложения, то используйте стиль Набора с Заглавной Буквы (это пример стиля) и не добавляйте точку.

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

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

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

Кнопки в предупреждениях

Пишите краткие, логичные заголовки для кнопок. Стремитесь к тексту из одного или двух слов, который описывает результат выбора. Предпочитайте глаголы и глагольные фразы, которые напрямую связаны с заголовком предупреждения и сообщением — например, “Посмотреть все”, “Ответить” или “Игнорировать”. Используйте “ОК “для простого принятия и избегайте использования слов “Да” и “Нет”. Всегда используйте слово “Отмена” для заголовка кнопки, которая отменяет действие. Как и во всех кнопках, используйте стиль Заглавных Букв (это пример стиля) и без знаков препинания.

Размещайте кнопки там, где их ожидают люди. В типичном предупреждении с двумя кнопками — кнопка, на которую люди, скорее всего, нажмут, находится слева (с конца, если читать слева-направо), а кнопка отмены справа (спереди, если читать слева-направо). Если в предупреждении более двух кнопок, то они расположены вертикально, с наиболее вероятной кнопкой вверху и кнопкой отмены внизу.

Явно покажите деструктивные кнопки. Если кнопка в предупреждении приводит к деструктивному действию, такому как удаление контента, используйте соответствующий стиль (красный текст). В этом случае не забудьте также показать кнопку “Отмена” в предупреждении, чтобы люди могли явно отказаться от деструктивного действия. Используйте стиль по умолчанию для кнопки “Отмена”, чтобы люди также могли использовать ее, нажав клавишу “Возврат” на клавиатуре.

Позвольте людям закрыть предупреждение, вернувшись на главный экран. Когда на экране вашего приложения появляется предупреждение, разрешайте возврат на домашний экран системы, без насильного требования сделать какие-либо действия. Люди также ценят если есть возможность закрыть предупреждение, нажав клавишу Escape (Esc) на клавиатуре или используя стандартную комбинацию клавиш- Cmd+Точка (.).