Жизненный цикл разработки сайта

Несмотря на общепринятое мнение, центральное место в процессе дизайна и разработки веб-сайтов не всегда занимает фаза написания кода. В первую очередь приходящие на ум технологии, такие как HTML, CSS и JavaScript, и в самом деле создают образ Сети, к которому мы привыкли и определяют способы нашего взаимодействия с информацией. Что обычно остается вне поля зрения, но в то же время является едва ли не самой важной частью процесса разработки, так это стадии предварительного сбора информации, тщательного планирования, а также поддержки уже после запуска сайта. В этой статье мы поговорим о том, как может выглядеть типичный процесс разработки веб-сайта. Можно выделить разное количество этапов, из которых состоит процесс разработки. Обычно это число от пяти до восьми, но в каждом случае общая картина остается примерно одинаковой. Давайте остановимся на среднем значении. Итак, семь основных этапов разработки: 1) Сбор информации, 2) Планирование, 3) Дизайн, 4) Создание контента, 5) Разработка, 6) Тестирование, обзор и запуск 7) Поддержка.

График разработки

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

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

Жизненный цикл разработки веб-сайта

Этап 1. Сбор информации: назначение, основные цели и целевая аудитория

Этап предварительного исследования и сбора информации определяет то, как будут протекать все последующие стадии разработки. Самое важное на этом этапе — получить ясное и полное понимание того, каким будет назначение вашего будущего сайта, каких целей вы хотите достичь с его помощью, а также какова целевая аудитория, которую вы хотите на него привлечь. Такая своеобразная анкета веб-разработки позволит определить наилучшую стратегию дальнейшего развития проекта. Новостные порталы отличаются от развлекательных сайтов, а сайты для подростков отличаются от таковых для взрослой аудитории. Разные сайты предоставляют посетителям разную функциональность, а значит разные технологии должны использоваться в том или ином случае. Детально составленный план, созданный на основе данных, полученных на этом этапе, может предотвратить вас от затраты дополнительных ресурсов на решение непредвиденных трудностей, таких как смена дизайна или добавление функционала, не предусмотренного изначально.

Приблизительное время: от 1 до 2 недель

Этап 2. Планирование: создание карты сайта и макета

На этой стадии разработки заказчик уже может получить представление о том, каким будет будущий сайт. На основе информации, собранной на предыдущей стадии, создается карта сайта (sitemap) . Так, например, выглядит карта сайта XB Software:

Карта сайта описывает взаимосвязь между различными частями вашего сайта. Это помогает понять, насколько удобным в использовании он будет. По карте сайта можно определить «расстояние» от главной страницы до других страниц, что помогает судить о том, насколько просто пользователю будет добраться до интересующей его информации. Основная цель создания карты сайта — создать легкий с точки зрения навигации и дружественный к пользователю продукт. Это позволяет понять внутреннюю структуру будущего сайта, но не описывает то, как сайт будет выглядеть. Иногда, прежде чем приступить к написанию кода или к разработке дизайна, может быть важным получить одобрение заказчика. В этом случае создается макет (wireframe или mock-up) . Макет представляет из себя визуальное представление будущего интерфейса сайта. Но, в отличие например, от шаблона, о котором мы поговорим далее, он не содержит элементов дизайна, таких как цвет, логотипы, и т.п. Он только описывает, какие элементы будут помещены на страницу и как они будут расположены. Макет представляет собой своего рода набросок будущего сайта. Вы можете использовать один из доступных онлайн-сервисов для создания макетов. Обычно мы используем Moqups .

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

Приблизительное время: от 2 до 6 недель

Этап 3. Дизайн: шаблон страницы, обзор и утверждение

На этом этапе веб-сайт становится еще ближе к своей окончательной форме. Весь визуальный контент, такой как изображения, фото и видео, создается именно сейчас. И опять-таки вся информация, которая была собрана на самой первой стадии проекта, крайне важна на этом шагу. Интересы заказчика, а также целевая аудитория должны учитываться в первую очередь во время работы над дизайном. Дизайнером на данном этапе создается шаблон страницы (page layout) . Основное назначение шаблона — визуализировать структуру страницы, ее содержимое, а также отобразить основной функционал. На этот раз, в отличие от макета, используются элементы дизайна. Шаблон содержит цвета, логотипы и изображения. Он дает возможность судить о том, как в конечном результате будет выглядеть готовый сайт. После создания шаблон может быть отправлен заказчику. После обзора заказчиком проделанной работы, он присылает свой отзыв. Если его не устраивают какие-то аспекты дизайна, вы должны изменить существующий шаблон и снова отправить его заказчику. Этот цикл повторяется до тех пор, пока заказчик не будет полностью удовлетворен результатом.

Приблизительное время: от 4 до 12 недель

Этап 4. Создание контента

Процесс создания контента обычно проходит параллельно с другими стадиями разработки и его роль не стоит недооценивать. На данном шаге необходимо описать самую суть того, что вы хотите донести до аудитории своего веб-сайта, а также добавить CTA (призыв к действию) . Эта стадия включает в себя также создание привлекательных и броских заголовков, написание и редактирование текста, компиляция существующих текстов и т.д. Все это требует затраты дополнительного времени и усилий. Как правило, заказчик предоставляет контент, уже готовый к тому, чтобы быть размещенным на сайте. Важно, чтобы весь контент был подготовлен до или во время стадии разработки.

Приблизительное время: от 5 до 15 недель

Этап 5. Верстка и разработка

Теперь вы наконец-то можете перейти непосредственно к верстке сайта. Все графические элементы, разработанные ранее, используются на данной стадии. Обычно в первую очередь создается домашняя страница, а затем к ней добавляются остальные страницы в соответствии с иерархией, разработанной на этапе создания карты сайта. Также на этом этапе происходит установка CMS. Все статичные элементы веб-сайта, дизайн которых был разработан ранее при создании шаблона, превращаются в реальные динамические интерактивные элементы веб-страницы. Немаловажная задача — проведение SEO-оптимизации (Search Engine Optimization), которая представляет собой оптимизацию элементов веб-страницы (заголовков, описания, ключевых слов) с целью поднятия позиций сайта в результатах выдачи поисковых систем. Валидность кода является крайне важной в этом случае.

Приблизительное время: от 6 до 15 недель

Этап 6. Тестирование и запуск

Тестирование является, наверное, самой рутинной частью разработки. Каждая ссылка должна быть проверена, каждая форма и каждый скрипт должны быть протестированы. Текст должен быть проверен программой проверки орфографии для выявления возможных опечаток и ошибок. Валидаторы кода используются для того, чтобы быть уверенным, что созданный на предыдущем этапе код полностью соответствует современным веб-стандартам. Это может оказаться крайне важным, если для вас критична, например, кроссбраузерная совместимость. После того, ка вы проверили и перепроверили ваш сайт, он может быть загружен на сервер. Обычно для этого используется FTP-клиент. После загрузки сайта на сервер, необходимо провести еще один тест для того, чтобы быть уверенным, что во время загрузки не произошло непредвиденных ошибок и все файлы целы и невредимы.

Приблизительное время: от 2 до 4 недель

Этап 7. Поддержка: отзывы пользователей и регулярные обновления

Важно понимать, что веб-сайт представляет из себя скорее сервис, чем продукт. Недостаточно просто «доставить» его потребителю. Также важно быть уверенным в том, что все работает, как и было запланировано, а пользователи удовлетворены конечным продуктом. Нужно также быть готовым быстро вносить изменения, если это будет необходимо. Система отзывов позволит вам выявлять возникшие проблемы, с которыми сталкиваются посетители сайта. Самой критичной задачей в подобных случаях будет решение возникших проблем настолько быстро, насколько это возможно. В противном случае, ваши пользователи скорее предпочтут другой ресурс, чем будут мириться с неудобствами. Также не следует забывать о регулярном обновлении CMS. Регулярные обновления избавят вас от ошибок и проблем с безопасностью.

Непрерывный процесс

Бонус. Чек-лист основных этапов разработки

Чтобы быть уверенным в том, что вы ничего не пропустили и завершать всю запланированную работу вовремя, забирайте себе этот чек-лист:

Заключение

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

У корпоративных сайтов есть жизненный цикл, «срок годности». Сколько он длится и как его увеличить?

Жизненный цикл сайта — это стадии процесса с момента возникновения необходимости в сайте и заканчивая отказом от его эксплуатации. Стадии жизненного цикла сайта:

1. Замысел;
2. Производство;
3. Применение;
4. Поддержка применения;
5. Прекращение использования.

Клиента в первую очередь интересует сколько длятся пункты 3 и 4. Т.е., сколько времени сайт будет «жить». Интерес не праздный: чем дольше профункционирует сайт, тем более выгодным вложением обернутся потраченные на него средства.

Чем дольше живет сайт, тем выгоднее инвестиция в его создание.

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

Мы делаем сайты со сроком действия в 5 лет. Отправьте заявку, если вам нужен качественный долгоиграющий сайт!

Применение сайта

Продолжительность применения сайта зависит от разных показателей. Их совокупное воздействие и определит сколько «проживёт» сайт. Факторы, влияющие на возможную длительность применения сайта:

• Консервативность бизнес-отрасли клиента.
• Потенциал дизайна сайта.
• Актуальность информации на сайте.

Консервативность бизнеса

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

Чтобы оценить влияние этого фактора на жизненный цикл сайта в вашей отрасли, можно посмотреть на сайты конкурентов. Если они современные и часто меняются, нужно готовиться к частой модернизации.

Потенциал дизайна сайта

В веб-дизайне рулят современные тренды. Если дизайн сайта имеет для вас ключевое значение, используйте последние технологии. Таким образом получится «держаться в тонусе» на 1-2 года дольше, дизайн сайта будет оставаться актуальным больше времени. И напротив, сайт устареет быстрее, если вы примените в сайте устаревающие технологии. Современный веб-дизайн сохранит корпоративный сайт в свежести 3 года.

Актуальность информации на сайте

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

Как увеличить срок применения сайта

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

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

Как понятно из названия следующей стадии, срок применения сайта можно увеличить за счёт поддержки применения. О поддержке читайте далее.

Поддержка применения

Поддержка — это не только изменение и актуализация информации на сайте. Редизайн сайта — это тоже поддержка. Шаблонизация в современных системах управления сайтами позволяет без глубокой переделки значительно модернизировать весь сайт целиком. К примеру, мы таким образом модернизировали сайт greek-home.ru. И хотя в процессе работы нам пришлось серьезно переработать личный кабинет и карточки вилл, добавить много нового функционала, внешний вид сайта был изменён без проблем. Этот сайт выполнен на CMS 1С-Bitrix, а в нём есть шаблоны.

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

Поддержка применения может увеличить жизненный цикл сайта в несколько раз.

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

Средний жизненный цикл корпоративного сайта

Наш опыт подсказывает следующие жизненный циклы сайтов по отраслям (без поддержки):

• СМИ — 5-7 лет.
• Товары для детей — 4-6 лет.
• Производство, промышленность — 3-5 лет.
• Профессиональные услуги — 3-5 лет.
• Туризм, гостиничный бизнес — 3-5 лет.
• Автобизнес — 2-3 года.
• Одежда и аксессуары — 2-3 года.
• Обслуживание бизнеса — 2-3 года.
• Сфера развлечения — 1-3 года.
• Высокотехнологичные услуги — 1-2 года.

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

Жизненный цикл зависит от опыта веб-студии.

Жизненный цикл корпоративного сайта коррелирует с опытом веб-студии, его создавшей. Опытный веб-разработчик — в некоторой степени гарантия, что инвестиция в сайт окажется выгоднее. Да, хорошая веб-студия берёт за сайт больше, но в итоге он обходится дешевле. Нетрудно посчитать, что сайт стоимостью в 400 тысяч рублей с жизненным циклом в 5 лет выгоднее, чем сайт за 225 тысяч рублей, но ставший неактуальным через 1,5 года. В первом случае стоимость года владения сайта — 80 тысяч рублей, а во втором — 150 тысяч рублей. Т.е., при почти вдвое больших первоначальных затратах, в итоге бизнес тратит почти вдвое меньше в итоге.

Сервисы

Избранные доки

Метки (все метки)

Дополнительно

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

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

Исследование предметной области и анализ

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

Одна из главных вещей, к определению которой должны прийти заказчик с разработчиков — это целевая аудитория, для которой будет предназначаться разработанная система.

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

На выходе получаем: план работ; оценка стоимости; требования к команде разработчиков; требования к программному обеспечению и железу; поддерживающие документы; санкционированные разрешения, e.t.c.

Пример 1:
Владелец ритеил-сети по продаже широкого ассортимента товаров для детей решает расширить свой рынок сбыта за счет продаж через Интернет. Основной аудиторией его будут женщины с детьми, домохозяйки в возрасте от 23 до 35 лет и именно для этой аудитории будет разрабатываться web-сайт.

Пример 2:
Завод по переработке нефти решает выйти на региональный рынок и планирует заявить о себе, как серьезной компании через Интернет. Основная аудитория данного сайта — непосредственные клиенты завода, респектабельные бизнесмены с доходом выше среднего, практическим складом ума и всеми вытекающими из этого параметрами. Опираясь на эти доводы будет производиться разработка web-ресурса.

Пример 3:
Компания по разработке и поставке программного обеспечения планирует заняться предоставлением сервисов по продвижению сайтов в посковых системах. Основной аудиторией данного web-ресурса будут пользователи данной системы — это SEO оптимизаторы, копирайтеры, менеджеры по рекламе в интернете e.t.c.

Систематизация и построение спецификаций

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

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

Крупные проекты требуют глубоких исследований для удовлетворения технических и бизнес требований.

На входе мы имеем: заключения от команды аналитиков.

На выходе получаем: утвержденные требования и спецификации.

Разработка дизайна

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

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

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

На входе мы имеем: документации, спецификации, пожелания.

На выходе получаем: дизайн сайта, шаблон сайта, изображения и прототипы.

Написание контента, текста для сайта

В отличии от программного обеспечения, наличие текста («контента») на страницах сайта является обязательным, и тому существует множество причин, вытекающих и из поисковой оптимизации и из дружественности интерфейса. Полноценному сайту недостаточно наличие 3-х полей ввода и 2-х кнопочек для реализации всей системы.

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

На входе мы имеем: дизайн сайта, пожелания.

На выходе получаем: сайт с форматированным готовым, уникальным и полезным контентом.

Кодирование процессов, разработка сайта

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

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

На входе мы имеем: сайт с формами и требованиями в спецификациях, сверстанный дизайн.

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

Тестирование

Тестирование — процесс выявления ошибок и их описания, смысл данной стадии полностью совпадает с тестирование любого программного обеспечения.

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

На входе мы имеем: функционально готовый web-сайт и спецификации.

На выходе получаем: отчеты о выявленных ошибках.

Реклама и продвижение

Эта стадия применима только к web-сайтам. Поскольку веб-сайты — это системы, которые предоставляют свой функционал без предварительной установки на персональный компьютере и для доступа к web-сайту и его использованию чаще всего достаточно знания его адреса, то для того, чтобы узнать его адрес и вообще получить адрес требуемого нами web-сайта пользователи чаще всего обращаются к поисковым системам.

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

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

На входе мы имеем: работающий интернет-сайт.

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

Обслуживание, обновление, внесение изменений

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

На входе мы имеем: готовый сайт, контент, API, перечень функций и классов.

На выходе получаем: обновленные сервисы, информацию, подключение новых услуг и т.п.

Автор: Astrov, 06.10.2010

Последнее редактирование: 2014-07-17 15:47:00

Оставьте, пожалуйста, свой комментарий к публикации

© 2007-2019, Дмитрий Скоробогатов.
Разрешается воспроизводить, распространять и/или изменять материалы сайта
в соответствии с условиями GNU Free Documentation License,
версии 1.2 или любой более поздней версии, опубликованной FSF,
если только иное не указано в самих материалах.