6 правил оптимального оформления гиперссылок
Среди остальных элементов веб-дизайна сайта гиперссылки – один из важнейших. Чтобы обеспечить пользователю максимально удобное их использование, нужно уделить соответствующее внимание их оформлению. Когда массовая рассылка стартовала - нужно обратить внимание на удобство самого письма.
Посетитель сайта должен визуально с первых мгновений определять, что перед ним именно ссылка, а не какой-либо иной компонент дизайна. Однако стоит помнить, что аляповатое оформление скорее произведет негативное впечатление или вообще запутает человека, нежели стимулирует его кликнуть ссылку. Поэтому ее необходимо отделить от текстовой массы и оформить, используя традиционные для веб-дизайна стилистические схемы, позитивно воспринимающиеся пользователями.
Основы оформления ссылок:
1. Выделяйте цветом (color).
Для ссылок привычно использование синего цвета, но если колористика сайта не приветствует оттенки синего, можно выбрать другой, более подходящий цвет.
2. Подчеркивайте (text-decoration).
Вы заметили, конечно, что ссылки подчеркиваются. Не пренебрегайте этим приемом, но и не используйте его для других элементов, чтобы не запутать пользователя.
3. Меняйте фон (background-color).
Выделите гиперссылку другим фоном или предусмотрите подобные изменения при наведении курсора.
4. Применяйте жирный шрифт Bold (font-weight).
Так вы привлечете дополнительное внимание к элементу.
5. Обрамляйте (border).
Выделяйте ссылку рамкой.
6. Введите различия.
Состояние ссылки отображайте с помощью смены стиля:
• a:link соответствует нормальному состоянию ссылки;
• a:hover – при наведении курсора;
• a:visited показывает, что ссылка посещалась пользователем ранее.
Если вам по душе экзотическое оформление гиперссылок, то обязательно протестируйте выбранную схему в соответствии с юзабилити сайта. Интенсивная спам рассылка тоже требует тестирование макета на юзабилити. Не оставляйте без внимания ни единой мелочи. Проверьте работу каждой ссылки в различных браузерах.
Copyright © FastRekalama.ru.
Копирование только с активной ссылкой на источник!
|
