Почему мою ссылку не замечают?

Я довольно новичок в дизайне. На данный момент у меня такая конструкция:

дизайн веб-страницы
Щелкните изображение для полного разрешения

Как видите, в правом верхнем углу есть небольшая ссылка ( ссылка Upload Prenda ). При нажатии он переключает загрузку div, чтобы она выглядела следующим образом:

Дизайн сайта
Щелкните изображение для полного разрешения

наоборот..

Сама ссылка выглядит так, как будто пользователь не увидит ее сразу или может не заметить во время использования веб-страницы.

Как привлечь внимание к этой ссылке, чтобы ее не пропустили?

Согласно исследованию, которое я не могу найти в данный момент, использование оранжевого цвета для ссылок/кнопок имеет наибольший эффект, побуждая людей нажимать на них. Это может помочь вам, и я думаю, что один или несколько оранжевых элементов не будут выглядеть неуместно в вашем дизайне. Я бы сделал это кнопкой, а не текстовой ссылкой, потому что ее очень легко пропустить. Советы Райана о близости также очень актуальны здесь.
Простой ответ таков: люди видят и узнают форму, которую нужно заполнить, просматривают форму сверху вниз, сосредоточив внимание на форме, и никогда не смотрят на что-либо еще на странице, потому что формы обычно идут сверху вниз.

Ответы (2)

Проблема с вашей ссылкой - близость и акцент.

Если вы хотите, чтобы люди заметили это, вам нужно добавить дизайн ко всей странице, например, цвета фона, чтобы направлять пользователя к разным частям. Это отправная точка для добавления акцента в Upload Prenda.

В зависимости от того, что вы делаете с фоном, графикой и дизайном, вам также может понадобиться настроить параметр Proximity . Это означает переместить элемент ближе к остальному контенту, чтобы пользователь мог понять, что они связаны. Если вы посмотрите на Gestalt Proximity , вы увидите оранжевые точки в разных схемах группировки и близости друг к другу. В вашем текущем дизайне у вас есть группа точек вверху страницы, другая группа посередине, а затем одинокая точка «Загрузить Prenda» сбоку. Он должен быть сгруппирован либо визуально, либо пространственно, либо вместе с остальным контентом.

Я надеюсь, это поможет вам.

Это ответ в его самой простой форме (хорошая вещь). Сама ссылка находится так далеко в стороне, что ее либо игнорируют (не хватает акцента), либо, что более вероятно , сбрасывают со счетов как не относящуюся к самой форме (не близкую).
И еще - поскольку ссылка находится в правой части страницы, ее чаще будут упускать из виду из-за F-формы ( nngroup.com/articles/f-Shaped-Pattern-Reading-Web-Content ), за которой следуют глаза пользователя при сканировании страницы.
Эй, большое спасибо, я просил общее решение, я действительно не знаю, почему оно опубликовано как не по теме. -_-

Самый простой способ на мой взгляд прост - подчеркнуть ссылку!

С тех пор, как были изобретены ссылки, все они были подчеркнуты и легко узнаваемы. Подчеркивание было самым простым, очевидным и недвусмысленным способом отображения ссылок.

Затем пришла эта новая тенденция, и по какой-то причине сайты начали удалять подчеркивания. Может быть, потому, что они воспринимались как «скучные», «старомодные», «уродливые» и так далее. К сожалению, результатом является постоянная путаница, заставляющая пользователя угадывать, является ли то или иное по-прежнему ссылкой или нет. А потом, что еще хуже, подчеркивание стало использоваться не только для ссылок. Чтобы путаница достигла своего совершенства :)

Так что мой совет прост:

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

  • Если, с другой стороны, цель вашего сайта практична и функциональна и, что наиболее важно, должна быть проста в использовании, пожалуйста, ставьте UX и удобство использования выше красоты и подчеркивайте свои ссылки. И больше ничего не подчеркивайте.

Такие сайты, как amazon или ebay, некрасивы, но они работают.

хороший ответ, сэр :)
Хорошие веские доводы, но я считаю, что «удобство использования и удобство использования превыше красоты» должно быть стандартом для всех веб-сайтов, по которым я действительно хочу перемещаться.
@SaturnsEye Действительно :)