Навигация: кнопки против ссылок

Уже давно среди веб-дизайнеров ведутся споры о том, оправдано ли использование кнопок на сайтах, или все-таки лучше обойтись только обычными текстовыми ссылками. Оба мнения имеют как ярых сторонников, так и не менее ярых противников. Хотя, на самом деле, спорить здесь не о чем. На некоторых сайтах лучше будут смотреться кнопки, на других — ссылки. Дизайнеру остается только выбрать, какой из этих вариантов больше подходит для данного проекта. Но как это сделать? Давайте рассмотрим все плюсы и минусы использования кнопок и ссылок на сайте. Знание этих моментов может существенно облегчить выбор.

Но для начала давайте договоримся, что речь пойдет только об использовании кнопок и ссылок для навигации по сайту — в меню, различных панелях и тому подобном. Дело в том, что в других элементах веб-страниц уже существуют стандарты «де факто», которым следует подавляющее большинство веб-мастеров. Так, например, повелось, что действия, при которых пользователь передает информацию на сервер, запускаются с помощью кнопок. Это может быть ответ в голосовании, написание сообщения в форуме или чате, отправка электронного письма через форму и так далее. В тех случаях когда пользователь скачивает данные себе на компьютер, чаще всего используются ссылки. Это, например, переходы на другие веб-страницы или загрузка файлов. Конечно же, этим правилам следуют не все веб-мастера. Однако интернетчики привыкли к такому разделению кнопок и ссылок.

В навигационных меню все далеко не так однозначно. Кто-то предпочитает использовать в них кнопки, кто-то — обычные текстовые ссылки. Все зависит от предпочтений каждого дизайнера и особенностей конкретного проекта. Причем некоторые веб-мастера при выборе походящего варианта не принимают в расчет будущих посетителей их творений. Это в корне неверно. Все-таки главное в сайте — это удобство и привлекательность именно для пользователей. А поэтому давайте рассматривать кнопки и ссылки в навигации именно с этой точки зрения.

Кнопки

Самое главное преимущество кнопок — это красота. И действительно, их вид ограничивается исключительно фантазией дизайнера. Поэтому на некоторых сайтах можно увидеть настоящие произведения искусства, радующие посетителей, назвать которые простыми кнопками не поворачивается язык. Хотя, опять же, «на вкус и цвет товарищей нет». Кому-то кнопка может понравиться, а кто-то, наоборот, будет «плеваться» на нее.

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

Теперь перейдем к недостаткам кнопок. Их тоже немало. И самый главный из них — дополнительный трафик и время загрузки сайта. хорошо, если картинки кнопок хорошо оптимизированы и «весят» совсем немного. К сожалению, есть еще веб-мастера, которые чересчур увлекаются всевозможными внешними эффектами. Они делают очень красивые кнопки, загрузки каждой из которых при
ходится ждать подолгу. Все-таки не стоит забывать, что на сегодняшний день большинство интернетчиков в России используют для подключения к интернету dial-up, то есть скорость передачи данных у них оставляет желать лучшего.

Второй недостаток использования кнопок в навигации по сайту является следствием первого. Дело в том, что люди, которые используют dial-up, частенько вообще отключают в браузерах показ графики, дабы увеличить скорость загрузки страниц. К ним присоединяется и часть интернетчиков, имеющих выделенные линии. Таким образом они экономят время и трафик, желая платить за доступ к Сети как можно меньше. Ну, а результат этого таков — вместо красивой навигационной панели интернетчики видят пустые квадратики, по которым ничего нельзя понять. Частично исправить эту проблему можно с помощью параметра alt в тегах img. В этом случае в пустом квадрате будет выводиться указанный веб-мастером текст. Так что пользователи хотя бы смогут понять, какая ссылка куда ведет.

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

Кроме того, у использования кнопок есть пара недостатков и для самих веб-мастеров. Во-первых, проработать дизайн и создать красивую, качественную картинку — процесс достаточно длительный. А если учесть, что кнопок на сайте много, а если еще захочется создать изменяющиеся кнопки, а если в будущем понадобится сменить дизайн или навигацию… В общем, времени на это уйдет достаточно много. Но и это еще не все. Текст ссылок, которые будут размещены на картинках кнопок, не будет индексироваться поисковыми системами. Единственное, на что «пауки» обратят внимание — это содержание параметра alt у рисунков. Однако вряд ли это принесет какую-то пользу, поскольку эти тексты имеют очень низкий вес.

Ссылки

Главным преимуществом использования для навигации по сайту обычных ссылок является быстрота их загрузки. С ними не возникнет никаких проблем ни у одного посетителя — все увидят то, что задумывал веб-мастер. Кроме того, их очень легко создавать и настраивать в будущем. И действительно, полностью изменить дизайн всех ссылок можно буквально за полминуты. А возможность использования различных шрифтов, цветов и эффектов (жирные буквы, наклонные, подчеркнутые) позволяет быстро «подогнать» текст практически под любой дизайн. Также, что немаловажно, ссылки индексируются поисковыми системами, причем имеют большой вес и способны помочь в продвижении сайта.

Теперь о недостатках. Самый главный из них — это возможность использования для оформления ссылок только средств языка HTML^*. То есть о различных «красивостях», поражающих посетителей, придется забыть. А для некоторых сайтов, на которых используется большое количество графики, текстовые ссылки вообще не будут смотреться.

Вторая проблема, связанная со ссылками — это масштабирование. Она заключается в следующем. Если размер шрифта задан дизайнером явно, то при большом разрешении экрана он станет мелким, и читать его будет тяжело. А если этот размер не указан, то пользователь может увеличить его прямо у себя в браузере. Вот только в этом случае велика вероятность того, что дизайн «поедет», и сайт превратится непонятно во что.

Подводим итоги

итак, мы с вами, уважаемые читатели, выяснили, какие плюсы и минусы есть у использования в навигации по сайту кнопок и ссылок. решение о принятии того или иного варианта сильно зависит от типа создаваемого веб-проекта. Так, например, на информационном сайте с
относительно простым, не вычурным дизайном лучше всего использовать ссылки. А если вы работаете над имиджевым проектом, целью которого является продвижение какой-то торговой марки, то тут не обойтись без кнопок. Причем чем более запоминающимися они будут, тем лучше.