Об этапах разработки сайта – просто

Как
привлекать клиентов?

Секреты профессионала с
15-летним опытом

Павел Шуднев

Знает, как привлечь клиентов ;)


В маркетинге – с 1997 года. Работал в сегментах В2В и В2С. Учился в Европе и России. Автор и ведущий курса «Как привлекать клиентов через Интернет», основатель multipromotion

RSS Twitter
Блог: 10 свежих заметок
Рубрики
Лента новостей

18.04 Новая навигационная панель и боковые колонки

06.04 За 5 дней посетителей сайта больше, чем за лучшую неделю!

05.04 Уже более 200 посетителей в день

02.04 Итоги марта: +180% посетителей

02.04 Итоги 13-й недели: опять рост!

02.04 Время: 15:57. Посетителей: 101!

Об этапах разработки сайта – просто

10 Окт 2014 | Рубрики: Работа с сайтом

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

Павел ШУДНЕВ

Итак, вы пришли к пониманию, что вам нужен сайт. Почему вы так решили, и действительно ли вам нужен сайт – или можно обойтись банальным буклетом, мы опустим, и рассмотрим три этапа его разработки. Кратко и конкретно.

Начнем с малого: дадим простое определение сайта. Сайт – это совокупность веб-страниц. Т.е. совокупность страниц, которые пользователь может просматривать в программе для просмотра веб-страниц, так называемом браузере (от англ. browse – просматривать), например, Internet Explorer, Mozilla Firefox, Google Chrome, Opera или Apple Safari).

Эту совокупность страниц мы будем сравнивать с домом. Параллель будет простая: сайт – это дом, а комнаты в доме – это страницы сайта. Для наглядности. Так будет проще.

Нулевой этап

С чего начинается строительство дома? С идеи. С пожеланий заказчика архитектору, или дизайнеру-архитектору. С чего начинается работа над сайтом? Тоже с идеи.

Сама по себе идея а-ля «нужен сайт» (как «нужен дом») мало что скажет специалисту, который должен воплотить ее в жизнь. Нужна конкретика.

Если это дом, то сколько в нем должно быть этажей, сколько комнат, нужен ли гараж и – если да – то на сколько машин и т.д. С сайтом аналогично: какая информация на нем должна быть (информация о компании, контакты, каталог продукции, описания товаров и их фотографии) и как она должна быть структурирована… Это нулевой этап – этап постановки задачи.

Этап №1: разработка дизайна сайта

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

А что с сайтом делает дизайнер? То же самое: разрабатывает (хороший дизайнер именно разрабатывает, а не рисует – это далеко не одно и то же) план будущего сайта. Результат работы архитектора – план-проект дома. Результат работы дизайнера – подготовленные дизайн-шаблоны (картинки, чтобы вам проще было) всех страниц сайта, по сути – план-проект сайта.

Примеры результата работы дизайнера вы можете посмотреть в разделе сайты на странице портфолио multipromotion, например: разработка дизайна сайта салона интерьеров, разработка дизайна корпоративного сайта строительной компании, разработка дизайна сайта скульптора и т.д.

Итак, архитектурный проект дома (дизайн сайта) согласован. Можно приступать к строительству дома (технической разработке сайта).

Этап №2: программирование

Если быть точным, речь пойдет об HTML-верстке и программировании, а не только о программировании как таковом. Однако, чтобы не загружать вам голову ненужной информацией, будем оба эти процесса называть одним словом – программированием.

Если строители воплощают в жизнь задумки архитектора, то программисты – задумки веб-дизайнера.

Хорошо, если эти «задумки» снабжены еще комментариями – хотя бы минимальным техническим заданием (как, например, здесь), а то иначе со 100% вероятностью «строители» что-то сделают не так. Подробнее об этом пойдет речь в разделе «Строительный надзор». Сейчас же мы тему программирования закроем – и перейдем к фазе наполнения.

Этап №3: наполнение сайта

Довольно часто случаются парадоксальные ситуации: для разработчика очевидно (на основании его многолетнего опыта), что наполнением сайта будет заниматься заказчик. В то же время, для заказчика очевидно, что наполнением сайта будет заниматься… разработчик! Налицо явное противоречие. Что же делать?

Наверное, первым делом, стоит внести ясность, что имеется ввиду под фразой «наполнение сайта». Опять же, проводя параллель с домом (он уже построен – см. выше), вы вряд ли будете жить в серых стенах… или даже в чистовой отделке: дом нужно наполнить. Мебелью, техникой, нужно повесить шторы, люстры, занавеску в ванной комнате; нужны будут и мелочи – посуда, книги, компакт-диски, различные аксессуары…

Когда «построен» (разработан) сайт, он сдается в том же виде, что и дом: в «чистовой отделке». Т.е. сайт работает, и выглядит он так (или почти так – см. «Строительный надзор»), как задумал дизайнер, однако его нужно наполнить содержанием: текстовой информацией о вашей компании и сопроводительными фотографиями; в каталог продукции нужно разместить тексты и картинки товаров, которые вы предлагаете (или фото и описания услуг – если вы оказываете услуги), в разделе «Контакты» может быть не лишним написать, как добраться к вам в офис… Если у вас предусмотрен раздел «Статьи», неплохо бы в нем разместить хотя бы пяток статей по вашей тематике.

Кто должен заниматься наполнением сайта?

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

В отдельных случаях, может идти речь не просто о наполнении сайта, а о переносе информации с одного сайта (например, со старой версии сайта на новую) на другой. Это тоже работа, которая оплачивается отдельно – если ей занимается не ваш штатный сотрудник, а нанятый разработчик.

Кому лучше заниматься наполнением сайта – клиенту или разработчику – вопрос индивидуальный. Абсолютно точно можно сказать одно: специалисты разработчика это сделают в несколько раз быстрее. С одной стороны, за счет опыта. С другой стороны, за счет использования других технологий наполнения сайта, с которыми заказчик может быть не знаком (например, наполнение сайта через ftp-сервер с использованием csv-таблиц).

«Строительный надзор»

Название данного раздела специально взято в кавычки: речь здесь пойдет о сравнении строительного надзора с надзором за разработчиками веб-сайта.

Если вы пережили ремонт или – еще лучше – строительство дома, то вы на собственном опыте знаете, что:

  1. Хороших строителей не бывает
  2. Все строители «косячат»

Примеров можно привести массу: заваленные стены, большие перепады высот потолков, плохо установленные двери, неработающие розетки, неправильно разведенная проводка, криво выложенная плитка в ванной и т.д. Думаю, что список примеров вы можете продолжить :)

Если говорить о разработке сайтов, хороших разработчиков найти можно. Сложно, но можно (к слову: в России цена о качестве разработки не говорит ничего – проверено). С исполнителями в этой сфере дела обстоят намного лучше, чем в строительстве. Однако, как показывает практика, все разработчики выполняют свою работу с ошибками, т.е. делают не так, как должно быть.

В отличие от строителей, у большинства из которых руки почти буквально растут не из плеч, разработчики ошибаются по другим причинам. Большинство дизайнов сайтов отдается в разработку без сопроводительного технического задания. Обычно оно не требуется, однако всегда есть нюансы, которые разработчик может понять не так, как задумал (но нигде не прописал) дизайнер.

Немного примеров

Привести вам примеры расхождений? Заголовки и текст не выровнены по одному уровню. В тексте используется меньший, чем надо, межстрочный интервал. Отступы от заголовков до текстов меньше (или больше), чем надо. Миниатюры сделаны большего размера. На сайте использован НЕ ТОТ фиолетовый цвет (другой оттенок). Ссылки при наведении курсора мышки не меняют цвет. И так далее. Пример таких расхождений на только на одной (!) страницы сайта описан в моей статье Три вида тестирования сайтов. В ней есть наглядные иллюстрации, так что вы точно поймете, о чем идет речь.

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

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

Надеюсь, эта статья оказалась для вас полезной. Если у вас есть вопросы (или вы просто хотите сказать «спасибо»), вы можете это сделать в комментариях.

владимир (12.01.2016 в 00:27)

Как узнать что сайт поднимают(шевелят),когда он уже создан?



Павел Шуднев (13.01.2016 в 14:59)

Это в статистике видно будет — по новым посещениям. Также можно через CMS отслеживать изменения. Плюс, по-хорошему, компания, которая занимается продвижением, должна отчеты предоставлять о проделанной работе.