Веб-дизайнеры часто думают о процессе веб-дизайна с упором на технические вопросы, такие как каркасы, код и управление контентом. Но отличный дизайн — это не то, как вы интегрируете кнопки социальных сетей или даже визуальные эффекты. Отличный дизайн — это процесс создания веб-сайта, который согласуется с всеобъемлющей стратегией. А разработка дизайн-проекта здесь для вас!
Хорошо продуманные сайты предлагают гораздо больше, чем просто эстетику. Они привлекают посетителей и помогают людям понять продукт, компанию и брендинг с помощью различных индикаторов, включая визуальные эффекты, текст и взаимодействия. Это означает, что каждый элемент вашего сайта должен работать для достижения определенной цели.
Но как достичь этого гармоничного синтеза элементов? Через целостный процесс веб-дизайна, который принимает во внимание как форму, так и функцию.
Определение цели : где я работаю с клиентом, чтобы определить, какие цели должен выполнить новый веб-сайт. Т.е. какова его цель.
Определение содержания : Как только мы узнаем цели сайта, мы можем определить сферу проекта. То есть, какие веб-страницы и особенности сайта требуются для достижения цели, а также сроки их создания.
Создание карты сайта и каркаса . Имея четко определенную область, мы можем начать копаться в карте сайта, определяя, как контент и функции, которые мы определили в определении области, будут взаимосвязаны.
Создание контента : теперь, когда у нас есть более обширная картина сайта, мы можем начать создавать контент для отдельных страниц, всегда помня о поисковой оптимизации (SEO), чтобы страницы были сфокусированы на одной теме. Очень важно, чтобы у вас был настоящий контент для работы на следующем этапе:
Визуальные элементы . Имея архитектуру сайта и некоторый контент, мы можем начать работу над визуальным брендом. В зависимости от клиента это уже может быть четко определено, но вы также можете определить визуальный стиль с нуля. В этом процессе могут помочь такие инструменты, как плитки стиля, табло настроения и коллажи элементов.
Тестирование . К настоящему времени вы получили все свои страницы и определили, как они отображаются для посетителя сайта, поэтому пришло время убедиться, что все это работает. Комбинируйте ручной просмотр сайта на различных устройствах с автоматическими сканерами сайтов, чтобы определить все — от проблем с пользовательским интерфейсом до простых неработающих ссылок.
Запуск : Как только все будет работать, пришло время спланировать и выполнить запуск вашего сайта! Это должно включать планирование как времени запуска, так и стратегии коммуникации — т.е. когда вы запустите и как вы дадите миру знать? После этого пора вспыхнуть пузырчатым.
Теперь, когда мы обрисовали в общих чертах процесс, давайте углубимся в каждый шаг.
Том Круиз, помогите мне помочь вам GIF
Начальный этап — это понимание того, как вы можете помочь своему клиенту.
На этом начальном этапе разработчик должен определить конечную цель дизайна веб-сайта, обычно в тесном сотрудничестве с клиентом или другими заинтересованными сторонами. Вопросы для изучения и ответа на этом этапе дизайна и разработки сайта включают в себя:
Является ли основной целью этого сайта информирование, продажа ( электронная торговля , кто-нибудь?) Или развлечение?
Нужно ли веб-сайту четко передавать основной смысл бренда или это является частью более широкой стратегии брендинга с собственным уникальным фокусом?
Какие сайты конкурентов, если таковые имеются, существуют, и как этот сайт должен вдохновляться / отличаться от этих конкурентов?
Это самая важная часть любого процесса веб-разработки. Если на эти вопросы не все четко даны ответы в кратком изложении, весь проект может пойти в неправильном направлении.
Может быть полезно выписать одну или несколько четко определенных целей или краткое изложение ожидаемых целей в один абзац. Это поможет поставить дизайн на правильный путь. Убедитесь, что вы понимаете целевую аудиторию сайта и развиваете рабочие знания о конкурсе.
