UX Guide
Главная страница » Избегайте проектировать формы в несколько колонок

Избегайте проектировать формы в несколько колонок

формы в несколько колонок

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

Мы исследовали процесс чекаута в интернет-магазинах и увидели, как пользователи заполняют формы в несколько колонок.


Не надо в формах располагать поля в несколько колонок.


 

Одна из проблем таких форм — пользователи воспринимают поля формы непоследовательно. Вот пять вариантов, как пользователь может заполнить обычную двухколоночную форму:

формы в несколько колонок
Какая взаимосвязь между полями? Заполнять только одну колонку или обе? Есть ли какая-то последовательность заполнения полей?

Вот видео, в котором двое респондентов заполняют формы в несколько колонок в рамках нашего исследования юзабилити:

Обратите внимание, первый респондент решил, что надо заполнить либо поля в левом столбце, либо в правом, хотя заполнить надо было все поля. Второй решил заполнить сначала левый, а потом правый столбец, несмотря на то, что между столбцами написано «ИЛИ» (OR).

Исключения

Отклонения от одноколоночного принципа мы обнаружили при тестировании полей:

  1. «Имя», «фамилия».
  2. «Страна», «штат».
  3. «День», «месяц», «год».

У респондентов не было проблем с заполнением формы, когда эти поля располагались рядом, то есть в несколько колонок.

Но в остальных случаях располагайте поля формы в одну колонку.

Источник: medium.com

Оригинал статьи: Form Field Usability: Avoid Multi-Column Layouts