Дискусии в понеделник: Подчертайте връзките

Днес тестваме формата, така че обсъждаме най-важната тема в дизайна: дали да подчертаваме връзките.

Какъв опит имате по този въпрос? Как се отнасяте към дизайнерите, които не подчертават връзките? Какво мислите за тези, които наблягат? Какво се случва, ако премахнете подчертаванията от всички връзки във вашия дизайн, какво ще загуби? И ако, напротив, добавите? Включвате ли подчертаващи връзки на iPhone? Как ви харесва тенденцията с фини подчертавания? Трябва ли да премахна подчертаването при задържане? Или може би, напротив, просто нарисувайте курсора на мишката? Кога ще приключи подчертаването? Когато настъпи възраждането на подчертаването?

Напишете каквото мислите по този въпрос.

Винаги се опитвам да подчертая връзките, харесвам фино подчертаване и малко избледняване при нанасяне на курсора.

Единственото нещо, което все още изглежда странно, е подчертаването на връзките в менюто за навигация (не като на този сайт, но например като на apple.com).

Освен това, ако мислите така, изглежда, че си струва да подчертаете изображения, които при щракване отиват някъде.

Да се ​​подчертае или не, зависи от контекста, от конкретния проблем, който се решава. На теория, без подчертаване, визуалният шум е ясно намален и можете да го замените с цветно осветяване, работи чудесно на iPhone. По принцип правя това.

Hover е важно само на настолни компютри и подчертаването в същото време, според мен, си струва като допълнителна индикация на връзката.

Е, Google напоследък се разпорежда с това;-) Всичко това е от серията KO, разбира се.

И може ли някой да обясни защо Chrome направи подчертано подчертаване за връзки с голям размер?

Днес подчертаните връзки са чисто въпрос на вкус. Facebook и Vkontakte научиха всички, че можете да кликнете върху синьо.

Ако е необходимо, "син" може да бъде всеки достатъчно наситен цвят, който контрастира с цвета на текста.

Финото подчертаване е страхотно; необходимите патерици с бордюр са отвратителни.

При нанасяне на курсора на връзката трябва да се пребоядиса и подчертаването (или липсата му) да се запази.

Това е въпрос на вкус и на самия интерфейс. Основното е, че потребителят винаги разбира къде можете да щракнете и къде е декорният елемент.

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

А подчертаването, например, във вече избраните е излишно.

Въпрос към Иля: защо да откроявам блога и Иля Бирман на тази страница? Не е ли излишно?

Според мен подчертаването не е задължително само ако всички връзки са подчертани по един и същи начин, например само в синьо (Wikipedia, Vkontakte) и подобно подчертаване не се използва никъде другаде. Тоест, когато е ясно, че може да се кликне върху него. Но например на Lenta.ru не винаги е очевидно къде да щракнете, но всички вече свикнаха.

Ако се използват връзки с различни стилове, например в заглавия и в текст, тогава подчертаването винаги ще показва, че това са всички връзки.

Подчертаващите връзки са старата школа. Днес бутоните трябва да са ярки и големи под натискане на пръст на таблет - точно като бутона Изпращане. Червеното не е разрешено. Зелено - можете. Допълнителните връзки плашат хората и случайно кликват.

Facebook, Google, iPhone и други - ежедневни интерфейси.

Дори ако Google направи връзките в SERPs черни и отразени отляво надясно, нищо няма да се промени. Същото е и при iPhone. Поне закръглете връзката, поне я поставете в бутона - и така ще стане ясно, че трябва да натиснете върху нея.

Но не можете да проектирате тази практика върху обикновени сайтове или сайтове с много променливо съдържание, особено ако съдържанието е навигационен елемент (здравей Lenta.ru).

Ето правило в стил Бирман:
Винаги подчертавайте връзките. Защото в случаите, когато няма нужда да се набляга, това ще бъде толкова очевидно, че веднага ще го разберете.

Подчертаването на връзките имаше смисъл в ранните дни, когато хората все още не разбираха къде да щракнат. Сега всички разбират това перфектно без такива преки намеци. Твърде многото подчертаване е ослепително, но е тънка линия.

Ако всичко е свързано с менюто, тогава подчертаването е излишно.

Просто не мога да разбера тази логика.

Ако „на ранен етап“ хората все още не са разбирали, тогава как подчертаването е помогнало? В него няма нищо, което да казва „можеш да ми боцнеш“. И какво се е променило сега в сравнение с ранните дни?

И какво се е променило сега в сравнение с ранните дни?

Поколението се смени. По-малко са новодошлите в интернет, все повече и повече дигитални местни жители. Това е като да преминете от скеоморфизъм към плосък дизайн.

Директно „можеш да ме напъхаш“ не каза нищо, разбира се, подчертаването и синият цвят бяха вид конвенционално обозначение, възприето от всички.

И сега, поради наличието на огромен брой визуални инструменти, няма смисъл да се привързвате към този символ, хората не се нуждаят от такова изрично и стандартизирано указание, за да разберат, че „можете да му се бодите“.

Финото подчертаване е добро решение. Само вие трябва да го направите без пропуск.

Подчертайте. Посещавайки сайтове, където няма подчертаване, често се обърквам, има неприятно усещане. Цветът също не винаги спасява: някои например подчертават текста в синьо и боядисват връзки в жълто или червено (има и объркване с посетените връзки, тъй като цветът на посетените връзки често се забравя).

Две проучвания по темата:

Сравняване на техниките за визуализация на маркери на връзки - Промени в поведението при четене
Сред констатациите: подчертаните връзки влошават възприемането на информацията в текста.

Сравнение на техниките за четливост на връзките
Подчертаните връзки подобряват четливостта и лекотата на навигация (тъй като са по-познати - тук е важно да се отбележи, че изследването е проведено през 2004 г.).

И двете проучвания не отчитат възможността за „тънко“ подчертаване на връзките.

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

Няма универсални правила. Някъде се изисква подчертаване на връзки, някъде те създават само ненужен шум.

Подчертаването, както го нарисуват браузърите, е излишно и грозно, поради което те започнаха да го правят „тънък“. Ако наистина подчертаваме, тогава е по-добре по този начин.

Смисълът на подчертаването е бързо разграничаване на връзка от не-връзка в същия форматиран блок от текст, независимо от особеностите на зрението. Когато подчертаваме само с цвят, смело казваме „сбогом“ на далтонисти и хора със зрителни увреждания (отидете и бързо намерете сиви думи в абзац от черен текст). Дори цветни връзки в лист текст не могат да бъдат намерени веднага, без да се подчертае.

В допълнение, различното подчертаване (плътно и перфорирано) ви позволява да различавате връзки по тип (отвеждащи от страницата или стартиращи нещо на текущата страница). Можете да различавате тези връзки в различни цветове, но тогава, първо, без експеримент няма да разберете какво е какво, и второ, „засега“ за цветно-слепи и зрително затруднени.

В допълнение, дизайнът на сайта може да позволи допълнителни цветове за текста, в допълнение към основния. И тогава, ако връзките не са подчертани, скоростта на тяхната идентификация ще намалее и броят на действията, необходими за идентификация, ще се увеличи.

Не е необходимо да се подчертават отделни думи на обичайното място, за да се намери менюто, ако дизайнът на блока позволява да се предположи, че има само връзки с вероятност, близка до една. С други думи, ако от контекста на видяното на екрана е ясно, че това трябва да е връзка (думата „Каталог“ на празен екран е преувеличен пример), тогава няма нужда да се подчертава това.

Фините, полупрозрачни подчертавания изглеждат очевидно по-спретнати и работят чудесно като подсказки, без да запушват самия текст, правейки дизайна по-чист и изчистен.

Мигането с подчертаване, особено при промяна на цвета на връзката при задържане, създава ненужен дискомфорт лично за мен. Но ако все още виждам смисъла в премахването на подчертаването при нанасяне на курсора на мишката (например, за да стане още по-лесно за четене), тогава при появата на подчертаването при нанасяне на курсора изобщо не мога.

Важен момент е разграничението между връзки и псевдо връзки. В рускоезичния интернет пунктирано подчертаване означава псевдо-връзка, тоест връзка, която не води до друга страница. Ако обикновените връзки нямат подчертаване, тогава псевдо връзките изглеждат доста странни. От друга страна, Yandex.Avto (арт директор - Рома Воронежски, дизайнери - Олег Пшенични и Федор Фокин) направи точно това:
http://i.imgur.com/gHbUs9U.png

Връзките трябва да бъдат подчертани. Без подчертаване не е ясно какво. И на екраните с електронно мастило не можете да разпознаете връзка от текст.

Единственият сайт, където според мен е оправдано връзките да не се подчертават - http://briefly.ru/

Понякога можете да пропуснете и връзките за подчертаване в менюто. Ясно е, че в менюто няма текст.

В почти всички други случаи връзките трябва да бъдат подчертани.

P. S. Финото подчертаване, разбира се, е готино, но още по-добро е подчертаването с прекъсвания в буквите р, ф, у, както в I-OS. За съжаление на сайтовете това може да бъде приложено само по доста крив и проблематичен начин.

Основно изречение от текста:

Виждам ябълка и хващам ябълка, не е необходимо да се подчертава за това.