Принцип работы системы компоновки экранных форм заключается в эффективном распределении доступного пространства между элементами интерфейса и поиске для них наиболее предпочтительных размеров. 3
Некоторые рекомендации по компоновке форм:
- Логическая последовательность. 5 Поля располагают в порядке, который соответствует процессу заполнения. 5 Например, сначала запрашивают личные данные, затем информацию о доставке или оплате. 5
- Группировка. 15 Связанные поля объединяют в группы. 5 Например, поля с адресом можно сгруппировать вместе, чтобы можно было быстро понять, что они касаются одной темы. 5
- Использование отступов и пробелов. 5 Это создаёт визуальную чёткость и уменьшает чувство перегруженности. 5
- Выравнивание элементов. 1 Одни элементы интерфейса настраивают в соответствии с соседними. 1 Например, по умолчанию текстовые значения отображаются по левому краю текстового поля, числовые — по правому. 1
- Значимость данных. 1 Распределение информации в форме происходит в зависимости от приоритета данных — от самого важного к менее значимому. 1