Современный веб-дизайн: целесообразность и эффективность

Винсент Ван Гог "Звёздная ночь над Роной" Современный веб-дизайн: целесообразность и эффективность
 

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

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

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

   

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

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

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

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

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

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

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

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

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

Расположение элементов оформления должно подчеркивать важные информационные блоки, «водя» взгляд посетителя по экрану так, чтобы тот в течение нескольких секунд понял «о чем здесь написано» и «что делать дальше».

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

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

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

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

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

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

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

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


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

31.03.2004

У вас есть бизнес-задачи?

Мы рядом и готовы помочь

[ captcha ]
* отмечены поля, обязательные для заполнения

Продолжить просмотр

Смотреть другие статьи
7 признаков того, что сайт нужно обновить

7 признаков того, что сайт нужно обновить

10.11.2020
Как пользователи ведут себя в выдаче поисковых систем?

Как пользователи ведут себя в выдаче поисковых систем?

08.10.2020
Энергия для себя — энергия для бизнеса

Энергия для себя — энергия для бизнеса

15.04.2020
Доступная удалённость

Доступная удалённость

09.04.2020
 Меняем бизнес из своих квартир

Меняем бизнес из своих квартир

27.03.2020
Море шума и плот адекватности

Море шума и плот адекватности

02.03.2020
C Новым 2020 годом и Рождеством!

C Новым 2020 годом и Рождеством!

09.01.2020
Буква закона сайтопродвижения

Буква закона сайтопродвижения

06.12.2019
Реальная стоимость настройки рекламной кампании

Реальная стоимость настройки рекламной кампании

06.12.2019
Подводные камни продвижения сайтов

Подводные камни продвижения сайтов

08.08.2019
Вся статистика сайта на одном экране

Вся статистика сайта на одном экране

02.08.2019
Обновили сайт Бани174

Обновили сайт Бани174

16.05.2019
Запуск сайта Moredigelso

Запуск сайта Moredigelso

13.05.2019
Развиваемся на SMM Ural 2019

Развиваемся на SMM Ural 2019

26.04.2019
Сайт курорта Утёс - первые результаты

Сайт курорта Утёс - первые результаты

18.03.2019
Выложен в сеть пилотный проект сайта "Финанс-Капитал"

Выложен в сеть пилотный проект сайта "Финанс-Капитал"

15.02.2019
Послание Оттуда

Послание Оттуда

12.02.2019
С Новым 2019 годом

С Новым 2019 годом

27.12.2018
На Каникулах - к Деду Морозу!

На Каникулах - к Деду Морозу!

27.08.2018
Пилотный проект «Кухни Монтанья»

Пилотный проект «Кухни Монтанья»

21.08.2018
Кондитерская «Мэри» - сделано с душой

Кондитерская «Мэри» - сделано с душой

06.08.2018
Частный детский сад «Сказочная Страна»

Частный детский сад «Сказочная Страна»

31.07.2018
Лаборатория качества

Лаборатория качества

13.07.2018
Уникальная разработка

Уникальная разработка

03.07.2018
Титаническая работа интернет-маркетологов

Титаническая работа интернет-маркетологов

27.06.2018
Сайт автоломбарда

Сайт автоломбарда

18.06.2018
Поздравляем с Днём России!

Поздравляем с Днём России!

09.06.2018
Наши клиенты растут!

Наши клиенты растут!

01.06.2018
Обновили сайт для «Прогресс-Паритет-Проект»

Обновили сайт для «Прогресс-Паритет-Проект»

28.05.2018
Доработка тендерной площадки «Равис»

Доработка тендерной площадки «Равис»

17.05.2018
Поздравляем с Днём Победы!

Поздравляем с Днём Победы!

08.05.2018
Поздравляем с праздником Весны и Труда!

Поздравляем с праздником Весны и Труда!

28.04.2018
Изменения в Яндекс.Директе

Изменения в Яндекс.Директе

25.04.2018
Заблокирован сервис FindFace

Заблокирован сервис FindFace

19.04.2018
Создание интерактивной карты для «Гирда»

Создание интерактивной карты для «Гирда»

04.04.2018
Лендинг для детских хоккейных сборов «Мир хоккея»

Лендинг для детских хоккейных сборов «Мир хоккея»

26.03.2018
Обновление сайта «Диагностика металлов»

Обновление сайта «Диагностика металлов»

22.03.2018
Дипломированный специалист

Дипломированный специалист

16.03.2018
Поздравляем с 8 марта!

Поздравляем с 8 марта!

07.03.2018
Поздравляем мужчин!

Поздравляем мужчин!

22.02.2018
Продвижение благотворительного движения «Искорка-Фонд»

Продвижение благотворительного движения «Искорка-Фонд»

15.02.2018
Наш программист в спектакле "Манекена"

Наш программист в спектакле "Манекена"

31.01.2018
Экскурсия в «Мэри» - чтобы сделать правильный сайт

Экскурсия в «Мэри» - чтобы сделать правильный сайт

22.01.2018
На досуге снимаемся в клипах

На досуге снимаемся в клипах

17.01.2018
С Рождеством!

С Рождеством!

06.01.2018
Поздравляем с Новым годом!

Поздравляем с Новым годом!

29.12.2017
Новая версия сайта «Радио 100FM»

Новая версия сайта «Радио 100FM»

22.12.2017
Обновили сайт для «Фианит-Ломбард»

Обновили сайт для «Фианит-Ломбард»

06.12.2017
Юбилей у "Английского клуба"

Юбилей у "Английского клуба"

29.11.2017
Разработка сайта для "Главного бухгалтера"

Разработка сайта для "Главного бухгалтера"

20.11.2017
Разработка сайта для агрофирмы "Октябрьская"

Разработка сайта для агрофирмы "Октябрьская"

07.11.2017
Осенний Кубок Челябинской области по управленческой борьбе

Осенний Кубок Челябинской области по управленческой борьбе

30.10.2017
Создание нового сайта для радио "Континенталь"

Создание нового сайта для радио "Континенталь"

19.10.2017
Создание посадочной страницы для автосервиса

Создание посадочной страницы для автосервиса

10.10.2017
Концерт группы "Never-Opened-Doors"

Концерт группы "Never-Opened-Doors"

01.10.2017
Калькулятор услуг на сенсорном экране

Калькулятор услуг на сенсорном экране

22.09.2017
Поздравляем программистов с праздником!

Поздравляем программистов с праздником!

13.09.2017
Сделали редизайн сайта тренера по переговорам Константина Смирнова

Сделали редизайн сайта тренера по переговорам Константина Смирнова

07.09.2017
Поздравляем с Днём знаний

Поздравляем с Днём знаний

01.09.2017
Сделали редизайн сайта для торгового дома «Спецпошив»

Сделали редизайн сайта для торгового дома «Спецпошив»

25.08.2017
Разработали афишу и листовку для мероприятия «Искорки» в Чебаркуле

Разработали афишу и листовку для мероприятия «Искорки» в Чебаркуле

16.08.2017
Разработка фирменного стиля

Разработка фирменного стиля

11.08.2017
Запустили новый сайт для экстрим-клуба «Быстрай»

Запустили новый сайт для экстрим-клуба «Быстрай»

03.08.2017
Разработали калькулятор стоимости светодиодного экрана

Разработали калькулятор стоимости светодиодного экрана

28.07.2017
Сувенирная продукция для «Искорки»

Сувенирная продукция для «Искорки»

20.07.2017
Корпоратив в конно-стрелковом клубе «Быстрай»

Корпоратив в конно-стрелковом клубе «Быстрай»

15.07.2017
Анкета против рака

Анкета против рака

03.07.2017
Наш дизайн-концепт отметили на Behance

Наш дизайн-концепт отметили на Behance

28.06.2017
Обновили сайт кондитерской фабрики «Уральские кондитеры»

Обновили сайт кондитерской фабрики «Уральские кондитеры»

21.06.2017
Разработали сайт для «Техномета»

Разработали сайт для «Техномета»

13.06.2017
Изменения в законе о персональных данных

Изменения в законе о персональных данных

05.06.2017
Посетили мастер-класс Анастасии Давыдовой

Посетили мастер-класс Анастасии Давыдовой

25.05.2017
Как мы провели выходные

Как мы провели выходные

17.05.2017
Поздравляем с Днём Победы

Поздравляем с Днём Победы

09.05.2017
Поздравляем с 1 Мая

Поздравляем с 1 Мая

01.05.2017
Запустили обновлённый сайт для «Ассоциация преподавателей вузов»

Запустили обновлённый сайт для «Ассоциация преподавателей вузов»

24.04.2017
Разработали сайт для «Альфа-леса»

Разработали сайт для «Альфа-леса»

14.04.2017
Чемпионат по быстрой управленческой борьбе

Чемпионат по быстрой управленческой борьбе

03.04.2017
Сделали редизайн сайта «Леденцовой фабрики»

Сделали редизайн сайта «Леденцовой фабрики»

29.03.2017
Закончено обучение по менеджменту адаптивных организаций

Закончено обучение по менеджменту адаптивных организаций

20.03.2017
Наш дизайнер открывал концерт LOUNA

Наш дизайнер открывал концерт LOUNA

11.03.2017
Разработали мобильное приложение «Новатэк-АЗК»

Разработали мобильное приложение «Новатэк-АЗК»

06.03.2017
Приятный вечер в Boris Bar

Приятный вечер в Boris Bar

03.03.2017
Поздравляем с Днём защитника Отечества

Поздравляем с Днём защитника Отечества

23.02.2017
Испытали «Антишок»

Испытали «Антишок»

18.02.2017
Запустили мобильное приложение для Фианит-ломбарда

Запустили мобильное приложение для Фианит-ломбарда

13.02.2017
Собираем столы для дизайнеров

Собираем столы для дизайнеров

07.02.2017
Повышаем производительность отдела дизайна

Повышаем производительность отдела дизайна

03.02.2017
Наш специалист принял участие в семинаре по армреслингу

Наш специалист принял участие в семинаре по армреслингу

28.01.2017
Запустили сайт интернет-магазина «Спектрум-мебель»

Запустили сайт интернет-магазина «Спектрум-мебель»

12.01.2017
Как мы провели новогодние каникулы

Как мы провели новогодние каникулы

10.01.2017
Какой именно сайт нужен заказчику? Ответы на вопросы журнала «Деловой Квартал»

Какой именно сайт нужен заказчику? Ответы на вопросы журнала «Деловой Квартал»

31.07.2012
Николай Жуков об эффективности сайтов и искусстве задавать правильные вопросы

Николай Жуков об эффективности сайтов и искусстве задавать правильные вопросы

17.07.2008
Веб-сайт предприятия: живой работник или бронзовый памятник?

Веб-сайт предприятия: живой работник или бронзовый памятник?

01.07.2008
Печка, от которой строятся сайты

Печка, от которой строятся сайты

14.05.2008
Как веб-сайт может навредить Вашему бизнесу

Как веб-сайт может навредить Вашему бизнесу

15.04.2008
О технологии гибких сайтов

О технологии гибких сайтов

11.03.2008
Сколько стоит сайт построить

Сколько стоит сайт построить

03.12.2004
Подводные камни интернет-продвижения

Подводные камни интернет-продвижения

05.11.2004
Веб-сайт предприятия. Простые секреты эффективной работы

Веб-сайт предприятия. Простые секреты эффективной работы

01.10.2004
Дарвинизм в экономике: От «закона джунглей» к осознанной селекции

Дарвинизм в экономике: От «закона джунглей» к осознанной селекции

13.08.2004
Всё будет реально, не виртуально

Всё будет реально, не виртуально

06.08.2004
Оценка эффективности сайта: Пробуем посчитать несчитаемое

Оценка эффективности сайта: Пробуем посчитать несчитаемое

04.06.2004
От чего зависит эффективность интернет-магазина

От чего зависит эффективность интернет-магазина

21.05.2004
Чем гибче сайт, тем легче бизнесу

Чем гибче сайт, тем легче бизнесу

09.04.2004
О создании корпоративного портала

О создании корпоративного портала

19.03.2004
Две истории от Пети и Вани

Две истории от Пети и Вани

06.02.2004
О резервах, покрытых паутиной

О резервах, покрытых паутиной

05.06.2003
Как облегчить жизнь менеджера по продажам

Как облегчить жизнь менеджера по продажам

04.04.2003
Не стреляйте в рекламиста

Не стреляйте в рекламиста

03.03.2003
Не терзайте программистов или Как облегчить жизнь отделу ИТ

Не терзайте программистов или Как облегчить жизнь отделу ИТ

07.02.2003
Некоторые мифы сайтостроительства

Некоторые мифы сайтостроительства

18.12.2002
Как выйти в сеть и не попасться в сети

Как выйти в сеть и не попасться в сети

03.12.2002