Главное правило экранных интерфейсов в вёрстке

Артемий Лебедев написал в Ководстве:
В экранных интерфейсах любые элементы управления не должны быть по площади меньше площади курсора (16×16 пикселей).
Главное правило экранных интерфейсов в вёрстке
Я не знаю, главное ли это правило, но мне оно нравится, и я хочу рассказать, как недавно его применил в своей вёрстке.

Нужно было сверстать айфоно-подобные точечки, показывающие какой из экранов виджета сейчас активен. Типа, таких:
Точечки-переключалки

Размер точки — 6×6 пикселей. Явное нарушение правила! Но предположим, что дизайнер решил использовать эти точечки только для индикации, поэтому греха за ним, предположительно, нет. Я же подумал, а почему бы не сделать точки тыкабельными. И сделал. Но пока тестировал их, меня не оставляло чувство дискомфорта от прицеливания курсора к таким мелким элементам. И тут я вспомнил о ледебевском правиле.

Конечно, увеличить диаметр точки до 16 пикселей я не мог, но изменить внутренние поля мне никто не мешал:


После такой нехитрой манипуляции пользоваться точками стало удобно и приятно. Чтобы не быть голословным я сделал небольшой пример.
Share
Send
2 comments
Антон Шеин 2011
Ну так Артём Горбунов же всегда говорил — кликабельный размер должен быть больше видимого. :)
Артём Поликарпов 2011
А я вот и буду тут делиться тем, что говорит Артём :-)
Николай Товеровский 2011
Получается про закон Фитса ты не знал?
http://raskin-interface.narod.ru/interface/chapter4.htm
(см. п. 4.4.1.)
Артём Поликарпов 2011
Не знал, но теперь-то понял, почему автоматически скрываемое меню у меня не прижилось.
Popular