ШКОЛА ВЕБ ДИЗАЙНА

Спорное оформление вкладок и кнопок

Иллюстрация к статье «Спорное оформление вкладок и кнопок»

 

Есть 1 вопрос, поиском ответа на который я занимаюсь уже некоторое время: "Стоит ли подчеркивать ссылки, когда они стилизованы под меню-закладки или кнопки?" То есть, тот наиболее текст, который пишется на элементах управления.

Не отыскал ответов на этот вопрос в книгах и трудах от гуру юзабилити, там более о реализации и состояниях таких наиболее кнопок и табов. Потому пришлось побродить по интернете, поглядеть наглядные примеры и сделать собственные выводы.

Ход мыслей

Чтоб всем стало ясно, о чём идёт речь, маленький пример оформления кнопки.

Моё мнение - подчёркнутый текст вызывает ощущение, что текст и фон на кнопке не единый элемент. Неподчёркнутые ссылки, в этом плане, смотрятся более цельно, а не как текстовая ссылка с фоном-подложкой.

И, как это нередко бывает, одни неправильные решения влекут за собою иные:

1. нередко не соблюдаются принципы некоторого количества состояний для кнопки (фона): обычное, при наведении и активное (как в примере с неправильной кнопкой). Они просто отсутствуют.

2. область реагирования серьезно менее чем размер элемента:

Пример правильной и неправильной области реагирования кнопок

В принципе, всё что описано выше, тоже относится и к оформлению меню-закладок. В них также нередко встречаются точно подобные же ошибки.

Более того, у вкладок ещё может оказаться одно состояние - открытая, указывающая на текущую страницу.

Надуманная сложность?

Тем, кто сомневается в том, что разница в оформлении подобных привычных пользователям элементов есть, предлагаю своими силами попутешествовать по интернете и присмотреться к реализации кнопок и закладок. Думаю, результаты вас удивят.

Ну а это I-е, что попалось мне на глаза:

Пример оформления закладок на сайте sape.ru

Пример оформления закладок на сайте nytimes.com

Открытый вопрос

Едва ли это грубые ошибки в дизайне, скорее правила хорошего тона, однако я стараюсь придерживаться в работе тех принципов, которые описал в этой статье как "правильные".

А ваше мнение?

Все права защищены. Любое копирование материалов строго запреещено

WEB-Design School

E-mail: web-design-1@yandex.ru

Конструктор сайтовuCoz