Чужие мысли

Переводы и статьи по дизайну интерфейсов, юзабилити и web-разработке

Размещение стрелок рядом с текстовыми ссылками

Should Arrows be Placed Before Link Text or After?
Автор: Dmitry Fadeyev
Источник: Usability Post

Иногда хочется расположить символ-стрелку или иконку с изображением стрелки рядом с текстовой ссылкой, чтобы сделать ее более изящной и привлечь внимание пользователей. Такие маленькие стрелки часто можно видеть рядом со ссылками «Читать дальше» в публикациях в блогах или «Подробнее» в описаниях товаров. Есть два варианта размещения стрелок:

Размещение стрелок рядом с текстовыми ссылками

Сегодня рассмотрим вопрос о том, как располагать стрелки: перед текстом или после.

Стрелка перед текстом

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

Стрелка после текста

Стрелка, расположенная после текстовой ссылки, указывает на что-то, расположенное вне. Это сообщение «эй, нажмите, чтобы перейти туда». Как дорожный знак, указывающий направление до ближайшего города. Мне не очень нравится, что стрелка указывает в никуда – на пустое пространство за ссылкой. В отличие от стрелки перед ссылкой, фокусирующей внимание на этой ссылке, стрелка за ссылкой наоборот переносит внимание с ссылки.

Что использовать

Лучше всего принимать решение в зависимости от контекста. Если ссылка ведет, например, на полный текст статьи, или на следующую страницу текста, то стрелку, вероятно, лучше ставить после ссылки. Это как знак, указывающий направление – вам туда.

Когда у вас список ссылок, вы можете использовать стрелку перед ссылкой так же, как маркер в списке. Также можно использовать ссылку для указания страницы, на которой пользователь сейчас находится.

Я использую стрелки после текста для ссылок на полные тексты статей, хотя не уверен, что это правильное решение. Я не встречал каких-либо исследований на эту тему, и буду рад услышать ваши мысли по этому поводу.






Комментарии



[...] Размещение стрелок рядом с текстовыми ссылками (русский перевод от Антона Вакуненко) Should Arrows be Placed Before Link Text or After? (оригинальный текст статьи) [...]

Alexei 31.10.2008 01:45

А еще можно использовать примитивные подчеркнутые ссылки ;-)

[...] Размещение стрелок рядом с текстовыми ссылками - интересный перевод статьи Дмитрия Фадеева [...]

Константин 02.11.2008 04:45

Чесно говоря по RSS фиду подумал, что тут будет какое-то мнение. А получается что автор перебрал 2 возможных варианта и сказал: думайте сами.

Впечатление, что тебе пообещали конфетку и зажулили.

Антон Вакуненко 02.11.2008 05:05

Стрелка перед ссылкой фактически является маркером, а значит и должна использоваться как маркер - для привлечения внимания, для выделения (например, текущего пункта в меню).

Стрелка после ссылки используется как указание на то, что эта ссылка ведет на продолжение (полный текст поста, следующая страница в выдаче и т.п.).

[...] элементов сайта в дизайне. Например, простые размышления про стрелки рядом с текстовыми ссылками все возвращают нас к мысли, что применение любого [...]



Оставьте комментарий

You must be logged in to post a comment. Log in