Понятие «веб дизайн» или «дизайн сайта» можно сформулировать как «внешний вид сайта». Перед началом разработки дизайна сайта необходимо определить три основных момента:
- Цветовое решение сайта
- Расположение основных элементов дизайна сайта (кнопок, картинок, таблиц, текста и т.д.)
- Юзабилити сайта (в буквальном переводе с английского – «удобство пользования»)
В среде веб-мастеров и веб-дизайнеров сложились две группы, которые вот уже много лет отчаянно спорят между собой, пытаясь найти «золотую середину». Первая – сторонники «красоты», утверждающие, что именно необыкновенные эффекты типа мерцающих звезд или танцующих в тумане девушек способны сделать сайт по-настоящему конкурентоспособным и прибыльным.
Вторая (во главе с Джейкобом Нельсоном) – утверждают, что поскольку 90% посетителей ходят на сайты за информацией, то основная цель дизайна сайта – не мешать посетителю находить и изучать контент сайта. Среди второй группы бытует поговорка: «Самый классный коммерческий дизайн сайта – это полное отсутствие веб-дизайна».
Наверное, истина находится где-то посередине.
Попробуем проанализировать некоторые аспекты создания дизайна сайта и постараемся создать некую абстрактную модель сайта, приятного глазу и одновременно удобного для самого неискушенного Интернет-пользователя.
Цветовое решение сайта.
Здесь есть уже немало отработанных и опробованных на практике методик.
Одна из них – воспользоваться при подборе цветов советом профессионального художника, которые хорошо разбирается в цветовых сочетаниях.
Вторая – посмотреть статьи об особенностях психологического восприятия того или иного цвета. К примеру, психологи говорят, что красный и все его производные – это самые тяжелые для восприятия цвета, поэтому они вызывают чувство агрессии или тревоги. И красный цвет уместен разве что в дизайне сайта, посвященном корриде, революции или еще какому-нибудь кровавому человеческому безобразию.
А вот зеленый цвет и вся зелено-оливковая гамма наиболее комфортны для восприятия, поэтому они и вызывают чувство покоя, комфорта, доверия. Да и доллар – он тоже зеленого цвета, а большое всего витаминов – в деньгах, как утверждают знатоки...
Обратите внимание: очень много бизнес-сайтов сделаны именно в оливково-зеленой гамме.
Третья методика подбора цвета, сейчас уже устаревшая – цвета государственных флагов. Сайты, сделанные в таком дизайне, получаются ярковатыми, но в целом красивыми.
Однако наиболее перспективным автору этих строк представляется другое направление: создание дизайна сайта с помощью «естественных», природных цветов. Проще говоря – берется фотография природного ландшафта, и на ее основе подбираются цвета сайта.
Говоря о цветовом решении сайта, нельзя не остановиться на цвете фона и шрифта – ведь мы же делаем сайт для того, чтобы посетители читали наш уникальный контент!
Здесь всё достаточно просто: мы с детства привыкли читать черным по-белому. И уверяю Вас – всё население Интернета привыкло читать точно так же. Поэтому не нужно пытаться переучивать Ваших посетителей и делать лиловый шрифт на желтом фоне или (что очень любит Артемий Лебедев) – белым по черному.
У людей от таких текстов устают глаза, они раздражаются, обижаются и в конце концов уходят с цветастого сайта.
Не забывайте, что между Вами и Вашим конкурентом расстояние в Интернете – один клик мышки! И что посетитель (он же – покупатель) уйдет на менее красивый, но более удобный и простой для него сайт, не оценив Ваших цветовых и прочих художественных изысков.
Расположение основных элементов дизайна сайта (кнопок, картинок, таблиц, текста и т.д.)
Здесь, вроде бы, все просто: удобство, простота и лаконичность. Идеал: страничка полностью укладывается в размер монитора, даже самого среднего. Идеала достичь, конечно, непросто. Но если вертикальный скрол еще допустим, то горизонтальный просто невозможен. Люди с таких сайтов уходят сразу.
При подборе картинок для странички нужно помнить два основных момента: картинка по цвету и стилю не должна «выбиваться» из общего цветового решения, и она не должна быть очень тяжелой.
Немного статистики: если сайт загружается дольше 10 секунд, 90% посетителей с него уходят.
Навигационные ссылки должны быть легко различимы даже для самого неискушенного пользователя.
Юзабилити сайта
Эта тема требует отдельной статьи, хотя она непосредственно связана с веб-дизайном. Если вернуться к началу нашего обзора, идеальным является дизайн сайта, который мотивирует посетителя еще и еще раз приходить на сайт, знакомиться со всеми его разделами и постепенно переходить из разряда просто посетителей в желанный разряд покупателей или заказчиков наших услуг.
Маленькая ремарка: не бойтесь планировать дизайн сайта, исходя из Ваших личных вкусов и пристрастий. «Подобное притягивает подобное» - посетители вашего сайта, скорее всего, будут в чем-то похожи на вас – ведь они интересуются вашей тематикой! Значит то, что нравится Вам, с большой степенью вероятности понравится и им.
Теги:
веб-дизайн,
дизайн сайта,
юзабилити,
джейкоб нельсон,
цель дизайна,
аспекты создания сайта,
коммерческий сайт,
цветовое решение,
элементы веб-дизайна |