Программисты очень любят всё обводить или собирать в рамки. Для них это выглядит как некий порядок, когда все разложено по своим “коробочкам”.  Обычным клиентам на сайте или в программе из-за обилия лишних элементов на экране очень сложно найти нужную информацию. Давайте сегодня рассмотрим, когда действительно нужно и полезно применять рамки групп.

Рамки групп применяются для выделения связанных по смыслу групп элементов.

Рисунок 1.

Ошибочными могут быть следующие варианты:

• Использование рамки вокруг одного параметра
• Рамка в рамке
• Рамка вокруг всего окна/вкладки

Рисунок 2.

Рамка добавляет визуальный шум и усложняет восприятие, особенно если она применяется не по назначению – выделить группу.

Не используйте рамки групп, там где нет групп:

Рисунок 3

Проверочный список:

• Не используйте рамку группы для:
  • настройки единственного параметра
  • другой рамки
  • если в окне есть только одна группа
• Используйте линии для визуального разделения областей окна

А вы правильно используете рамки групп на сайте или приложении?  Проверьте прямо сейчас.

Узнайте как эффективно использовать все элементы управления на нашем тренинге “Эффективное использование элементов управления”