Списки

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

Принципы

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

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

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

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

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

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

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

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

При необходимости в списках можно использовать заголовок.

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

cancel

Не

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

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

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

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

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

Анатомия

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

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

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

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

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

А. Форма

Б. Граница

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

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

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

Настройка

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