Управление выбором

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

iOS

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

Используйте отдельный экран для выбора в больших списках значений. Длинные списки могут быть утомительными для навигации в пикере. Для более длинных списков вариантов или, когда возможен множественный выбор, как на iOS, так и на Android, часто встречается выделенный «экран выбора».

Android

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

Меню, которое открывается на месте

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

Модальные диалоговые окна со списком вариантов выглядят так:


Чтобы не пропустить новую заметку — подпишитесь на мой канал в Телеграме или RSS.

Лайкнуть
Дизлайкнуть
Поделиться
Отправить
Запинить
Популярное