1.3 Понятие веб-дизайна

Веб-дизайн (англ. Web design, веб проектирование) – разновидность дизайна, который занимается проектированием пользовательских веб-интерфейсов для сайтов и веб-приложений [7]. Понятие веб-дизайна включает в себя два аспекта: технический и творческий.

С технической точки зрения, веб-дизайн является проектированием, использующим верстку посредством гипертекстовой разметки (HTML), языка описания внешнего вида документа (CSS), языков программирования (PHP, JavaScript, Ajax).

С творческой точки зрения веб-дизайн является художественным оформлением электронных ресурсов. Оба эти аспекта являются неделимым целым, так как невозможно исполнение веб-разработки без художественного оформления, и также невозможно разработать функциональный дизайн сайта без проектирования. Таким образом, веб-дизайн можно условно назвать художественным конструированием [10].

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

1.3.1 Факторы, влияющие на качество веб-дизайна

Технические факторы.

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

Характеристики монитора (размер экрана, разрешающая способность, количество цветов), его качество. Наиболее рациональным веб-дизайном считается тот, который не теряет своего качества при разрешении от 600х800 до 1240х1024 (от 15" ЭЛТ до 19" ЭЛТ или 17" LCD). Основное разрешение, на которое следует ориентировать веб-дизайн – 1024х768 пикселей. Основной режим мониторов, на которые ориентируется веб-дизайн: 15 разрядов цветов и выше (число цветов 65536 и выше).

Установка или отключение возможности просмотра графики при просмотре сайта. При возможном отключении графики, веб-дизайн не должен сильно страдать. Должны быть прописаны атрибуты "alt"¹ у всех значимых изображений (тогда текстовое значение картинок будет заменять графическое). Вместе с использованием фоновых изображений для блоков следует определить и фоновый цвет.

Кросс-браузерность (версия браузера). Следует учитывать, что посетителями используются разные браузеры, которые по-разному интерпретируют веб-страницу. Веб-дизайн должен максимально одинаково смотреться в поздних версиях наиболее распространенных браузеров. На сегодняшний день это Google Chrome, Mozilla Firefox и Opera.

Настройки системы безопасности компьютера посетителя. Например, настройки безопасности могут отключить некоторые JavaScript - скрипты, блокировать всплывающие окна.

Настройки браузера (размер шрифта, тип шрифта и пр.). Обычно размер шрифта сайтов в браузере интерпретируется как 10-12 пунктов. Оформление (размер шрифта, гарнитура, стиль) заголовков, названий страниц и пр. определяется разработчиком при создании дизайна сайта.

Версия операционной системы, установленная на компьютере посетителя. Версия ОС может влиять, например, на отображение цветовой гаммы.

Местоположение принимающего компьютера: город, страна. От этого параметра зависит отображение кодировки. В России стандартно применение "windows-1251"-кодировки. С некоторых пор, в мире осуществляется переход на универсальную кодировку "utf-8", одинаково хорошо отображающуюся на разных языках [9].

Социальные факторы.

Большое значение имеет то, для какой аудитории будет создаваться сайт. Нужно определиться с основными характеристиками предполагаемой или желаемой целевой аудитории, на их основе будут базироваться психологические факторы, влияющие на веб-дизайн, в данном случае веб-дизайн интернет-магазина:

• пол посетителя: мужчина или женщина, его возраст;

• его образование;

• место работы;

• материальное положение.

Психологические факторы:

• мотивация;

• степень заинтересованности посетителя;

• задачи, которые ставит перед собой посетитель;

• личностные особенности (характер, темперамент, склонности);

• психологическое состояние (мрачное, игривое, приподнятое);

• самочувствие посетителя, степень его усталости;

• релевантность – соответствует или нет информация, представленная на сайте, тому ключевому слову, по которому был найден сайт.

Физиологические факторы.

Перед началом разработки веб-дизайна сайта следует определиться, будет ли производиться учет физиологических факторов, например, таких как дефекты зрения (близорукость, дальнозоркость, дальтонизм).