November 1, 2020

Цитаты из Гайдлайнов

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

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

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

Задача предупреждений заключается в уведомлении пользователя о критической информации и, иногда, заставить (или подтолкнуть) пользователя принять определенное решение.

Предупреждение всегда содержит заголовок (который не должен быть длиннее чем одна линия) и одну (для информационных предупреждений, например кнопка «Хорошо») или две кнопки (для предупреждение которые предусматривают принятие решения, например кнопки «Отправить» и «Отменить»).

В идеале, нужно стараться минимизировать количество используемых модальных окон в приложении. Их необходимо использовать только в 2 случаях:

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

Рекомендации по созданию модальных окон:

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

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

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


Часы

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

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

Глансы

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

Глансы должны предоставлять полезную информацию. Не используйте глансы просто для привлечения пользователя к своему приложению.

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

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

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

  • Критически важно привлечь внимание пользователя.
  • Самостоятельная задача должна быть выполнена либо отменена чтобы избежать потери пользовательских данных.

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

Используйте контрастные цвета для текста. Это делает текст более легко читаемым.

Если пользователь не может прочитать слова в вашем приложении, то совершенно неважно насколько прекрасные шрифты и стили вы использовали.

Красивая анимация пронизывает часы Apple и делает пользовательский опыт более интересным и динамичным. Хорошая анимация может:

  • Отобразить текущее состояние и обеспечить обратную связь.
  • Помочь людям увидеть результаты своих действий

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

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

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

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