TGViewer
UX Notes UX Notes @uxnotes · 23.7K subscribers
Post #804 4.98K
Анна Кейли из Nielsen Norman Group написала о листбоксах и раскрывающихся списках: из чего состоят, как работают, когда их лучше использовать.

— Листбокс состоит из контейнера, списка вариантов для выбора, текстовой подписи. Пользователь может выбрать один или несколько вариантов, нажимая на них. Если вариантов много и размер листбокса небольшой, в контейнере может быть прокрутка;
— Типы: 1) С выбором одного варианта; 2) С выбором нескольких вариантов через нажатие Control или Command; 3) С чекбоксами; 4) С двумя контейнерами;
— Вариант с чекбоксами часто встречается в фильтрах интернет-магазинов;
— Вариант с двумя контейнерами иногда можно встретить, например, при настройке состава и порядка столбцов в таблице. Пользователи могут переносить элементы списка из одного контейнера в другой и менять их порядок;
— Листбоксы и раскрывающиеся списки используют, когда места мало, а вариантов для выбора больше 5;
— Листбоксы хорошо подходят для отдельных задач (см. выше) и если надо обратить внимание пользователя на основные варианты для выбора;
— С ними проще взаимодействовать, чем с раскрывающимися списками: часть вариантов можно выбрать сразу, остальные — после прокрутки контейнера. При прокрутке длинного и узкого раскрывающегося списка пользователь может случайно сдвинуть курсор в сторону и закрыть список;
— Минусы: они непривычны пользователям и занимают больше места, чем раскрывающиеся списки.

https://school.usabilitylab.ru/ulblog_8_2368/
More from @uxnotes
  1. Oct 6, 2026Андрей Шапиро написал о слабых местах подхода SDD (Specification-Driven Development) в аге…
  2. Oct 2, 2026Сархан Громов написал о проблеме связи брендинга и интерфейса. Фирменные приёмы могут отли…
  3. Oct 1, 2026Post #1813
  4. Sep 30, 2026Александр Краснобаев написал об а/б-тестах на малом трафике. • Нельзя выбирать один из вар…
  5. Sep 27, 2026Елена Плинер написала о юзерфлоу. — User flow — это блок-схема пользовательского пути в ра…
  6. Sep 23, 2026Ночной UX — цифровая вечеринка от Сбера Необычные решения, творчество и ошибки делают нас…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →