Pull to refresh

Выбор из длинного списка, ускоряем процесс правильно

Interfaces
Мини статья посвящена небольшой оптимизации длинных списков в формах, и написана из личного опыта использования и доработки интерфейсов.

Довольно часто приходиться сталкиваться с необходимостью дать пользователю выбор из большого списка вариантов, особенно при заполнении разных форм. К примеру, пользователь должен указать свою страну. Список стран может насчитывать 100 и более штук (194 по данным Госдепартамента США), как их расположить?

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

Но вот тут встаёт проблема — многие по привычке откроют список и в начало его не посмотрят, потому, что уже давно привыкли листать его вниз до первой буквы своей страны, и эта буква — не «А». На обычном месте страну они уже не найдут (именно с такой проблемой я сталкивался несколько раз).

Далее есть три варианта развития событий:
  • опытный пользователь проверит начало списка;
  • непринципиальный пользователь просто выберет страну случайным образом;
  • принципиальный пользователь может оскорбиться, посчитав это провокацией (особенно, если страна признана не всеми государствами или находится в стадии борьбы за свою независимость).

Как нам удовлетворить этих троих, избежать возможного скандала и ускорить работу тем, кто в начало списка смотрит? Надо действовать просто: любые изменения в начале или конце списка не должны нарушать его, а должны идти по добавочному принципу. То есть, список начинается пунктами Беларусь, Россия, Украина и другие самые частые страны, а потом идёт список по алфавиту, где все эти страны снова есть.

Это в принципе хорошее правило при улучшении интерфейсов — добавляя новый способ работы, не убирай старый, пока пользователи полностью не отвыкнут от него.
Tags:интерфейсдлинные спискисписок
Hubs: Interfaces
Total votes 26: ↑15 and ↓11 +4
Views688

Comments 16

Only those users with full accounts are able to leave comments. Log in, please.

Popular right now

iOS-разработчик с нуля
April 14, 202187,900 ₽Нетология
Web-разработчик на Python
April 15, 202149,000 ₽OTUS
Машинное обучение
April 15, 202156,000 ₽Нетология
JavaScript Developer. Professional
April 15, 202172,500 ₽OTUS
STYL
April 15, 202171,500 ₽XYZ School

Top of the last 24 hours