keeper Mar 28 2007 at 12:28

Ссылки, указывающие на действие с перезагрузкой страницы или без.

1 min

1.4K

Interfaces*

+25

Comments 36

UFO just landed and posted this here

keeper Mar 28 2007 at 13:02

Да, но чаще всего я встречал подчеркивание пунктиром в случаях, подобных примеру запроса на Яндексе (под формой поиска). А чтобы по нажатии на подобную ссылку происходила какая-либо отправка данных или их получение, я не припомню :)

klyuchnik Mar 28 2007 at 13:13

Варианты курсора еще больше стандартизированы (с появлением графического интерфейса) - конкретный вид отвечает за конкретное действие операционной системы. Об этом должны задумываться производители софта: операционных систем и браузеров.

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

ps.
В Студии Лебедева 6 лет назад экспериментировали над разными видами курсора при совершении определенного действия на сайте. Тогда идея прижилась только в админках. Как сейчас - не знаю ;)

drJonnie Mar 28 2007 at 15:12

Стандарт с подчеркиванием пунктиром придумал "сами знаете кто" (во всяком случае, популяризовал). ИМХО, пока это лучший способ.

flamefork Mar 28 2007 at 12:48

Большинство того, что делается без перезагрузки страницы, не должно быть ссылкой.
Для этого есть кнопки.
В Google Reader это тоже недавно поняли :)

keeper Mar 28 2007 at 13:12

Кнопка воспринимается как действие к отправке данных из заполненной формы. А в существенном большинстве случаев - это перезагрузка страницы.

Представьте себе вместо ссылки "ответить" (прямо под этим текстом) кнопку. Пользователь войдет в транс :) ... Сейчас тут ссылка, но тоже не совсем понятно, откроется новая страница или нет. Подчеркивание пунктиром или другой курсор - выход. Хотя сейчас подумал - в случае другого курсора необходимо подвести к ссылке мышь, чтобы понять действие ссылки. Лишнее действие. Выход один - пунктир!?

klyuchnik Mar 28 2007 at 13:17

Еще есть идея делать ссылки отличного цвета. Например гипертекстовый переход - давно принят синим цветом. Тут надо придумать свой цвет - например зеленый.

Например, на Википедии очень удобно сделаны ссылки с синим и красным цветом.

keeper Mar 28 2007 at 13:20

Цвета очень сложно стандартизировать. Если бы на всех сайтах была одна цветовая гамма... :)

klyuchnik Mar 28 2007 at 13:27

Возможно стандартизировать и не нужно. Например, в ХабраВики описать "цветовая схема ссылок" и что она означает.

Я за цветовое разделение, так как для глаз легче и быстрее воспринимаются цвета, чем формы ссылок (шрифт, размер и т.п.).

keeper Mar 28 2007 at 13:33

На каждом сайте создавать раздел помощи, где будет описана цветовая схема ссылок? Вариант хороший, но не лучший.

klyuchnik Mar 28 2007 at 13:41

Идеал не достижим, но к нему надо идти :)

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

Большой жирный плюс за этот топик.

keeper Mar 28 2007 at 13:48

Спасибо)

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

UFO just landed and posted this here

klyuchnik Mar 28 2007 at 13:18

Да, а пунктир на некоторых сайтах означает контекстную подсказку (во вслывающем окошке, например).

keeper Mar 28 2007 at 13:23

Да. Почти везде, где пунктир используется, он это и означает. А жаль... т.к. для подсказок есть свой курсор (со знаком вопроса), а пунктир можно было бы оставить и для ссылок локального назначения :)

klyuchnik Mar 28 2007 at 13:28

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

keeper Mar 28 2007 at 13:30

Согласен. Я уже об этом написал.

alexandreyev Mar 28 2007 at 12:53

Хмм. Очень интересная мысль.
Действительно, нажимая на ссылки всегда часть сознания решает вопрос: «зажать shift или не зажать».
Раньше все было просто — зажал — открылась страница в новом окне, не зажал — открылась в текущем.
Но с появлением ссылок, работающих через JS, а в след за этим и AJAX'a, все стало несколько запутаннее.

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

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

drJonnie Mar 28 2007 at 15:19

«зажать shift или не зажать»

Та же дилемма. Только у меня: «нажать на колесико или не нажать». Особенно раздражают ссылки на JS. Самая нормальная реализация ссылок на js'е - на яндексе. Так ссылка "войти в почту" обрабатывается js'ом и показывает поле для ввода, а если откроешь в новом окне, то перейдешь на страницу логина. Т.е. там функциональность нормальной ссылки сохранена.

Angelina_Joulie Mar 28 2007 at 13:35

В своё время мною был задан сотруднику Студии, занимающегося разработкой интерфейсов.

Ссылки, подчёркнутые пунктиром - не перезагружают страницу. Сплошной линией - перегружают страницу.

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

И все ссылки обязательно должны иметь хоть какую-то линейную дикорацию, что бы их можно было от текста отличить.

sss Mar 28 2007 at 16:52

+1
хотел написать про курсор, но не успел )
конечно же, по курсору понимать что под ним ссылка или не ссылка (все равно что сделать текст неподчеркнутым, а наводишь на него - опа, появился undreline) - неправильно.

misha Mar 28 2007 at 13:43

На сайте Студии Лебедева с самого начала ссылки подчеркивают пунктиром как только у них появились страницы с такой функциональностью.

Вот уже и на Яндексе на главной странице местные новости, которые можно без перезагрузки смотреть подчеркнуты пунктиром.

Кстати, если следовать этим соображениям, на Хабре главное меню оформлено с ошибками :)

misha Mar 28 2007 at 13:44

Прошу прощения. На сайтах Студии Лебедева, а не на сайте.

Angelina_Joulie Mar 28 2007 at 17:04

Хочу заменить не на всех, что и заставило меня обратится к ним за разьяснениями этого явления в сети.

keeper Mar 28 2007 at 13:54

хм... а у меня все новости открываются на новой странице!

misha Mar 28 2007 at 14:05

Там есть ссылка "новости", а правее активный пункт "все", а еще правее ссылка на название вашего города. Вот она и подчеркнута пунктиром. :)

masterbo Mar 29 2007 at 00:28

Предлагаю использовать фоновое изображение (как у внешних ссылок в википедии) например в виде двух стрелок указывающих по кругу друг на дружку (которые в Mozilla/Firefox нарисованы на кнопке "Обновить") для ссылок, которые работают с перезагрузкой страницы. Либо использовать такую микроиконку только для ссылок без перезагрузки и изобразить на ней стрелку, направленную вниз.

denissintsov Mar 29 2007 at 00:30

Обычные ссылки как раз лучше оставить в покое (к ним уже все привыкли и довольны), надо просто обозначит аяксовые ссылки.

denissintsov Mar 29 2007 at 00:28

Давно в голове летает мысль по поводу разделения курсоров для ссылок и для ссылок-кнопок. Итого для меня (именно для меня) сверх-интуитивным оказалось пририсовать звездочку к курсору как некий символ клика (такие вот ассоциации). А по случаю топика даже реализовал. (в опере не работает, ну собственно делал только для примерного ознакомления)
http://demo.inflamma.ru/

Почитав ответы по поводу клавиатуры (что не всегда мышкой наводят) пришел к выводу что и цветом/пунктиром выделить тоже есть смысл (но не для меня, потому что приверженец мыши при серфинге).

keeper Mar 29 2007 at 11:26

Тут дело не в устройстве ввода, а в количестве затраченного времени на понимание действия ссылки. Есть 3 варианта:

1. Курсор. Нужно навести мышь на ссылку, что понять её действие - долго, задаче не отвечает.
2. Разные цвета. Удобно, но практически нереально это привести в единый стандарт. А описывать на отдельной странице цветовые схемы ссылок разработчики вряд ли будут :)
3. Пунктир. Удобно и наглядно. Плюс - многие монстры (включая Яндекс) уже используют такой вариант и миллионы пользователей уже к этому привыкают.

Лично я выбираю 3-й вариант. И буду использовать именно его.

machete Mar 29 2007 at 12:45

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

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

;-)