Списки

Списки представляют собой контейнеры элементов со встроенной прокруткой и фокусировкой.

Принципы

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

Единая структура представления элементов : элементы списка должны иметь единую визуальную структуру.

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

Интерактивность : Элементы списка часто представляют собой выбираемые или интерактивные элементы.

Использование и размещение

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

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

При необходимости в списках можно использовать заголовок. Для большей ясности в списке можно использовать статический или «закрепленный» заголовок.

cancel

Не

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

Используйте глубину резкости для обозначения фокуса.

Элементы списка перемещаются в диапазоне от 0 до +4 в зависимости от состояния (сфокусированное и нефокусированное).

Пункты списка могут быть пригодными для выполнения действий.

Элементы списка могут выступать в качестве действий. Действие следует назначать только элементу списка.

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

check_circle

Делать

Выделяйте только тот элемент, который в данный момент находится в фокусе. Это позволит пользователям обнаружить элементы управления, на которые можно навести фокус.

cancel

Не

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

Анатомия

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

А. Контейнер - прокручиваемая область

Б. Пункт списка

C. Системные полосы

Элемент списка: Каждый отдельный элемент в списке.

А. Форма

Б. Граница

C. Ведущая икона

D. Текстовое содержание

Е. Следящий индикатор

Настройка

Большая часть настроек осуществляется с помощью элементов списка.