Проектирование сайтов - Usability - Comments

Я соглашусь с

Сергей — Fri, 03 Oct 2008 11:43:39 +0400

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

Без этих самых

otpad — Tue, 23 Sep 2008 10:33:13 +0400

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

>> ...предпочитаю

Дмитрий Сергеев — Wed, 17 Sep 2008 19:46:13 +0400

>> ...предпочитаю пользоваться пиктограммой лупы с небольшим крестиком в линзе.

Я бы назвал это "плюсиком" :)

Тоже выбираю

rotor — Sun, 14 Sep 2008 22:51:50 +0400

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

Мне думается,

dirtykey — Sat, 13 Sep 2008 22:03:18 +0400

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

На сайтах в

Дмитрий Сергеев — Fri, 12 Sep 2008 19:58:25 +0400

На сайтах в стиле http://www.tiji.fr/ уж точно :)

Обычно ссылка

Дмитрий Сергеев — Fri, 12 Sep 2008 19:53:39 +0400

Обычно ссылка как раз на увеличенную версию картинки. Так что лупа пойдет. А если что-то другое, то можно сделать иконку с окошком, как в Google Analytics, или стрелочку вывернутую, как на ярлыках в Windows, или просто стрелку вправо.

Тогда нужно

Андрей Лось — Fri, 12 Sep 2008 19:48:47 +0400

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

+1 за то, чтобы

Дмитрий Сергеев — Fri, 12 Sep 2008 19:48:45 +0400

+1 за то, чтобы убрать мерцание. Так теряется половина смысла. А идея с текстом интересная. Может даже лучше, чем с пиктограммой. Спасибо за пример.

ClickHeat.

Дмитрий Сергеев — Fri, 12 Sep 2008 19:43:22 +0400

ClickHeat.

>> Важная ссылка

Дмитрий Сергеев — Fri, 12 Sep 2008 19:37:19 +0400

>> Важная ссылка должна быть в первую очередь текстовой.

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

Искал сейчас пример того, как мне нравится, но не нашел. Бывает так:

А мне нравится, когда превью сами по себе приличных размеров, пикселей 400 в ширину хотя бы. И без информации о размерах картинки. Просто лупа в уголке.

Тут возможны

Андрей Лось — Fri, 12 Sep 2008 17:15:02 +0400

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

Кликабельная

uggallery — Fri, 12 Sep 2008 16:57:30 +0400

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

Мне нравится

Денис — Fri, 12 Sep 2008 16:04:39 +0400

Мне нравится как сделано на prophotos.ru.
Единственно, что бы я поменял - это показывал текст не по наведению, а изначально на картинке.

Я бы вообще не

Андрей Лось — Fri, 12 Sep 2008 16:00:00 +0400

Я бы вообще не стал использовать картинки в качестве «обязательного и единственного» элемента интерфейса.

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

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

«Неважные» ссылки могут быть любыми.