Наименьший рекомендуемый размер кнопки - PullRequest
Новая
       8

Наименьший рекомендуемый размер кнопки

3 голосов
/ 24 января 2010

Есть ли рекомендуемый наименьший размер кнопки при нормальных условиях?

Под «рекомендованным» я подразумеваю предписанное некоторым документом, таким как:

  • Руководство по HCI для Apple
  • Руководство по Windows UX
  • или некоторый стандарт ISO.

Под "нормальными" условиями я имею в виду:

  • рабочий стол / офисное использование
  • стандартное разрешение монитора 96 точек на дюйм
  • мышь / сенсорная панель для наведения (без сенсорного экрана)
  • пользователи с ограниченными возможностями или слабовидящие
  • стандартная "тема" (без крупных шрифтов / значков)

Ответы [ 3 ]

4 голосов
/ 01 февраля 2010

Руководство по UX от Microsoft для Windows 7 и Vista рекомендует:

"Сделайте цели кликов размером не менее 16x16 пикселей, чтобы их можно было легко щелкнуть любым устройством ввода. Для касания рекомендуемый минимальный размер элемента управления составляет 23x23 пикселей (13x13 DLU)."
где
"Диалоговая единица (DLU) - это независимая от устройства метрика, в которой одна горизонтальная единица диалога равна одной четвертой средней ширины символа для текущего шрифта, а одна вертикальная единица диалога равна одной восьмой высоты символа для Текущий шрифт. Поскольку символы примерно в два раза выше их ширины, горизонтальный DLU примерно такого же размера, что и вертикальный DLU, но важно понимать, что DLU не являются квадратной единицей. "

Вы также можете посмотреть Закон Фиттса , который вычисляет время, необходимое для выполнения действия, в зависимости от целевого размера. Это может помочь математически определить компромиссы для кнопок разных размеров.

0 голосов
/ 16 сентября 2010

В дополнение к тому, что предложила MsLis, руководство по UX также предлагает минимальную ширину 75 пикселей специально для командных кнопок.

Руководство по UX - Рекомендуемые размеры и интервалы

0 голосов
/ 03 апреля 2010

Ну, я стараюсь, чтобы важные / общие цели мыши были как можно большего размера, не выглядя плохо, что-то около 20 пикселей (при условии 96 DPI) высоты и столько ширины, сколько необходимо для размещения меток. Если у кнопки нет меток, что очень редко, я обнаружил, что на самом деле удобно иметь аспект, например, 20w / 50h (со значком сверху, а не по центру), поскольку мышь легче перемещать в горизонтальном направлении. Так что также хорошо держать их в одном ряду.

...