§ 50. О статусной строке
22 апреля 2000
– Каков ваш статус, Лена? Проще говоря, каков ваш социум эр актум?
С. Довлатов. Наши
Произошло следующее: в машине спидометр закрыт газетой; на мобильном телефоне дисплей залеплен изолентой; телевизор не показывает, на какой канал переключился зритель; на лекарстве срок годности закрашен авторучкой; в оглавлении книги отсутствует указание номеров страниц.
Что делать? Убрать газету, отлепить изоленту, починить телевизор, купить новое лекарство, выбросить книгу.
Когда читатель оказывается на сайте, где заботливый веб-мастер постарался скрыть статусную строку браузера, надо материться вслух. Статусная строка отображает, куда ведет та или иная ссылка. Там же обычно показывается состояние загрузки страницы.
Многие сайтостроители забивают статусную строку всякой фигней – вешают туда время, пускают бегущую строку с последней новостью, просто пишут «Добро пожаловать» или при наведении курсора на ссылку «Новости» выдают в статусной строке слово «Новости». Вся эта третьестепенная информация лишает пользователя одной из самых ценных возможностей – узнать направление. Люди определяют нужность ссылки по ее внешнему виду. Скажем, если ссылка называется «Свежайшая информация», а ведет на not_ready.html, то нормальный человек не нажмет – и так понятно, что ничего полезного там не будет.
Другая разновидность этого преступления (лишение пользователя органов чувств, часть вторая) – открывание отдельного маленького окна, где статусная строка отсутствует вообще. В такой ситуации зритель не знает, куда он попадет дальше, и не имеет представления о том, сколько ему осталось ждать загрузки. Особенно ужасно, когда в таком маленьком окне открывается флеш-ролик: кино обычно много весит, а оценить скорость загрузки не представляется возможным.
Правило: нельзя вмешиваться в привычный стандартный интерфейс и нельзя прятать его элементы в ситуациях, когда человек их ожидает.
§ 51. Почему сайты не должны издавать звуков
2 мая 2000
Шадап, шадап, шадап, шап-ту-дай.
Шадап, шадап, шадап, шап-ту-дай.
Шадап, шадап, шадап, шап-ту-дай.
Шадап, шадап, шадап, шап-ту-дай.
А. Пугачева. Hе делайте мне больно, господа!..;
В чем главное отличие интернета от телевидения? В том, что сеть не издает звуков. Общение с компьютером устроено по принципу общения с книгой – сиди себе и читай (или пиши). Нормальная книга никаких звуков не производит. Нормальный компьютер сам по себе – тоже (не считая шума вентиляторов).
Во время работы за компьютером люди обычно ставят себе какую-нибудь музыку. Или наслаждаются старой доброй тишиной.
Представим себе ситуацию: тихий, спокойный человек неспешно серфит по просторам нашей всемирной глобальной компьютерной и вдруг заплывает на страницу к Василию Пупкину. У тихого серфера в это время играет компакт-диск с тихой, спокойной музыкой. Страница Пупкина загружается неспешно, но и посетитель наш тоже особенно никуда не торопится.
И в этот самый момент тихая спокойная мелодия перебивается звуками песни «There must be an angel» или «Хали-гали, паратрупер, нам с тобою было супер». Человек прекрасно помнит, что он слушает что-то другое, и снимает наушники, чтобы проверить, какая такая гадина решила включить попсу погромче. Но в комнате – тишина. Он надевает наушники обратно, а там продолжает звучать «…playing with my heart» или «…супер восемь, хали-гали, мы с тобой всю ночь летали».
Посетитель считает, что это звуковой обман, и не желает верить в него. На всякий случай он ставит на паузу свой компакт-диск. И теперь посторонняя мелодия слышна отчетливо. Тут до нашего знакомого доходит: «Это же фоновая музыка на сайте Пупкина!..т нее избавиться? Страница Василия прокручивается сверху донизу быстрым движением колеса мыши – никаких признаков плеера нет. Нельзя поставить на паузу, нельзя выключить. Остается только молниеносно нажать «назад» и отложить в памяти информацию о том, что на страницу к Пупкину больше ходить не надо.
Александрия, 2006
Лирическое отступление
В свое время каталог сайтов «АУ!..нее «Атрус») встречал всех посетителей отвратительным женским воплем: «А-а-а-а-а-а-у-у-у-у-у!..х пор автор туда не ходит, хотя кричать перестали.
И тем не менее многие сайты сегодня используют фоновую музыку или проигрывают звуковую заставку при входе. Этого делать нельзя по нескольким причинам:
– посетитель не готов к тому, что сайт будет звучать;
– у посетителя играет своя музыка;
– фоновую музыку практически никогда нельзя выключить;
– звук с сайта редко бывает хорошего качества;
– при переходе на другую страницу сайта музыка пропадает на самом неподходящем месте – эффект еще хуже, чем от прослушивания радио в такси, где водитель ищет хорошую песню, переключаясь между станциями каждые две секунды;
– смысловой и функциональной нагрузки у музыки на сайте – ноль целых, ноль десятых;
– веб – среда текстовой и визуальной информации. Звук обитает во флеш-заставках (где действие связано со звучанием) или в аудиоформатах (которые прослушиваются обычно с помощью специализированных программ).
Звук имеет право на существование, если:
– посетителю предоставлена возможность самому указать, хочет он послушать сайт или нет;
– он несет смысловую нагрузку (что случается крайне редко).
Правило: нельзя использовать музыку на вебе в декоративных целях.
§ 54. Краткий экскурс в историю гипертекста
12 июня 2000
– Не знаю, – сказал человек, подумав. – Может, ваш приятель ее изобрел?
– Вряд ли, – сказал я. – Он работал в другой области.
А. и Б. Стругацкие. Хищные вещи века
Вообще-то гипертекст появился задолго до HTML.[3]
Первой системой гипертекста принято считать толкование Книги псалмов Гильберта Порретанского из Пуатье (около 1150 года н. э.). Специальные пометки на полях отсылали читателя на страницы в других местах книги. Не хватало только компьютера, чтобы гиперссылками стало удобно пользоваться.
Первая теория автоматизации этого процесса принадлежит Ванневару Бушу, который представлял гипертекстовую систему в виде машины, оперирующей микрофишами (микрофотопленками). В 1945 году Буш описал эту, так никогда и не созданную, машину, назвав ее «Мемексом». Разумеется, ни о какой возможности перехода запроса от одного «Мемекса» к другому не было речи – машина была задумана в виде автономного письменного стола.
«Мемекс» (Memex) – memory extender (расширитель памяти – англ.)
Терминал «Ксанаду» с двумя параллельными документами на экране
Собственно термин гипертекст был впервые употреблен Теодором Нельсоном в 1965 году. Через семь лет им же была предложена система визуализации «параллельных документов» – «Ксанаду», наглядно представлявшая ссылки и связи.
А первым на практике использовал гипертекст Дуглас Энгельбарт (отец мыши) в 1968 году.
Принципы «Ксанаду» вдохновили Билла Аткинсона (работавшего тогда в компании «Эппл») на создание программы «Гиперкард». Эта программа, в которой активно применялись гиперссылки, послужила основой для многих современных систем гипертекстовой помощи и определила основные инструменты навигации браузеров.
Справедливости ради надо сказать, что большинство основополагающих изобретений и идей в области гипертекста остались нереализованными или плохо реализованными в сегодняшних браузерах, которые определяют массовое представление о гипертексте.
Со времен Возрождения, кроме скорости перемещения по ссылкам, мало что изменилось – чтобы составить хороший гиперссылочный аппарат, потрудиться придется не меньше, чем Гильберту.
§ 55. Как писать слово интернет
30 июня 2000
– Ну что, Знайка? – стали спрашивать коротышки, подбегая к нему. – Как ты объяснишь это?
– Что же тут объяснять? – развел Знайка руками…
Н. Носов. Незнайка на Луне
В Академии наук
Заседает князь Дундук.
Говорят, не подобает
Дундуку такая честь;
Почему ж он заседает?
Потому что жопа есть.
А. С. Пушкин
Некоторые люди пишут слово интернет латинскими буквами. Некоторые – по-русски, но не склоняют. Некоторые – в кавычках. Некоторые – с прописной.
Чтобы вооружиться железным аргументом при общении с клиентами нашей студии, мы отправили запрос в Институт русского языка Российской академии наук (ИРЯ РАН), ожидая авторитетного заключения.
Ответное письмо на трех страницах вскоре пришло к нам по почте.
Первая ошибка была в первом же предложении: «…направляем заключением, подготовленное».
Далее в одном предложении (с двумя вложенными двоеточиями) следовали еще две ошибки:
Сначала интернет представлен словом женского рода, затем написан с пропущенной первой н.
Завершает предложение загадочное «и под.».
В конце третьей страницы «направленного заключением, подготовленного» доцентом Ю. А. Сафоновой, заверенного личной подписью самого В. А. Пыхова, ученого секретаря ИРЯ РАН, читаем:
Пропажу в предпоследнем абзаце точек у двух предложений, отсутствие пробелов в блоке «им. В.В. Виноградова» на штампе, а также слово «референт» с большой буквы можно не заметить.
Автор рекомендует фразу «беглый анализ прессы содержит и иные написания» печатать на бланке ИРЯ РАН золотыми буквами с тиснением.
«Консультационная услуга в области современного русского языка по запросу №___» стоит в ИРЯ РАН триста рублей (почти десять долларов). То есть по пятьдесят рублей за ошибку в тексте, не считая штампа, – нет все-таки пророка в своем отечестве.
Правило: слово интернет пишется с маленькой буквы и склоняется по падежам.
именительный интернет
родительный интернета
дательный интернету
винительный интернет
творительный интернетом
предложный об интернете
P. S. К сожалению, после нашей публикации ИРЯ РАН прекратило осуществлять консультационные услуги в письменном виде. Теперь в институте на вопросы по русскому языку отвечают только по телефону.
Домашнее задание: расшифруйте РАН. Сколько слов должно быть написано с большой буквы? На бланке встречаются три написания: Российская Академия Наук (в логотипе на бланке); Российская Академия наук (на прямоугольной печати); Российская академия наук (на круглой печати).
⁂
Ответ: Российская академия наук
§ 56. Информационные и презентационные сайты
11 июля 2000
Веб за время своего недолгого существования несколько раз менял ориентацию, и каждый раз от него ждали больше, чем он мог предоставить. Изначально набор средств и возможностей для создания сайтов был крайне скудным. Постепенно появились зачатки инструментария для создания таблиц, фреймов и пр. Но до сих пор нет универсального способа через браузер делать то, что каждому доступно в операционной системе: например, выбирать несколько объектов, перемещать их, пользоваться контекстно-зависимым меню, не говоря о многом другом.
Дизайнеры, видавшие виды – мультимедийные технологии, верстальные программы, графические редакторы, анимационные и трехмерные пакеты, – были (и до сих пор остаются) крайне разочарованы отсутствием предсказуемого результата и невозможностью реализовать все свои дизайнерские идеи.
Так начался процесс «засунем в браузер все, что только можно»: флеш, видео, трехмерку, звук, чат, конференции… В большинстве случаев зритель просто не в состоянии все это увидеть или услышать, потому что у него медленная связь, старый компьютер, маленький монитор. Но самое главное: людям просто не нужно все это разнообразие, производимое создателями мегабайтных творений.
Живет на всю ширину экрана.
Грузится за секунды и работает везде.
Идеально подходит для ежедневного использования.
Не требует времени на изучение – все сразу понятно.
Знакомый дизайнер утверждает, что приведенный пример – полный отстой.
Ограничен в ширине, чтобы поместиться в окне при минимальном разрешении (фиксированный дизайн на ширину больше 620 пикселей – ламерство и неуважение по отношению к пользователю).
Грузится долго даже на быстром канале, а зритель с отключенной графикой лицезреет большое количество непоказанных картинок.
Требуется человеку один раз в год – в момент принятия судьбоносного решения о покупке пейджера, компьютера, автомобиля, дома.
Как правило, имеет запутанную структуру, сложную навигацию, построенную на навороченной метафоре, требует привыкания к Главной Идее Дизайнера.
Знакомый дизайнер утверждает, что приведенный пример – «так себе», но делает именно так, утяжеляя графику в три раза, произносит магические слова «я делаю настоящий дизайн», после получения гонорара увеличивает самомнение в четыре раза.
Сайт без картинок и теней – это тоже сайт. Дизайн – это прежде всего конструирование и подача информации.
Большинство сегодняшних веб-дизайнеров не понимают, что их труд по накрамсыванию скриншотов – это бессмысленная и неактуальная работа. Настоящий сайт – это всегда сложный конструкторский проект. Сделать сайт, который живет при любой ширине экрана, во много раз сложнее, чем сайт с фиксированной шириной. Сделать графические заголовки и врезки может даже человек с коэффициентом интеллекта, равным комнатной температуре.
Все вышесказанное, разумеется, не отменяет эстетической стороны создания сайта.
Чтобы понять разницу между функциональностью и эклектикой, надо представить удобное, ровное, размеченное автомобильное шоссе, с одной стороны, и лабиринт из английских кустов, в котором проложена мозаичная тропинка, – с другой. И то и другое – труд дизайнера. И то и другое – произведение искусства. На шоссе обычно никто не обращает внимания, а тропинкой в лабиринте больше одного раза в жизни мало кто пользуется. Это и есть разница между информационным и презентационным дизайном.
Сразу забежим в недалекое будущее – презентационный дизайн изживет себя. Скоро все, что грузится больше пяти – десяти секунд, начнет искать новые пути выражения, отличные от веба.
Чтобы выжить, презентационным сайтам придется либо брать на вооружение приемы информационного дизайна, либо предоставлять альтернативный (быстрый) доступ к информации.
§ 57. Делайте сайты проще
2 августа 2000
Простота – необходимое условие прекрасного.
Л. Н. Толстой. Из письма к Л. Андрееву,2 сентября 1908
Почти сто лет прошло с момента написания эпиграфа к этому параграфу, а ценность высказывания не уменьшилась.
Желание усложнить всегда происходит от другого желания – набить себе цену. Мало кто станет разбираться в сложном – на то и расчет. Подумают – раз сложно, значит, человек знает, что делает. Просто и у дурака выйдет. Поэтому, например, невозможно читать даже школьные учебники по физике – написано так, чтобы в авторитетности автора не возникло ни малейшего сомнения.
Зачем сознательно усложнять работу с сайтом? Есть три варианта.
Вариант 1. Минимализм
Создатели сайта smi.ru захотели поиграть в минимализм, в результате чего получилось так:
Если не пользуешься этой формой, все хорошо. Но когда заносишь курсор, то задумываешься. Во-первых, какая рассылка мне грозит? Раз в пять минут или три раза в год? И о чем? Во-вторых, словосочетание «ваш@адрес» у неопытного человека вообще вызовет чувство легкого испуга – на адрес электронной почты не совсем похоже, на адрес сайта тоже… Полторы строчки комментария сделали бы из неудобоваримой псевдотехнократической зауми образец понятного лаконизма.
Вариант 2. Капитализм
Примеров безобразно много. Взять тот же download.com. Чтобы дойти от формы поиска до нужного файла, человек вынужден преодолеть четыре-пять страниц. Спрашивается, зачем? Сколько страниц загружено, столько баннеров скачано. Эта совершенно гнусная практика с годами лишь набирает обороты. Типа, куды ж ты денешься, раз тебе файл нужен.
Сайт, закармливающий баннерами, – плод труда глупого веб-мастера. Скажем, zdnet.ru относительно длинные статьи разбивает на три-четыре части. Создатели сайта думают, что пользователь просто окутан их заботой. На самом же деле до конца такой поделенной на куски статьи доходит только сильнейший. Остальные отваливаются по дороге, потому что пятикилобайтный кусок текста не идет в сравнение с тридцатью килобайтами анимированной рекламы, полученными на каждой странице.
Вариант 3. Технологии XXI века
Буквально на днях открылся сайт internethelp.ru. Судя по смыслу содержащихся в названии домена английских слов, сайт должен предоставлять какую-то помощь в интернете. На самом деле это «первая российская интерактивная поисковая система». Заходим на сайт. Что нас встречает? Правильно – флеш-заставка!..каждой поисковой системе по заставке!..акже § 46. Заставки на сайтах. Часть первая)
На второй странице видим такое:
Весь текст (кроме примера запроса) сделан графикой и весит почти пятьдесят килобайт. Все признаки настоящей интерактивной поисковой системы налицо.
Заинтригованный, ввожу запрос: «кто такой лебедев?».
Получаю новое окно, которое просит меня подтвердить, не ошибся ли я в составлении запроса, интересуется моим электронным адресом, уточняет, как ко мне обращаться, и спрашивает, где, собственно, искать.
Нажимаю на кнопку «Ввод» и оказываюсь… в чате.
Наверху написано: «Вас обслуживает оператор Алексей, Ваш вопрос кто такой лебедев?».
В этот момент мне в голову приходит мысль, что оператор у себя во втором окне открыл мой любимый ya.ru и ищет там по слову «лебедев». Ниже приводятся диалог с оператором и мои наблюдения.
Диалог с оператором (Диалог с внутренним голосом)
Алексей. Здравствуйте, Тема. Вас приветствует оператор Алексей.
Алексей. Уточните вопрос.
Алексей. Есть вот такой человек.
Алексей. Посмотрите: www.design.ru/
(Ссылка на www.design.ru – первое, что выдает «Яндекс» на запрос «лебедев».)
Алексей. Вы знаете, мы не можем долго ждать вашего ответа…
Он и вправду интерактивный…
Тема. Это страница студии. А кто он такой?
Алексей. Так ведь Лебедевых много, вот следующий:
Алексей. Посмотрите: www.icfcst.kiev.ua/museum/lebedev_r.html.
«Лебедев С. А. – создатель МЭСМ» ссылка под номером 4 в результатах «Яндекса».
Тема. Видимо, мне был нужен первый. мне сказали, что он порет сайты – что вы об этом знаете?
Алексей. Посмотрите вот эту ссылку.
Алексей. Посмотрите: www.tema.ru/
Ссылка на www.tema.ru прямо наверху в «Яндексе».
Тема. Я хотел бы подробнее узнать о порке.
Алексей. Уточните вопрос.
Тема. Мне приятель сказал, что есть некий лебедев и что он порет сайты. я хотел бы узнать об этом подробнее.
Алексей. Посмотрите:
www.libertarium.ru/libertarium/15404/lib_discuss_t?PRINT_VIEW=1.
Эта ссылка у «Яндекса» идет с порядковым номером 2. Видно, что оператор уже мечется.
Тема. А где тут про порку-то?
Алексей. Вы знаете, наверное подробнее информации об этом пока нет.
Я прямо вижу искаженное лицо оператора – «Яндекс» на словосочетания «порки лебедева» и «лебедев порет сайты» не выдает ссылку на «Порку».
А ведь достаточно было зайти на «Апорт» – там все нужные ссылки идут первыми.
Алексей. Приятно было с Вами работать. До свидания.
Cпасибо за обращение к InternetHelp.ru.
Сейчас наш диалог будет закончен.
После закрытия сессии запись диалога и найденная информация будут посланы Вам по e-mail. Будем рады Вашим новым вопросам!
Русский народный метод копи-пейст.
Этот пример прекрасно иллюстрирует способы усложнения. Неудивительно, что служба «Интернет-хелп», рассчитывавшая брать деньги за свои услуги, разорилась через пару лет после написания этого параграфа.
Вот как описывали свою методику авторы проекта:
«Идея проекта состоит в том, что пользователям интернета помогают ориентироваться в сети операторы InternetHelp.ru – люди, владеющие уникальной методикой информационного поиска, разработанной в компании InternetHelp Ltd. Сегодня это единственная команда профессионалов такого рода во всем Рунете».
Мораль: успех бизнеса в интернете заключается в максимальной открытости. Следует называть вещи своими именами, не продавать воздух, не употреблять всуе слов «электронная коммерция» и «битуби». Надо быть понятнее и проще. (См. также § 60. Э… коммерция)
О проекте
О подписке
Другие проекты