TGViewer
UX Notes UX Notes @uxnotes · 23.7K subscribers
Post #808 4.96K
Тэмми Чжоу написала о степпере для ввода числовых данных.

Степпер — контрол из 2 сегментов, нажатие на которые с определённым шагом увеличивает или уменьшает число. Аналоги степперов есть в голосовых интерфейсах, например, команда «Сделай громче/тише».

Плюсы:
— Число можно изменить без клавиатуры, просто кликнув нужное количество раз на один из сегментов степпера. Хороший вариант, если у устройства нет клавиатуры (терминал) или надо избежать ввода нецифровых значений;
— Контролы интуитивно понятны. Для людей, читающих слева направо, контрол увеличения обычно располагают справа от числа или над ним, а уменьшения — слева или под;
— Незначительно изменить число очень легко;
— Хорошо подходит, если пользователю надо просто увеличить или уменьшить значение, а не установить конкретное число. Например, сделать звук погромче или текст покрупнее.

Минусы:
— Контролы обычно довольно мелкие и располагаются слишком близко друг к другу, что неудобно;
— Плохо подходит, если пользователи часто меняют значение по умолчанию, и оно сильно отличается от пользовательских значений.

Рекомендации:
— Значения по умолчанию должны соответствовать тому, что пользователи вводят чаще всего. Например, стоит установить «2» для количества гостей при заказе столика в ресторане;
— Не используйте степпер, если сложно выбрать подходящий шаг. Например, для ввода цен и расстояний;
— Обозначайте чётко, что значением конкретного поля управляет степпер;
— Используйте большие контролы на мобильных и настольных устройствах. Например, на мобильных область нажатия должна быть не менее 1×1 см;
— На мобильных устройствах лучше использовать горизонтальный степпер, на него проще нажимать пальцем;
— Размещайте символы + и − на горизонтальных степперах и стрелки вверх и вниз (шевроны) на вертикальных;
— При необходимости давайте изменить число с помощью текстового поля, поддерживайте нажатие кнопок вверх, вниз, вправо и влево на клавиатуре, а также долгое нажатие на контролы для быстрого и значительного изменения.

[English] https://www.nngroup.com/articles/input-steppers/
Nielsen Norman Group Design Guidelines for Input Steppers Reduce input effort for fields with values that vary little from the default by allowing users to increase or decrease the number in a single button press.
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 →