Какой визуальный индикатор подходит для якоря в пользовательском интерфейсе?

Якоря — это ссылки на веб-сайтах, при нажатии на которые пользователь переходит в другую часть экрана. Мы знаем, что кнопки и индикаторы ссылок перенаправляют пользователей на другие страницы или вызывают определенные действия. Но что было бы наиболее подходящим визуальным индикатором, чтобы сказать пользователю, что это якорь?

Поиск существительного проекта по якорю , ссылке , соединению , ярлыку и закладке должен дать вам достаточно идей.
Я бы не стал предполагать, что пользователи все равно будут знать, что означает «якорь», поэтому я бы избегал любых изображений, которые вызывают буквальный якорь. Вы сказали, что это переносит вас в другую область экрана, я бы использовал что-то, что показывает, куда вы идете, в качестве визуального индикатора (например, маленькую стрелку направления).

Ответы (2)

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

Плавная прокрутка поддерживает понимание того, что пользователь остается на странице ( см. эту статью Smashing Magazine об умных переходах ).

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

Пара идей (первые 3) и используйте четвертую для внешних ссылок.

введите описание изображения здесь

Я не уверен, что какой-либо из них работает особенно хорошо. Помнить; пользователи не кодеры (в основном), поэтому не ожидайте, что они поймут, что это называется Anchor.
Я знаю, что вы имеете в виду, но многие приложения сегодня используют ряд загадочных значков. Не всегда легко представить идею в виде значка для обычных пользователей. Но каким-то образом люди привыкают к ним, когда они их пробуют, верно? И много раз разработчики приложений и дизайнеры UX обращались к этим более техническим значкам, не имея других вариантов или чтобы избежать более сложных решений. Или они добавят подписи или наложения рядом со значками, чтобы сделать их более четкими. Я бы на самом деле использовал значок цепочки (второй), так как он кажется довольно близким для этой цели.
Я должен согласиться с Digital Lightcraft в этом вопросе, Люциан. Я думаю, что большинство этих значков имеют довольно четкое значение для обычного пользователя (хэштег, ссылка, «якорь», внешняя ссылка/новое окно). Попытка переопределить значение общего значка не очень хороша для удобства использования. Я думаю, что якорь - единственный, который я не вижу регулярно используемым, но даже это потребует от пользователя понимания (или, что еще хуже ... УЧИТЬСЯ), что вы подразумеваете под «якорем».
Не стесняйтесь вносить свой вклад, ребята, так как это были всего лишь предложения. Они могли или не могли работать для этой цели. Между прочим, якорь HTML для ссылок на той же странице появился задолго до того, как появились хэштеги - rapidtables.com/web/html/link/html-anchor-link.htm
Какой визуальный индикатор подходит для якоря в пользовательском интерфейсе?
СпросиСетьПолитика конфиденциальности1y, 0v