Сайт без картинок и теней — это тоже сайт. Дизайн — это прежде всего конструирование и подача информации.
Большинство сегодняшних веб-дизайнеров не понимает, что их труд по накрамсыванию скриншотов — это бессмысленная и неактуальная работа. Настоящий сайт — это всегда сложный конструкторский проект. Сделать сайт, который живет при любой ширине экрана, во много раз сложнее, чем сайт с фиксированной шириной. Сделать графические заголовки и врезки может даже человек с коэффициентом интеллекта, равным комнатной температуре.
Все вышесказанное, разумеется, не отменяет эстетической стороны создания сайта.
Чтобы понять разницу между функциональностью и эклектикой, надо представить удобное, ровное, размеченное автомобильное шоссе, с одной стороны, и лабиринт из английских кустов, в котором проложена мозаичная тропинка — с другой. И то и другое — труд дизайнера. И то и другое — произведение искусства. На шоссе обычно никто не обращает внимания, а тропинкой в лабиринте больше одного раза в жизни мало кто пользуется. Это и есть разница между информационным и презентационным дизайном.
Информационный дизайн (www.ya.ru)
Живет на всю ширину экрана.
Грузится за секунды и работает везде.
Идеально подходит для ежедневного использования.
Не требует времени на изучение — все сразу понятно.
Знакомый дизайнер утверждает, что приведенный пример — полный отстой.
Презентационный дизайн (mtelecom.ru)
Ограничен в ширине, чтобы поместиться в окне при минимальном разрешении (фиксированный дизайн на ширину больше 620 пикселей — ламерство и неуважение по отношению к пользователю).
Грузится долго даже на быстром канале, а зритель с отключенной графикой лицезреет большое количество непоказанных картинок.
Требуется человеку один раз в год — в момент принятия судьбоносного решения о покупке пейджера, компьютера, автомобиля, дома.
Как правило, имеет запутанную структуру, сложную навигацию, построенную на навороченной метафоре, требует привыкания к Главной Идее Дизайнера.
Знакомый дизайнер утверждает, что приведенный пример — «так себе», но делает именно так, утяжеляя графику в три раза, произносит магические слова «я делаю настоящий дизайн», после получения гонорара увеличивает самомнение в четыре раза.
Сразу забежим в недалекое будущее — презентационный дизайн изживет себя. Скоро все, что грузится больше пяти-десяти секунд, начнет искать новые пути выражения, отличные от веба.
Чтобы выжить, презентационным сайтам придется либо брать на вооружение приемы информационного дизайна, либо предоставлять альтернативный (быстрый) доступ к информации.
§ 57. Делайте сайты проще
Простота — необходимое условие прекрасного.
2 августа 2000
Почти сто лет прошло с момента написания эпиграфа к этому параграфу, а ценность высказывания не уменьшилась.
Желание усложнить всегда происходит от другого желания — набить себе цену. Мало кто станет разбираться в сложном — на то и расчет. Подумают — раз сложно, значит, человек знает, что делает. Просто и у дурака выйдет. Поэтому, например, невозможно читать даже школьные учебники по физике — написано так, чтобы в авторитетности автора не возникло ни малейшего сомнения.
Зачем сознательно усложнять работу с сайтом? Есть три варианта.
Вариант 1. Минимализм…
Создатели сайта smi.ru захотели поиграть в минимализм, в результате чего получилось так:
Если не пользуешься этой формой, все хорошо. Но когда заносишь курсор, то задумываешься. Во-первых, какая рассылка мне грозит? Раз в пять минут или три раза в год? И о чем? Во-вторых, словосочетание «ваш@адрес» у неопытного человека вообще вызовет чувство легкого испуга — на адрес электронной почты не совсем похоже, на адрес сайта тоже… Полторы строчки комментария сделали бы из неудобоваримой псевдотехнократической зауми образец понятного лаконизма.
Вариант 2. Капитализм
Примеров безобразно много. Взять тот же download.com. Чтобы дойти от формы поиска до нужного файла, человек вынужден преодолеть четыре-пять страниц. Спрашивается, зачем? Сколько страниц загружено, столько баннеров скачано. Эта совершенно гнусная практика с годами лишь набирает обороты. Типа, куды ж ты денешься, раз тебе файл нужен.