avva | о гиперссылках и эстетике

tema приводит ссылку на новый выпуск своего ру/ководства: "Секреты хорошего гипертекста".

Меня особенно интересует вот такой секрет хорошего гипертекста оттуда:

Если текст в отрыве от браузера (в распечатке, например) непонятен, то гипертекст плох. Ни в коем случае нельзя делать ссылки со слов «тут», «здесь» и т. п. [...] Самодостаточным должен быть текст, а гиперссылки просто помогают получить дополнительную информацию по теме. [...] ссылки должны ставиться так, чтобы читатель от их отсутствия ничего не потерял.

Вопрос: почему?

Собственно, я не раз уже встречал этот совет. И не раз думал о том, почему я с ним совершенно не согласен.

Первый вопрос, который следует задать, таков: это догма функциональная или эстетическая?

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

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

Предположим теперь, что предписание это эстетического толка. Тогда, опять-таки, неясно - почему? Где те эстетические принципы, которые запрещают линковать так, как хочется?

Мне и самому не нравится, когда есть очень много ссылок на "здесь" и "тут". Но эта эстетическая данность - мне не нравится - ещё не означает, что определённое её обоснование - "не нравится потому, что текст должен читаться нормально без ссылок" - верно. Собственно, на мой взгляд, оно совершенно неверно.

Я не вижу, например, ничего зазорного в том, чтобы начинать запись словом или фразой, характеризующей некий ресурс, и заодно на него залинкованной:

Забавно.
Отличный способ снять стресс.

(примеры из моих недавних записей).

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

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

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

(под "я" подразумевается тут не конкретный

tema, а вообще авторы, которые поддерживают этот и схожие принципы).

Однако ощущение неправильности, уродливости множества ссылок на "здесь" и "тут" и других неприятных ссылок остаётся. Если я оспариваю обоснованность общего принципа, предлагаемого

tema, что я предлагаю взамен?

Вот что. Причин, по которым многочисленные ссылки на "здесь" и "тут" плохи, две:

1. Однообразность. Нам не нравится то, что ссылка всё время стоит на одном и том же слове - например, "тут". После нескольких десятков таких ссылок это просто начинает надоедать. Мы осознаём, конечно, что каждый раз это "тут" означает другую ссылку, но чисто внешнее, визуальное восприятие ссылки порождает ощущение скучного однообразия.
2. Неестественный акцент на служебном слове. Гиперссылка подобна интонационному акценту внутри фразы, она выделяет слово или слова, которые линкует, делает их особенными. Неестественный акцент на служебных словах, которые в живой речи такого акцента не получают, порождает неприятное ощущение того, что это "не так звучит", или "не так смотрится".
Поэтому-то, кстати, у меня такое разное отношение к разным видам ссылок на "здесь". В ссылке вида "список цен вы можете найти здесь" слово "здесь" получает совершенно неестественный для него интонацинный вес. В живой речи мы обычно так не говорим; напротив, форма "Здесь вы можете найти список цен" естественна для живой речи, когда мы указываем на что-то, объясняем местонахождение чего-то. Поэтому такая ссылка выглядит лучше.

Что же касается общего принципа "текст должен быть самодостаточным без ссылок", то его, как объяснено выше, я считаю ложным, и предлагаю заменить на принцип "ссылки должны не конфликтовать с возможными интонационными рисунками текста в живой речи". Это значит, что на практике есть очень много способов поставить ссылки удобно и красиво — так же, как в живой речи есть много способов произнести фразу, выделив то слово или иное, подчеркнув тот оборот или этот. Но некоторые способы - например, поставить ссылку на служебное слово, или протянуть её на всё протяжение длинного предложения - неизбежно будут противоречить этому принципу, и юзером будут восприниматься, как безвкусные.

Пока всё.

P.S. Дисклеймер на всякий случай. Я не HTML-дизайнер. Никогда им не был. Специалистом себя в этой области не считаю. Всего лишь высказываю своё мнение. В ЖЖ есть куча веб-дизайнеров, наверняка понимающих в этом больше меня, и их мнения мне было бы интересно выслушать, но соглашаться с ними автоматически только потому, что они эксперты, я не буду :)

Current Mood: busy

Flat | Top-Level Comments Only

From:

avva.livejournal.com

Íàñêîëüêî HTML-äèçàéíåð äîëæåí èäòè íàâñòðå÷ó òåì þçåðàì, ê-å áóäóò ðàñïå÷àòûâàòü ñ ýêðàíà?
È íàñêîëüêî íàâñòðå÷ó òåì æå þçåðàì äîëæíû èäòè àâòîðû áðàóçåðîâ?

Ìíå êàæåòñÿ î÷åâèäíûì, ÷òî äîëæåí ñóùåñòâîâàòü ðåæèì ðàñïå÷àòêè, ïðè êîòîðîì ðÿäîì ñ ïðîëèíêîâàííûìè ñëîâàìè ïå÷àòàåòñÿ (íàïð. áîëåå ìåëêèì øðèôòîì) ñàì URL. Ìåðîé ìîåãî ïîëíîãî ïðîôàíñòâà â ýòèõ âåùàõ ïîñëóæèò ïðèçíàíèå â òîì, ÷òî ÿ íå çíàþ, ñóùåñòâóåò ëè äåéñòâèòåëüíî òàêàÿ âîçìîæíîñòü â ñîâðåìåííûõ áðàóçåðàõ. ß íå ïå÷àòàë ñ ýêðàíà ìíîãî ëåò, ÿ ïðîñòî íå ïðèâûê ýòîãî äåëàòü, íå ëþáëþ, äà è ðåäêî åñòü óäîáíûé ïðèíòåð ïîä ðóêîé. Íî åñëè òàêîé âîçìîæíîñòè íåò, îíà äîëæíà áûòü; è òîãäà HTML-äèçàéíåðàì íå íàäî áóäåò çàäóìûâàòüñÿ íàä ýòîé êîíêðåòíîé ïðîáëåìîé. Îíè äîëæíû çàáîòèòüñÿ î ñâî¸ì ìåäèóìå, à íå î ïðèíöèïèàëüíî äðóãèõ. Î ïðèíöèïèàëüíî äðóãèõ äîëæíû çàáîòèòüñÿ ïðîãðàììèñòû, ïèøóùèå êîä, ïåðåâîäÿùèé òåêñò èç îäíîãî ìåäèóìà â äðóãîé - íàïð. ïå÷àòàþùèé åãî.

Äàâíî âñåì èçâåñòíî, ÷òî ýòî - ïðèçíàê äóðíîãî òîíà.

Íå óòâåðæäàéòå ýòî ãîëîñëîâíî. Îáúÿñíèòå, ïî÷åìó.

From:

oiway.livejournal.com

>Íàñêîëüêî HTML-äèçàéíåð äîëæåí èäòè íàâñòðå÷ó òåì þçåðàì, ê-å áóäóò ðàñïå÷àòûâàòü ñ ýêðàíà?
È íàñêîëüêî íàâñòðå÷ó òåì æå þçåðàì äîëæíû èäòè àâòîðû áðàóçåðîâ?

Îñíîâíûå ïðèíöèïû usability è ðåêîìåíäàöèè ëèöó ñî ñòîðîíû çàêàç÷èêà, êîòîðîå áóäåò ïîääåðæèâàòü ñàéò â ïîñëåäóþùåì, ôîðìèðóþòñÿ åùå íà ñòàäèè íàïèñàíèÿ òåõíè÷åñêîãî çàäàíèÿ íà ðàçðàáîòêó ñàéòà ïîñëå àíàëèçà åãî áóäóùåé öåëåâîé àóäèòîðèè.

Åñëè öåëåâàÿ àóäèòîðèÿ - äèëåðû è êîíå÷íûå ïîëüçîâàòåëè, òî èì íóæíî ðàñïå÷àòûâàòü òîëüêî ðàçâå îïèñàíèå ïðîäóêöèè èç êàòàëîãà, ïîñêîëüêó ïðàéñ-ëèñòû äîñòóïíû è òàê (ïðèñûëàþòñÿ ïî ïî÷òå), à íà ñàéòå ìîæíî âñòðåòèòü òîëüêî ðîçíè÷íûå öåíû. Ðîçíè÷íûå öåíû èíòåðåñíû êîíå÷íûì ïîëüçîâàòåëÿì, êîòîðûå âûáèðàþò ïðîäóêò. Ñîîòâåòñòâåííî, â îïèñàíèå ïðîäóêöèè íåöåëåñîîáðàçíî âñòàâëÿòü àêòóàëüíóþ öåíó, äîñòàòî÷íî ïðåäîñòàâëåíèÿ äâóõ âîçìîæíîñåé: ñðàâíåíèÿ ñ áëèæàéøèìè àëüòåðíàòèâíûìè ïðîäóêòàìè è ïðîñìîòðà êàòàëîãà öåí íà ïðîäóêöèþ ëèáî äàííîãî ïðîèçâîäèòåëÿ, ëèáî îïðåäåëåííîé êàòåãîðèè òîâàðà.

Åñëè öåëåâàÿ àóäèòîðèÿ - ÷èòàòåëè ñðåäíåãî âîçðàñòà, ñðåäíåãî óðîâíÿ äîñòàòêà è ïðî÷., òî äîëæíà áûòü ïðåäîñòàâëåíà âîçìîæíîñòü ëèáî ðàñïå÷àòàòü ìàòåðèàë, ëèáî ñêà÷àòü åå â ôîðìàòå, îòëè÷íîì îò html, ïîñêîëüêó â html åå è òàê ìîæíî ñîõðàíèòü íà ëîêàëüíûé äèñê.

Åñëè öåëåâàÿ àóäèòîðèÿ - ëþäè ñ äîñòàòêîì âûøå ñðåäíåãî, èùóùèå èíôîðìàöèþ î ìåíþ, ñêàæåì, â ðåñòîðàíå, òî äîëæíà áûòü ïðåäîñòàâëåíà âîçìîæíîñòü ðàñïå÷àòàòü ìàêñèìóì ïîëåçíîé èíôîðìàöèè ïðè âîçìîæíî ìèíèìàëüíîì ðàñõîäå áóìàãè è ïðèÿòñòâåííîì âèäå.

Òî åñòü - ÷åëîâåê, îòâåòñòâåííûé çà ïîääåðæêó ñàéòà, äîëæåí ðóêîâîäñòâîâàòüñÿ îñîáåííîñòÿìè ñâîåé öåëåâîé àóäèòîðèè íàñòîëüêî, íàñêîëüêî åìó ýòî íàäî. Èíà÷å - íèêàê :)

>Ìíå êàæåòñÿ î÷åâèäíûì, ÷òî äîëæåí ñóùåñòâîâàòü ðåæèì ðàñïå÷àòêè, ïðè êîòîðîì ðÿäîì ñ ïðîëèíêîâàííûìè ñëîâàìè ïå÷àòàåòñÿ (íàïð. áîëåå ìåëêèì øðèôòîì) ñàì URL. Ìåðîé ìîåãî ïîëíîãî ïðîôàíñòâà â ýòèõ âåùàõ ïîñëóæèò ïðèçíàíèå â òîì, ÷òî ÿ íå çíàþ, ñóùåñòâóåò ëè äåéñòâèòåëüíî òàêàÿ âîçìîæíîñòü â ñîâðåìåííûõ áðàóçåðàõ. ß íå ïå÷àòàë ñ ýêðàíà ìíîãî ëåò, ÿ ïðîñòî íå ïðèâûê ýòîãî äåëàòü, íå ëþáëþ, äà è ðåäêî åñòü óäîáíûé ïðèíòåð ïîä ðóêîé. Íî åñëè òàêîé âîçìîæíîñòè íåò, îíà äîëæíà áûòü; è òîãäà HTML-äèçàéíåðàì íå íàäî áóäåò çàäóìûâàòüñÿ íàä ýòîé êîíêðåòíîé ïðîáëåìîé. Îíè äîëæíû çàáîòèòüñÿ î ñâî¸ì ìåäèóìå, à íå î ïðèíöèïèàëüíî äðóãèõ. Î ïðèíöèïèàëüíî äðóãèõ äîëæíû çàáîòèòüñÿ ïðîãðàììèñòû, ïèøóùèå êîä, ïåðåâîäÿùèé òåêñò èç îäíîãî ìåäèóìà â äðóãîé - íàïð. ïå÷àòàþùèé åãî.

Ýòî ìîæíî ðåàëèçîâàòü. Íî íàäî ëè? Ñì. âûøå. Â ñëó÷àå íàó÷íîé ñòàòüè è ñîîòâåòñòâóþùåé öåëåâîé àóäèòîðèè, ãèïåðòåêñòîì öåëåñîîáðàçíî äåëàòü òîëüêî ñíîñêè ó ñîîòâåòñòâóþùèõ ñëîâ, ññûëàþùèåñÿ íà åå ðàñêðûòèå ïîä ñòàòüåé, ãäå ðåàëèçîâàíà âîçìîæíîñòü âåðíóòüñÿ îáðàòíî ê òîìó ìåñòó â ñòàòüå, îòêóäà óñêàêàë :) ÷èòàòåëü. Ñîîòâåòñòâåííî, îòäåëüíî âíèçó â âèäå ïîëíîãî URL òàêæå ðåêîìåíäóåòñÿ óêàçûâàòü ññûëêè íà ìàòåðèàëû äðóãèõ web-ñòðàíèö.

Íå óòâåðæäàéòå ýòî ãîëîñëîâíî. Îáúÿñíèòå, ïî÷åìó.

Ê ñîæàëåíèþ, ÿ íå ìîãó îáúÿñíèòü, ïî÷åìó çà ñòîëîì ïëîõî ñèäåòü ðàçâàëÿñü - ïðèäåòñÿ àïåëëèðîâàòü ê Ëþäîâèêó XIV. Ïðèìåðíî òîæå ñàìîå.

Ïîìèìî äóðíîãî/õîðîøåãî òîíà, åñòü åùå ýëåìåíòàðíàÿ ïñèõîëîãèÿ. (Ãðóáî ãîâîðÿ) ×åëîâåê îõîòíåå îòäàåò ïðèêàç ñòðàíèöå, ÷åì èäåò ïî ññûëêå, ïî êîòîðîé ìîæíî íå èäòè. Âðåìÿ-äåíüãè. Ó íàñ Èíåò äîðîãîé, è ïðåèìóùåñòâåííî èñïîëüçóåòñÿ â ðàáî÷åå âðåìÿ...

Ïðîøó ïðîùåíèÿ çà âîçìîæíóþ ýìîöèîíàëüíîñòü è ãîëîñëîâíîñòü - ìîëîä åùå. :)