Ководство Лебедев Артемий
Чтобы понять разницу между функциональностью и эклектикой, надо представить удобное, ровное, размеченное автомобильное шоссе, с одной стороны, и лабиринт из английских кустов, в котором проложена мозаичная тропинка — с другой. И то и другое — труд дизайнера. И то и другое — произведение искусства. На шоссе обычно никто не обращает внимания, а тропинкой в лабиринте больше одного раза в жизни мало кто пользуется. Это и есть разница между информационным и презентационным дизайном.
Информационный дизайн (www.ya.ru)
Живет на всю ширину экрана.
Грузится за секунды и работает везде.
Идеально подходит для ежедневного использования.
Не требует времени на изучение — все сразу понятно.
Знакомый дизайнер утверждает, что приведенный пример — полный отстой.
Презентационный дизайн (mtelecom.ru)
Ограничен в ширине, чтобы поместиться в окне при минимальном разрешении (фиксированный дизайн на ширину больше 620 пикселей — ламерство и неуважение по отношению к пользователю).
Грузится долго даже на быстром канале, а зритель с отключенной графикой лицезреет большое количество непоказанных картинок.
Требуется человеку один раз в год — в момент принятия судьбоносного решения о покупке пейджера, компьютера, автомобиля, дома.
Как правило, имеет запутанную структуру, сложную навигацию, построенную на навороченной метафоре, требует привыкания к Главной Идее Дизайнера.
Знакомый дизайнер утверждает, что приведенный пример — «так себе», но делает именно так, утяжеляя графику в три раза, произносит магические слова «я делаю настоящий дизайн», после получения гонорара увеличивает самомнение в четыре раза.
Сразу забежим в недалекое будущее — презентационный дизайн изживет себя. Скоро все, что грузится больше пяти-десяти секунд, начнет искать новые пути выражения, отличные от веба.
Чтобы выжить, презентационным сайтам придется либо брать на вооружение приемы информационного дизайна, либо предоставлять альтернативный (быстрый) доступ к информации.
§ 57. Делайте сайты проще
Простота — необходимое условие прекрасного.
Л. Н. Толстой. Из письма к Л. Андрееву от 02.09.1902
2 августа 2000
Почти сто лет прошло с момента написания эпиграфа к этому параграфу, а ценность высказывания не уменьшилась.
Желание усложнить всегда происходит от другого желания — набить себе цену. Мало кто станет разбираться в сложном — на то и расчет. Подумают — раз сложно, значит, человек знает, что делает. Просто и у дурака выйдет. Поэтому, например, невозможно читать даже школьные учебники по физике — написано так, чтобы в авторитетности автора не возникло ни малейшего сомнения.
Зачем сознательно усложнять работу с сайтом? Есть три варианта.
Вариант 1. Минимализм…
Создатели сайта smi.ru захотели поиграть в минимализм, в езультате чего получилось так:
Если не пользуешься этой формой, все хорошо. Но когда заносишь курсор, то задумываешься. Во-первых, какая рассылка мне грозит? Раз в пять минут или три раза в год? И о чем? Во-вторых, словосочетание «ваш@адрес» у неопытного человека вообще вызовет чувство легкого испуга — на адрес электронной почты не совсем похоже, на адрес сайта тоже… Полторы строчки комментария сделали бы из неудобоваримой псевдотехнократической зауми образец понятного лаконизма.
Вариант 2. Капитализм
Примеров безобразно много. Взять тот же download.com. Чтобы дойти от формы поиска до нужного файла, человек вынужден преодолеть четыре-пять страниц. Спрашивается, зачем? Сколько страниц загружено, столько баннеров скачано. Эта совершенно гнусная практика с годами лишь набирает обороты. Типа, куды ж ты денешься, раз тебе файл нужен.
Сайт, закармливающий баннерами, — плод труда глупого веб-мастера. Скажем, zdnet.ru относительно длинные статьи разбивает на три-четыре части. Создатели сайта думают, что пользователь просто окутан их заботой. На самом же деле до конца такой поделенной на куски статьи доходит только сильнейший. Остальные отваливаются по дороге, потому что пятикилобайтный кусок текста не идет в сравнение с тридцатью килобайтами анимированной рекламы, полученными на каждой странице.
Вариант 3. Технологии XXI века… Буквально на днях открылся сайт internethelp.ru. Судя по смыслу содержащихся в названии домена английских слов, сайт должен предоставлять какую-то помощь в интернете. На самом деле это «первая российская интерактивная поисковая система». Заходим на сайт. Что нас встречает? Правильно — флеш-заставка! Даешь каждой поисковой системе по заставке!
См. также: § 46. Заставки на сайтах. Часть первая
На второй странице видим такое:
Весь текст (кроме примера запроса) сделан графикой и весит почти пятьдесят килобайт. Все признаки настоящей интерактивной поисковой системы налицо.
Заинтригованный, ввожу запрос: «кто такой лебедев?».
Получаю новое окно, которое просит меня подтвердить, не ошибся ли я в составлении запроса, интересуется моим электронным адресом, уточняет, как ко мне обращаться, и спрашивает, где, собственно, искать.
Нажимаю на кнопку «Ввод» и оказываюсь в чате.
Наверху написано: Вас обслуживает оператор Алексей
Ваш вопрос кто такой лебедев?
В этот момент мне в голову приходит мысль, что оператор у себя во втором окне открыл мой любимый ya.ru и ищет там по слову «лебедев». Ниже приводится диалог с оператором и мои наблюдения.
| Диалог с оператором | Диалог с внутренним голосом |
|---|---|
| Алексей Здравствуйте, Тема. Вас приветствует оператор Алексей. | Ссылка на www.design.ru — первое, что выдает Яндекс на запрос «лебедев» |
| Алексей Уточните вопрос | |
| Алексей Есть вот такой человек | |
| Алексей Посмотрите: ссылку[4] | |
| Алексей Вы знаете, мы не можем долго ждать вашего ответа… | Он и вправду интерактивный. |
| Тема это страница студии. А кто он такой? | «Лебедев С. А. — создатель МЭСМ» ссылка под номером 4 в результатах Яндекса. |
| Алексей Так ведь Лебедевых много, вот следующий: | |
| Алексей Посмотрите: ссылку [www.icfcst.kiev.ua/museum/lebedev_r.html!] | |
| Тема видимо, мне был нужен первый. мне сказали, что он порет сайты — что вы об этом знаете? | Ссылка на www.tema.ru прямо наверху в Яндексе |
| Алексей Посмотрите вот эту ссылку | |
| Алексей Посмотрите: ссылку[5] | |
| Тема я хотел бы подробнее узнать о порке | Эта ссылка у Яндекса идет с порядковым номером 2… Видно, что оператор уже мечется |
| Алексей Уточните вопрос | |
| Тема мне приятель сказал, что есть некий лебедев и что он порет сайты. я хотел бы узнать об этом подробнее | |
| Алексей Посмотрите: ссылку[6] | |
| Тема а где тут про порку-то? | Я прямо вижу искаженное лицо оператора — Яндекс на словосочетания «порки лебедева» и «лебедев порет сайты» не выдает ссылку на «Порку». |
| Алексей Вы знаете, наверное подробнее информации об этом пока нет. | А ведь достаточно было зайти на Апорт[7] — там все нужные ссылки идут первыми. |
| Алексей Приятно было с Вами работать. До свидания. | Русский народный метод копи-пейст |
| Cпасибо за обращение к InternetHelp.ru | |
| После закрытия сессии запись диалога и найденная информация будут посланы Вам по e-mail. Будем рады Вашим новым вопросам!. |
Этот пример прекрасно иллюстрирует способы усложнения. Неудивительно, что служба «Интернет-хелп», расчитывавшая брать деньги за свои услуги, разорилась через пару лет после написания этого параграфа.
Вот как описывали свою методику авторы проекта:
«Идея проекта состоит в том, что пользователям интернета помогают ориентироваться в сети операторы InternetHelp.ru, — люди, владеющие уникальной методикой информационного поиска, разработанной в компании InternetHelp Ltd. Сегодня это единственная команда профессионалов такого рода во всем Рунете».
Мораль: успех бизнеса в интернете заключается в максимальной открытости. Следует называть вещи своими именами, не продавать воздух, не употреблять всуе слов «электронная коммерция» и «битуби». Надо быть понятнее и проще.
См. также: § 60. Э… коммерция
§ 60. Э… коммерция
К обеду астролябия была продана интеллигентному слесарю за три рубля.
И. Ильф и Е. Петров. Двенадцать стульев
24 сентября 2000
Электронной коммерции не существует. Людям навешали лапши на уши. Они поверили в это так же, как в существование ошибки 2000 года. Ни того, ни другого не было и не будет.
Словосочетание «электронная коммерция» несет в себе бодрый заряд маркетологического идиотизма. Поход в булочную и процесс покупания батона никто не рекламирует как «коммерцию с помощью кассового аппарата».
Сотни людей и компаний в России, десятки тысяч — за рубежом — все они не покладая рук варят лапшу для ушей.
Инвесторов пугают и стращают словами, похожими на названия африканских племен, — «битуби» и «битуси». Инвестор и сам обманываться рад. Пошел человек в магазин за батоном — это битуси. Грузовик с батонами подъехал к магазину — это битуби. Бабулька продала батон у входа в метро — это ситуси. И так далее, успевай только слоги менять местами. Просто, а как красиво звучит!
Есть еще другой вариант — приставлять к каждому слову вначале букву с дефисом: «Е-». Можно и строчную: «е-». Е-любой е-уважающий е-себя е-предприниматель е-купится е-на е-эти е-слова. И слово «е-бизнес» некоторые уже пишут по-русски, не краснея.
Что же мне не нравится? Почему мне не все равно, кто кого с е-корабля на е-бал?
Во-первых, надо сначала научиться делать простую коммерцию, а потом уже организовывать продажи через интернет.
Прежде чем собираться на конференциях в тиши подмосковных лесов или роскоши холлов столичных отелей, чтобы обсудить новые способы привлечения покупателей «кастомизацией» сайта (подстраиванием под вкусы, проще говоря), нужно быть гибче в офлайне.
См. также § 65. Скиномания
Яркий пример. В нашей студии работают шестьдесят человек. И мы решили поставить холодильник с кока-колой, чтобы любой желающий мог воплотить слоган «Всегда кока-кола!» в жизнь.
Позвонили в одноименное ЗАО («Кока-кола рефрешментс Москоу» или как-то так), и сразу же выяснилось, что холодильник нам не поставят, потому что для этого надо быть как минимум супермаркетом и заказывать декалитры газировки в неделю. Купить холодильник тоже нельзя, ни за какие деньги.
Можно поставить автомат, куда каждый должен засовывать купюру достоинством в 10 руб. Сказано — сделано, поставили. Десятки в студии моментально выросли в цене, хотя изначально мы рассчитывали покупать напитки оптом и сделать их для любого сотрудника или гостя бесплатными.
В один прекрасный момент лазутчик из одноименного ЗАО прокрался в наш офис и повысил стоимость напитка до 12 руб. Теперь кроме десяток каждый должен был еще иметь в кармане или на столе россыпь мелочи. Работа остановилась — сотрудник, испытывающий жажду, забыв об имидже, караулил коллег в коридоре и внезапно вырастал из стены, требуя мелочь.
В студии родилась отличная идея. Дело в том, что когда у тебя есть выбор из пяти напитков, они все очень быстро надоедают. И ты стоишь минут пять перед аппаратом и не знаешь, что купить. Подбрасываешь монетку, спрашиваешь окружающих.
Так вот, идея заключалась в том, чтобы одна из кнопок на морде холодильника была «рандомайзером», выдавая каждый раз что-нибудь непредсказуемое. Но строгие дяди из ЗАО и слышать об этом не захотели. Ишь чаво придумали!
Мерзость аппарата заключалась в том, что купюроприемник очень быстро выходил из строя. Вторая проблема крылась в скорости поглощения воды — напитки исчезали к выходным, а «завоз» осуществлялся только по средам. Никакие попытки убедить ЗАО привезти бутылки пораньше не находили понимания у бизнесменов.
История закончилась, когда аппарат отказывался брать деньги две недели подряд, напитки были выручены из него за мелочь, а на дворе стояло воскресенье. Были вызваны фирменные грузчики с домкратом, которые увезли красную гадину с большой обледенелой бутылкой на фасаде, испортив при этом стену в студии.
Еще более печальная судьба была у автомата «Марс» с шоколадками внутри (жравшего электричество киловаттами). Все они стоили по девять рублей. Бизнес-опрос: сколько раз в течение дня у шестидесяти человек может найтись столько мелочи по карманам? Черную гадину с большим початым батончиком на фасаде увезли фирменные грузчики через три дня.
Ни одна из компаний, ответственных за установку подобных автоматов, не думает о прибыли — мы предлагали, например, перечислить деньги сразу на счет, чтобы можно было просто нажать на кнопку и получить напиток и конфету. Не-е.
Спрашивается, зачем этим компаниям электронная коммерция? Зачем она другим компаниям, которые в офлайне не могут организовать нормальную доставку, наладку, работоспособность, съедобность, сервис и все остальное? Попробуй купить себе ботинки в американском интернетовском магазине. Даже если они там найдутся, выяснится, что привезут их только в Бостон, но никак не в Москву.
Жалко людей. Они от э… коммерции ничего не получат, потому что никто не может им объяснить, что же такого волшебного произойдет, если подключить кассовый аппарат к интернету.
Прежде чем начать в России продавать что-либо через интернет, нужно пройти этап продажи по каталогам. Нужно обзавестись нормальными курьерскими службами. Нужно использовать все возможности для распространения своей продукции. И только потом прибить большую букву Е перед вывеской.
§ 61. Краткий самоучитель по быстрорастворимому креативу
1 декабря 2000
Одна из основных задач креативного агентства или студии — придумывать и делать творческие работы. Но далеко не каждая дизайнерская задача позволяет использовать средства и инструменты, требуемые для исполнения дорогого и большого проекта. В первую очередь это зависит от клиентов — как правило, они не готовы платить, скажем, за баннер столько, сколько они потратили бы на заставку для первой страницы сайта (хотя иногда баннер делать сложнее и дольше).
Большинство отечественных дизайнеров не уделяют особого внимания этой проблеме — у них под рукой есть пяток ссылок на сайты фотобанков и десяток сидюков с пиратской библиотекой изображений.
Дизайн-студия, состоящая из одного халтурящего студента, может себе позволить брать тридцать-пятьдесят долларов за баннер, сделанный из одной украденной картинки и криво положенного анимированного шрифта. Как ни странно, но бльшая часть «взрослых» студий не стесняется работать таким же образом. Сайты, построенные на одной картинке (часто — с заретушированным водяным знаком), слишком распространены и узнаются за километр. Даже если у менеджера подобной студии проснется совесть и он заплатит сотню за официальную лицензию на изображение, честь студии не будет спасена — использование готовых картинок из фотобанков является моветоном, если мы говорим о дизайнерской работе, а не о вторсырье. Пользоваться готовым очень просто и не стоит тех денег, которые платятся за оригинальную работу.
Лирическое отступление
Обращаться к фотобанкам можно только тогда, когда изображение нельзя получить за счет собственных сил и ресурсов. К таким изображениям относятся снимки из космоса и архивные кадры. Но даже в этих случаях лучше найти первоисточник и выбрать те фотографии, которые не висят в первом попавшемся каталоге.
Отдельное исключение — канонические изображения и репродукции картин. Скажем, «Мона Лиза» — она «Мона Лиза» и есть, ничего тут не придумаешь. И «Бурлаки на Волге» не могут быть разными — они всегда одинаковые, и репродукция из фотобанка скорее всего окажется лучше, чем оригинал из школьной столовой.
Что же делать бедному дизайнеру, когда нужно быстро и недорого получить изображение, но злой арт-директор не разрешает даже смотреть в сторону фотобанка?
Для достижения прекрасного результата под рукой полезно иметь сканер и цифровую камеру. Можно обойтись и чем-то одним, но сканер неудобно выносить на улицу и прикладывать к асфальту, а фотоаппарат хуже справится с получением изображения из старой книги.
Итак, примеры.
| Дизайнер думает | А что надо сделать |
|---|---|
| Мне надо проиллюстрировать раздел «Партнерство» для сайта компании N. Пойду-ка на photodisc.com и напишу в строчке поиска partnership. Мне выдадут сорок страниц с рукопожатиями. Достаточно взять иллюстрацию с первой же страницы и поставить ее в раздел. | Взять Пупкина и Тютькина, поставить их к холодильнику, если нет другого белого фона, и снять на цифровой фотоаппарат их рукопожатие. Лучше вообще придумать что-нибудь другое, потому что рукопожатие — это самое банальное, что только можно себе представить в качестве иллюстрации партнерства. |
| Мне поручено сделать баннер, рекламирующий осенние скидки компании Y. Схожу-ка я на corbisis.com и поищу там по ключевому слову как-там-будет-по-английски кленовый лист. | Выйти во двор, подобрать лист с земли и отсканировать его. |
| Мне поручили сделать страницу, где на листе бумаги от руки написано «суп на плите, котлеты в холодильнике». Надо будет взять шрифт Бетина скрипт или Браш скрипт — и готово. | Взять листок бумаги и написать на нем от руки нужную надпись. Бумажку отсканировать. |
Если нужна картинка лампочки, вывинчивается лампочка из патрона и фотографируется. Нужен часовой механизм — снимается первый попавшийся; нету — на барахолке покупаются сломанные часы за десять рублей. Нужна фактура земли — во дворе есть клумба. Нужен цветок — продается в палатке. Нужна клавиатура — вот она.
И так далее.
§ 62. Экранная типографика
Посвящается О. Н. и всем-всем-всем
17 декабря 2000
Все тексты должны обязательно «обогащаться». Ни один текст не должен появиться на публике в исходном сыром виде.
| Краткий справочник | ||
|---|---|---|
| § | § | параграф |
| © | © | знак охраны авторского права (copyright) |
| ® | ® | символ зарегистрированного товарного знака |
| ™ | ™ | символ товарного знака |
| ° | ° | знак градуса |
| « | « | левая кавычка (левая ёлочка) |
| » | » | правая кавычка (правая ёлочка) |
| ’ | ’ | апостроф |
| „ | „ | открывающая лапка |
| “ | “ | закрывающая лапка |
| “ | “ | открывающая английская лапка |
| ” | ” | закрывающая английская лапка |
| • | • | жирная точка |
| – | – | короткое тире (см. одноименный § 158) |
| − | минус | |
| ± | ± | плюс-минус |
| — | — | тире |
| № | № | знак номера |
Полный справочник по знакам можно найти на странице HTML 4.0 Entities
В русских текстах используются «елочки» или „лапки“:
«…»
„…“
См. также § 104. Кавычки
Во всех текстах на английском:
“…”
‘…’
Ни в коем случае не знаки дюйма и не «программистские« кавычки (которые используются только для набора исходных кодов программ или в электронной переписке):
«…»
Тире не надо путать с дефисом — оно обычно в два-три раза длиннее:
См. также § 97. Тире, минус и дефис, или Черты русской типографики
| Неправильно: | Правильно: |
|---|---|
| Коляныча — за пивом послать! | Коляныча — за пивом послать! |
Нужно уделять максимум внимания словам, которые могут быть перенесены на новую строчку при изменении ширины окна браузера.
Так как никто не может знать, когда и где предложение будет разбито на строчки, нужно обрабатывать все случаи. На строчке не могут остаться: инициалы, одно-, двух- и некоторая часть трехбуквенных слов, цифры года. На строчке должно остаться длинное тире.
Чтобы слова не перескакивали нежелательным образом, их нужно «привязывать« к соседним словам неразрывным пробелом:
Неправильно:
Коляныч пошел за
пивом
Правильно:
Коляныч пошел
за пивом
Неправильно:
Крикну
— а в ответ тишина
Правильно:
Крикну —
а в ответ тишина
Строгих правил по поводу переноса слов нет, все они носят рекомендательный характер. Каждый раз нужно вникать в смысл текста и привязывать предлоги и союзы к следующему за ними слову, а частицы — к предыдущему.
Неразрывный диапазон (nobr) используется в случаях, когда неразрывный пробел ( ) неуместен. Это касается телефонных номеров и ряда слов, которые пишутся через дефис (некоторые браузеры переносят слова в месте дефиса).
<nobr>212-85-06</nobr>
<nobr>во-первых</nobr>
Нельзя писать номера телефонов на западный манер, то есть с одним дефисом (212-8506), нужно всегда писать с двумя. Допускается замена дефисов на пробелы, когда подряд указываются несколько номеров.
См. также: § 91. Краткая история телефонных номеров
Во всех случаях надо использовать специальные знаки, не пытаясь их эмулировать с помощью других знаков.
Неправильно:
(C) 2000 Vassily Poupkine(R)
Правильно:
© 2000 Vassily Poupkine®
…Когда В. И. Пупкин увидел в газете («Сермяжная правда« № 45) рубрику Weather Forecst®, он не поверил своим глазам — температуру обещали ±451 °F.
Для того чтобы не расставлять все знаки и неразрывные пробелы руками, воспользуйтесь «Типографом«
2001
§ 63. Садись, благодарная Россия, «два»!
20 января 2001
Весной 1992 года в Москве на Славянской площади состоялось торжественное открытие памятника святым Кириллу и Мефодию работы скульптора В. Клыкова.
Зимой 2001 года в Москве на Славянской площади появился автор «Ководства» и сфотографировал надпись на вышеупомянутом памятнике.
В параграфе 23 давался полезный совет: не зная броду, не суйся в воду. Разовьем мысль на примере надписи, выполненной на церковнославянском языке.
См. § 23. Немного о дореволюционной орфографии
На памятнике Кириллу и Мефодию в металле отлиты пять орфографических ошибок:
В слове «апостол» и в имени Мефодий не может быть омеги.
В имени Кирилл должна стоять буква и, а не i.
Две ошибки в слове «Россия» — это позор посильнее безграмотного платного ответа из Института русского языка РАН. Вместо о должна стоять омега, а вместо и — i.
См. § 55. Как писать слово «интернет»?
Почему нельзя просто написать русским языком простой текст?
Очевидно, что у написавшего этот текст на памятнике была одна задача — выпендриться. Чем больше непонятных для современника букв, тем лучше. Сразу веет какой-то тайной, сразу благоговение наполняет зрителя. Ведь памятник праотцам славянской письменности — это тебе не Петр I со штурвалом, тут без мудрости веков никуда.
{{{ Зачем менять местами привычный порядок упоминания: «Кирилл и Мефодий»? Чтобы не по алфавиту, не по старшинству и не по известности? (Если скульптор или его заказчики прочитали пару книг и узнали, что большинство ученых автором кириллицы считают Мефодия, так и поставили бы памятник Мефодию.) }}}
Если присмотреться к надписи еще внимательнее, станет заметно, что в мастерской скульптора уже проходила работа над ошибками.
Очевидно, буква «E» является результатом более поздних изменений, так как она ни по наклону, ни по размеру не вписывается в стиль надписи. А выделять ее нет никакого смысла. Те, кто отливал надпись, сами настолько не понимали текста, с которым работали, что им было все равно. Взяли букву «Э», перевернули и втиснули как попало. Хотя в этом же слове стоят две другие буквы «Е», совершенно отличные по стилю.
Надпись без ошибок на памятнике Кириллу и Мефодию в Киеве. Зато за такие пробелы между словами дизайнеру надо оторвать руки
Правило: ошибок на обложках книг, в иллюстрациях, на вывесках (а тем более на памятниках) нельзя допускать категорически. Ошибки в наборном тексте тоже недопустимы, но к ним можно относиться более терпимо (не забывая исправлять, разумеется).
§ 65. Скиномания
24 февраля 2001
У создателей сайтов есть такой профессиональный термин — кастомизация. Происходит он от английского слова customization и обозначает возможность настроить сайт «под себя», выбрать, какой блок информации появится раньше другого и появится ли вообще. Не проходит мода на сайты, дающие пользователю возможность спрятать или показать блок с гороскопом или поменять местами спорт и политику.
Самое страшное, когда о настройке начинают думать создатели информационных и газетно-журнальных сайтов. Приходится доказывать, что самое главное для издания — сохранить свое лицо и свой голос.
У главного редактора всегда должна быть возможность придумать передовицу и поместить ее именно на первую полосу, а не на шестнадцатую. Именно редакция должна выбирать иллюстрации и темы, но никак не читатель. Читатель может сделать выбор только между редакциями и их публикациями.
Лирическое отступление
В текстовом редакторе «Ворд» пятой версии для Макинтоша была возможность выбрать два вида меню — профессиональное и упрощенное. Нововведение пришлось придушить, так как никто не хотел признавать себя недостаточно квалифицированным для профессионального статуса. Разумеется, можно было бы обойтись более мягкой формулировкой. Подход, ставший стандартом среди больших и сложных программ, — настройки каждого пункта меню в отдельности и тонны пиктограмм, привязанных к функциям, — не решает проблемы. Пользователи хотят видеть все кнопки.
Люди обожают, когда пульт дистанционного управления телевизором похож на приборную панель гражданского авиалайнера. Поэтому вся техника потребительского класса увешана лампочками и кнопочками, а на профессиональной технике — два-три переключателя.
Но потребитель так устроен, что хочет и кнопочки иметь, и к профессиональному приобщиться. Так возникают приставки и окончания «про». Например, караоке-про, что само по себе оксиморон.
Любая попытка предоставить человеку товар «под него» обречена на провал. Потому что человек (явно того не осознавая) хочет получать ненужную информацию, мусор, рекламу, статьи нелюбимых авторов и просто проходить мимо изданий, которые он никогда не покупает. Потому что именно мусор и создает фон, на котором проявляются вкусы и пристрастия человека.
Возможность выбрать информацию (читать только новости по «интересующим» темам и смотреть рекламу только «интересующих» товаров) очень быстро вырабатывает у человека ощущение информационного вакуума. Поэтому единственно возможная настройка в мире информации — это собственно выбор издания.
Однако представляется разумным давать посетителю возможность выбора внешнего вида. В конце концов, если произвести что-либо в десяти разных цветах, то пользователи прекрасно разделятся на десять групп по интересам. Никто же не возмущается формой электрической розетки и не раздражается по поводу стандартного расстояния между штырями штепселя (если только это не американец, приехавший с ноутбуком в Англию). В магазине при этом каждый выбирает цвет и форму розеток по своему вкусу.
Такую же возможность должны давать и крупные сайты, предоставляющие различные виды сервисов. Это касается поисковых систем, почтовых служб, списков рассылок и т. д. Ни в коем случае нельзя давать пользователю настраивать внешний вид газет, новостных лент, презентационных и корпоративных сайтов или магазинов.
Определять количество информации и наличие тех или иных блоков может только создатель сервисного проекта, но никак не посетитель. Точно так же, как владелец квартиры не имеет права сносить или передвигать капитальные стены, но может клеить обои и вешать картины.
Очертив круг проектов, где уместно давать людям возможность выбора, остается только предложить форму реализации. Ни при каких обстоятельствах нельзя размещать рядом с блоками кнопки типа «отредактировать» или «настроить». У человека не должно возникать ощущения, что информация может быть убрана только потому, что ему в данный момент она не интересна.
Есть два возможных варианта выбора внешнего вида сайта.
Вариант № 1. Предоставить посетителю входы на несколько по-разному раскрашенных и оформленных сайтов. Например: red.domain.ru, green.domain.ru, blue.domain.ru.
Вариант № 2. Предоставить посетителю возможность самому нарисовать дизайн, но при обязательном условии — количество и состав блоков должны остаться неизменными. Например, нельзя позволять убирать логотип сервиса. При этом разумным представляется давать несколько видов конструкторов — самый полный, попроще и совсем минималистичный. Такого разнообразия будет более чем достаточно. Размещать можно по адресу типа variant.domain.ru. При этом обязательно должен функционировать основной адрес www.domain.ru, который, собственно, и будет лицом сервиса.
§ 66. Рыба
6 марта 2001
Чтобы показать заказчику эскизы, нужно где-то найти тексты и картинки. Как правило, ни того, ни другого в момент показа эскизов у дизайнера нету. Что же делает дизайнер? Рыбу.
Рыбу можно вставлять, использовать, вешать, заливать, показывать, запихивать… Словом, с ней делают что угодно, лишь бы эскиз был максимально похож на готовую работу.
Если в качестве рыбных картинок использовать цветные прямоугольники, а вместо текста — несколько повторяющихся слов, эскиз будет выглядеть неестественно.
Сравним три примера:
Тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст тут будет текст
Принцип восприятия непредвзято создает паллиативный интеллект, условно. Концепция ментально оспособляет закон внешнего мира. Сомнение раскладывает на элементы неоднозначный структурализм. Смысл жизни профанирует принцип восприятия, отрицая очевидное. Жизнь философски ассоциирует напряженный постмодернизм. Объект деятельности означает конфликт. Согласно предыдущему, конфликт, в рамках сегодняшних воззрений, ясен не всем.
Те, кому когда-либо приходилось делать в квартире ремонт, наверное, обращали внимание на старые газеты, наклеенные под обоями. Как правило, пока все статьи не перечитаешь, ничего другого делать не можешь. Интересно же — обрывки текста, чья-то жизнь… Так же и с рыбой. Пока заказчик не прочтет всё, он не успокоится. Бывали случаи, когда дизайн принимался именно из-за рыбного текста, который, разумеется, никакого отношения к работе не имел.
Иногда даже хорошие дизайнеры не утруждают себя набиванием абстрактного текста, а вписывают три-четыре слова (пример в левой колонке). Это очень плохо, потому что не позволяет зрителю оценить, как на самом деле будет выглядеть текст. Повторяющийся паттерн (узор) текста — один из самых плохих эффектов при показе дизайна.
Текст ни о чем (пример в средней колонке) — хороший способ попытаться сосредоточить внимание заказчика на дизайне, форме, верстке, цвете. Некоторые вместо текста вставляют философскую бессмыслицу. Так как читать такой текст неинтересно, то все внимание переключится на детали оформления.
Замечательный генератор гироскопическо-почвоведческого бреда работает по адресу referats.yandex.ru
Каждая студия выбирает свой стиль работы с рыбой. Автор считает, что все тексты нужно писать самому дизайнеру (правая колонка). У нас в студии принято составлять такую рыбу, чтобы она сама по себе вызывала желание принять дизайн. Поэтому очень часто рыба становится частью готового проекта — так она нравится клиенту.
Примеры из жизни рыбы в «Закулисах»
§ 67. Lorem ipsum
6 марта 2001
В западной традиции рыбой выступает фрагмент латинского текста из философского трактата Цицерона «О пределах добра и зла», написанного в 45 году до нашей эры. Впервые этот текст был применен для набора шрифтовых образцов неизвестным печатником еще в XVI веке.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Сегодня этот текст используют практически все дизайнеры, набирающие рыбу латиницей. Абзац считается каноническим во всех справочниках по типографике и предлагается к использованию в статьях, посвященных изготовлению макета верстки при отсутствии финальных текстов. В руководствах по работе с фирменным стилем крупных международных компаний именно с этих слов начинаются образцы верстки. Существуют даже издания с названием Lorem ipsum.
Футболка «Лорем ипсум» в нашем магазине
Впрочем, этот текст безнадежно далек от оригинала. Он даже уже не родственник 32 абзаца первой книги цицероновского трактата:
Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem. ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?
Интересно узнать, в какой момент слова из середины предложения (dolorem ipsum) стали началом традиционного типографского абзаца (Lorem ipsum).
Желающим использовать в своей верстке именно неправильный вариант следует убедиться, что в нем нет ничего непристойного — за годы модификации этого рыбного текста многие шутники чего только не повписывали туда.
Все-таки, lingua latina non penis canina est.
§ 68. Доменные имена по-русски
8 апреля 2001
Некоторое время назад у китайцев появилась возможность регистрировать доменные имена по-китайски. Недавно о похожей услуге объявила компания РБК. Она предлагает регистрировать домены по-русски в зоне. com[8].
Пожалуй, идея регистрировать домены не латинскими буквами — это самое идиотское, что появилось за последнее время в сети.
Не только с точки зрения интерфейса, но и с точки зрения организации информации смешивание алфавитов представляет собой чудовищную проблему для любого, кто захочет потом в такой каше разобраться. Смешанные алфавиты (и смешанные регистры — в системах, где разница существует, как в «Юникс», например) хороши только для создания паролей. Но доменное имя — это не шифровка, оно нужно для того, чтобы его могли при желании набрать руками.
Владелец русскоязычного домена сможет вместо www создать домен третьего уровня ввв. Com — это сокращение от английского commercial, и набирать это надо латинскими буквами.
Русские домены таят в себе еще много проблем.
Во-первых, непонятно, как набрать домен русскими буквами, когда нельзя быть уверенным, что у всех пользователей одна кодировка.
Во-вторых, при нажатии на любую ссылку внутри сайта русские буквы домена будут превращаться в такие закорюки: %F5%F3%E9%ED%FF.
В-третьих, с таким адресом нельзя нормально пользоваться электронной почтой (письмо просто не дойдет).
В-четвертых, русский домен нельзя перевести в латиницу — переводное название может оказаться давно занятым.
Но самая страшная проблема может возникнуть в случае, когда кто-то решит завести адрес, в котором в пределах доменного имени второго уровня будут перемешаны русские и латинские буквы. Например: www.IВМ. com. В слове IВМ только первая буква латинская. Вторые две — это русские «вэ» и «эм». С таким адресом можно сделать копию сайта «Ай-би-эм» и повесить форму для сбора денег под видом электронного магазина (а дизайн воруется с идеальной аккуратностью без затруднений).
ем длиннее существующий домен, тем тяжелее предусмотреть и зарегистрировать все сочетания букв из разных алфавитов (мы еще не забываем про кодировки).
Хозяйке на заметку
Читать бесплатно другие книги:
