Часто такие термины, как веб-дизайнер и веб-разработчик легко взаимозаменяемы в СМИ и рекламе. Но на самом деле это две разные специализации.
Дизайн включает в себя всё, что посетитель видит на сайте, в то время как веб-разработка отвечает исключительно за функциональную часть сайта. В этой статье мы постараемся найти отличия между веб-дизайном и веб-разработкой.
Итак, веб-сайт состоит из таких важных аспектов:
- визуально-чувствительный – это в основном, графика, цветовая гамма сайта, навигация, и.т.д.
- содержимое сайта (контент) – информация, сам продукт, а также всё, что доступно на сайте.
- Функционал – состоит из интерактивных возможностей, доступных посетителям сайта, а также необходимой инфраструктуры для реализации функционала.
- Юзабилити – это взгляд на сайт глазами посетителя. Включает в себя программное взаимодействие, навигацию и критерии полезности сайта.
Графика
Это внешний вид сайта. Графический дизайнер принимает решение, какие цвета и шрифты будут использованы на сайте, и как разместить каждую страницу сайта.
Дизайнер владеет хорошим чувством формы и композиции, умеет удачно комбинировать цвета и изображения, чтобы сайт выглядел так, как хочет заказчик.
Контент
Контент – это весь текст, размещенный на сайте. Это могут быть тексты разного характера – от политики конфиденциальности до очень убедительных заявлений о преимуществах данного продукта, побуждающих потратить тяжело заработанные деньги и т.д. Если это письменный текст – тогда он является частью контента. Для того, чтобы ваш контент был качественным, вам понадобиться копирайтер или редактор.
Функционал
Функционал включает в себя все интерактивные аспекты на веб-сайте, это также может быть анимация. В общих чертах этот процесс можно описать так: программисты создают функциональную часть сайта, используя различные языки программирования для веб-серверов и браузеров.
Для анимирования графики может быть использована технология Flash. А чтобы создать качественные динамические страницы, на веб-серверах используют такие языки программирования, как Perl, php и java. Такие страницы могут работать независимо, но чаще всего они связаны с базами данных, что обеспечивает нужные функции на веб-странице.
Существуют также так называемые CMS системы, не видимые для посетителей сайта. Это могут быть программы, редактирующие внешнюю оболочку сайта и контент, а также другие «админки», позволяющие людям без особых знаний языков программирования работать с организацией содержимого на сайте.
Для работы на сайте все эти программы должны быть интегрированы в HTML-код.
Юзабилити
Юзабилити – это взгляд на сайт глазами посетителя. Мы проверяем сайт, отвечая на такие вопросы:
- Насколько графика создаёт нужное впечатление?
- Насколько удобна навигация?
- Направляет ли навигация посетителя сайта на нужную страницу сайта?
- Насколько быстро загружается сайт?
- Хорошо ли работают приложения?
Дизайн или разработка?
К сожалению, веб-дизайн и веб-программирование часто переплетаются. И когда вы мечетесь от процесса создания контента к юзабилити тестам – это ни к чему хорошему не приводит.
Может ли один человек справляться со всеми этими задачами?
Конечно, есть люди, способные это делать, но а большинстве веб-специалисты делают что-то одно.
Чаще всего веб-дизайн включает в себя процесс создание контента и графику, в то время как веб-разработка отвечает за функциональную часть и юзабилити.
Веб-дизайнеры должны профессионально владеть такими инструментами графического дизайна, как Photoshop. Многие также знают HTML, что помогает им создать работающий сайт на базе их дизайна. Однако использование анимации на сайте, а также расположение контента является также частью работы веб-дизайнера.
Многие владельцы сайта обеспечивают веб-дизайнера контентом. В свою очередь веб-дизайнер должен уметь при необходимости редактировать, или даже переписать контент. Также веб-дизайнеры часто тестируют навигацию сайта и скорость его загрузки относительно юзабилити.
Веб-разработчики создают функционал сайта, но он должен быть интегрирован в HTML-страницы на сайте. Как альтернатива, сам HTML-контент может быть тоже интегрирован в программу. Программисты также проводят тестирование по юзабилити на сайте, по крайней мере тестируется сам функционал, который они создают. Из этого следует, что веб-разработчик также должен разбираться в HTML.
В любом случае, веб-дизайнер и веб-разработчик должны работать вместе, чтобы веб-сайт был именно таким и работал именно так, как хочет заказчик.
В заключении, можно сказать, что только крупные компании могут себе позволить нанимать отдельных экспертов по веб-дизайну, контенту, программированию и юзабилити. Но чаще всего веб дизайнер и веб-программист – это два разных специалиста, которые работают вместе над созданием успешного сайта.
Автор статьи: Уоррен Бейкер
Перевод: Марианна Ожаровская