Руни Госвами написала, как в Lyft упорядочили использование сегментированных контролов.
Этот компонент собирались удалить из дизайн-системы из-за невостребованности, но решили сначала разобраться.
В Apple определяют Segmented Control как линейный набор из двух или более сегментов, которые работают как взаимоисключающие кнопки. Часто его используют для переключения различных представлений (например, отображение карты в формате схемы, снимков со спутника или гибридном).
В Material Design для навигации есть табы, а сегментированные Toggle Buttons используют для группировки кнопок и не относят к контролам выбора (среди которых только чекбоксы, радиокнопки и переключатели). Кнопки могут не быть взаимоисключающими.
Аудит выявил 14 разных сегментированных контролов в 10 продуктах Lyft. Они различались стилистически и семантически (для навигации и выбора). Компонент дизайн-системы оказался невостребованным из-за недостаточной гибкости.
— Добавили стилей: текст, иконка, текст с дополнительной информацией, когда работа с компонентом — основное действие;
— Показали, как новый компонент работает на существующих экранах;
— Для фильтрации и навигации решили использовать табы;
— Нарисовали схему принятия решения, когда какой контрол использовать (очень полезно);
— Сегментированный контрол решили использовать, когда вариантов для выбора от 2 до 5, они однородны и состоят из 1−2 слов.
https://ux.pub/kak-my-uluchshili-segmentirovannye-elementy-upravleniya-segmented-control/
Post #800
4.52K