Приходит один новый русский к другому. Хозяин зовет его в комнату и хвастает:

— Посмотри какой у меня телевизор — из чистого золота сделан!
— А как его смотрят?
— Ты чо?! Его не смотрят — его показывают!!!!

Бородатый анекдот

В недалеком прошлом под веб-дизайном понимали непосредственно процесс создания веб-сайтов. Это было справедливо, ведь словосочетание «веб-дизайн" ворвалось в нашу жизнь, вместе с интернетом, из английского языка. А в английском слово design — очень емкое: Оно включает в себя замысел (задумку, идею), намерение и предназначение, проектирование и разработку, собственно дизайн — оформление картинками, узорами и т. д. Т. е. в английском языке понятие web design легко покрывает весь процесс разработки веб-сайта от замысла и проработки бизнес-идеи до программирования и оформления.

Художник Тюбик и ТоропунькаУ нас это понятие, с одной стороны, «свернулось» именно до оформления, а с другой многие полагают, что оформление слов картинками и есть то единственное, что нужно сделать при создании сайта. Это, с позволения сказать, «заблуждение» активно поддерживается многочисленными студиями веб-дизайна и «вольными стрелками» веб-дизайнерами. Но создание современного веб-сайта — это сложный и многоуровневый процесс. Сегодня мне бы хотелось коснуться отдельных вопросов, касающихся именно оформительской части этого процесса.

По своему личному опыту в области разработки веб сайтов могу сказать, что в web-дизайне есть две крайности, в которую обычно впадают отдельные веб-дизайнеры, прикрывая свой непрофессионализм:

  1. Торопунька с портретомДизайн не важен — важен только контент. Посетителю все равно как выглядит сайт — он пришел за информацией (читай — текстами). Веб-дизайнер будет стоять и доказывать с пеной у рта, что то, что вот эта информация не выделяется и на нее не поставлен акцент — ерунда. Главное забить побольше всякой «инфы»: анекдотов, забавных картинок, и люди к вам толпой повалят! Правда умолчит о том, кому нужны люди, которые пришли на сайт строительной компании почитать анекдоты.
  2. Красивый дизайн — это все что нужно посетителю сайта. Главное чтобы красиво было (прыгало, мигало, переливалось всеми цветами радуги:) а то, что навигация на сайте не очевидна, надписи не читаются, а пользователь, приходя на сайт, замрет, растерявшись что делать дальше: А что вы хотели?! Зато какое эстетическое наслаждение грацией линий, игрой оттенков получат истинные ценители веб-дизайна, зашедшие на сайт. («Ну что ж у вашего монитора цвета так плохо откалиброваны! Здесь ведь такой оттенок теряется:», «Ну разве так можно? Так ведь уже давно никто не рисует, а то что вы от меня требуете — это профанация самой идеи веб-дизайна! Не буду я делать эти буквы ни ярче ни больше!!!»). Ну и что, что это мелькание картинок отвлекает от основной информации? Зато художник самореализовался.

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

Веб-дизайн не может быть хорошим сам по себе. «„Хорошим“ дизайн может быть только относительно какой-тозадачи». Не претендуя на новизну открытия, расскажу лишь о своих критериях, которые я использую для оценки качества работы дизайнера, в процессе работы над созданием сайта.

Основные принципы эффективного веб-дизайна

1. Веб-дизайн должен ориентироваться на целевую аудиторию

Незнайка рисует ГунькуЕсли достаточно большая часть аудитории, к примеру, те люди которые подключаются к интернет по телефонной линии, в оформлении не должно быть больших, или как говорят специалисты, «тяжелых» картинок. Если среди аудитория состоит из специалистов-компьютерщиков, позаботьтесь о том, чтобы созданный сайт был виден абсолютно под всеми браузерами. А если аудитория из тех, кто наверняка оставлял настройку машины «по умолчанию» можно не стесняться сделать какой-нибудь нужный, с функциональной точки зрения, элемент, который не будет работать в Netscape или Galion и т. п. — это почувствует на себе менее 1% посетителей. Для сайта развлекательной тематики движущиеся элементы, мерцание и яркость красок будут, возможно, в самый раз, а на деловом или информационном ресурсе такой веб-дизайн будет совершенно не уместен — раздражать и отвлекать внимание.
Расположение элементов оформления должно подчеркивать важные информационные блоки, «водя» взгляд посетителя по экрану так, чтобы тот в течение нескольких секунд понял «о чем здесь написано» и «что делать дальше».

2. Web-дизайн должен быть эргономичным

Соблюдать контрастность текста к фону, использовать удобную навигацию, по возможности не изменять расположение навигационных элементов на разных страницах сайта. Грамотная навигация по сайту и соблюдение правила «трех кликов» (до любой информации на сайт пользователь должен добираться не более чем за три щелчка мыши) — эти требования веб-дизайна следуют из элементарного уважения к посетителям сайта. Если разрабатываемый сайт имеет коммерческую или информационную направленность, лучше не экспериментировать с «нетрадиционной» навигацией по сайту только лишь ради того, чтобы «выделиться» в общей массе. Выделяйтесь за счет чего-нибудь другого, но меню должно находиться там, где пользователь привык, где он ожидает его увидеть.

3. Веб-дизайн должен быть красивым

А это значит приятным глазу, комфортным. Единообразие шрифта, минимум выделений шрифта цветом и размером букв, обеспечат посетителю комфорт на вашем веб-сайте, а вам — постоянного посетителя. И хоть красота не есть понятие абсолютное, критерий здесь достаточно прост. Веб-дизайн в первую очередь должен понравиться посетителям вашего сайта (в конечном счете — вашим клиентам) и уж потом вам, как владельцу сайта. Покажите концепцию дизайна, который собираетесь утвердить, нескольким своим клиентам и послушайте их мнение.

4. Технологичность веб-дизайна

Незнайка делает выставкуТребование технологичности web-дизайна обусловлено тем, что современный ресурс динамичен. В нем нет фиксированного набора разделов — они будут добавляться вами, как владельцем и администратором сайта, в процессе эксплуатации сайта. Все что может, и о чем обязан позаботиться веб-дизайнер — это о правилах вывода типовых (и на этапе разработки весьма абстрактных) элементов и информационных объектов, которые в дальнейшем вы будете размещать на своем сайте. Сразу скажу, что задача это не простая и накладывает на дизайнера массу ограничений. Более того, подавляющее большинство веб-дизайнеров просто не привыкло еще работать в условиях динамично развивающейся структуры веб-сайта. На этапе разработки ему приходится работать в тесной связке с верстальщиком, обдумывая что произойдет с той или иной картинкой если здесь появится слишком длинное название, или пунктов в меню станет слишком много. Вот в этих строгих рамках и должен найти элегантную свободу современный веб-дизайнер.

Сразу скажу, что соблюсти все эти требования не всегда удается, а иногда это просто экономически нецелесообразно. Во всем нужно знать меру. Если гонка за совершенством внешнего вида затягивает реализацию всего проекта, то в конце концов это оборачивается потерей денег.

Я понимаю, что многие вопросы, которые здесь поднимаются весьма спорные. А всех требований к современному веб-дизайну не изложишь в короткой статье. Всех, кто хочет обсудить или поспорить — милости прошу.


Николай Кукушкин,
Дайджест «Электронный Урал»

Приезжайте

г. Челябинск,
ул. Маркса, 46,
6 этаж

по будням
с 9:00 до 18:00