Клиенты напрямую влияют на время создания сайта: их участие и четкое техническое задание могут ускорить разработку, а недопонимание и запоздалая обратная связь могут задержать проект на недели и даже месяцы. В статье собраны советы разработчиков о том, как клиенты могут активно участвовать в процессе и помочь проектам успешно завершиться в срок.
Всем привет! Меня зовут Светлана Пушкарь. Я руководитель технического отдела группы компаний «Медиасфера». Эффективное взаимодействие клиентов и разработчиков – залог успешного и быстрого завершения проектов. Сегодня мы обсудим, как клиенты могут влиять на сроки выполнения каждого этапа разработки сайта и можно ли сократить временные затраты без ущерба для качества.
Модели разработки сайта и их влияние на сроки
Создание веб-ресурсов начинается с выбора подходящей модели разработки. Именно модель, основанная на целях и функционале будущего сайта, определяет процесс разработки и сроки его реализации. Давайте посмотрим на некоторые из них.
- модель водопада
Для проектов с четкими и неизменными требованиями, где конечный результат ясен с самого начала, каскадная модель наиболее подходит. Это классическая система с линейной структурой. В нем каждый этап разработки плавно перетекает в следующий: разработка технического задания, прототипирование, прорисовка макета, верстка, тестирование и выпуск. Его преимущество: понимание потенциальных сроков разработки.
План реализации веб-сайта каскадной модели
- MVP (минимально жизнеспособный продукт)
Это быстрый старт для простого веб-сайта с базовым набором функций или модификациями существующих ресурсов. Если в процессе работы у вас не возникнет других пожеланий и требований, здесь же вы можете установить сроки реализации сайта. Разработка с использованием MVP проходит те же этапы, что и каскадная модель, но сокращает время запуска за счет уменьшения объема функциональности. Здесь запуск может начаться с «заглушки страницы».
Страницы-заглушки могут иметь интерактивную реализацию. Например, в виде таймера обратного отсчета
- Гибкая модель
Это гибкий подход к разработке сайтов. Особое внимание уделяется быстрой адаптации к изменениям и постоянному общению с клиентами. Разработка разбивается на короткие итерации, в ходе которых команда создает, проверяет гипотезы и совершенствует продукт. Недостатком этой модели является то, что окончательную стоимость и временные затраты невозможно рассчитать заранее.
Для большинства сайтов лучшая система разработки — водопадная, особенно если подрядчик работает в нормированные часы. Это максимально эффективно и «предсказуемо» как для разработчиков, так и для заказчиков за счет последовательного выполнения заранее согласованных задач.
Реальные сроки этапов создания сайта по waterfall модели
Вопрос стоимости и времени освоения сетевых ресурсов является одним из ключевых вопросов при выборе подрядчиков посредством тендеров. Чтобы привлечь клиентов и конкурировать, агентства часто предлагают очень сжатые сроки, что может негативно сказаться на качестве конечного продукта. Нехватка времени приведет к поверхностному анализу требований, упрощению проектных решений и ускорению процессов разработки. В результате реализация проекта может быть отложена, поскольку потребуются серьезные улучшения и изменения.
Давайте рассмотрим каждый этап разработки сайта и объективные сроки его реализации.
Постановка задач и составление ТЗ
Разработка абсолютно любого веб-ресурса начинается с технического задания. Почему этот шаг имеет решающее значение? Все очень просто: технические характеристики позволяют:
- Четко изложите для разработчиков все требования к будущему сайту и получите результат, который не разочарует;
- Избегайте незапланированных модификаций и дополнительных затрат;
- Определите стоимость, все этапы проекта и их сроки, чтобы сроки выполнения работ вас не злили.
Скачать шаблон технического задания на разработку сайта
Сроки: От 14 дней. По опыту могу сказать, что не стоит терять время на этом этапе и не стоит его игнорировать во избежание недоразумений с разработчиками. Технические характеристики должны быть максимально точными и подробными – это акцепт всех договоренностей.
Прототипирование
Прототипирование часто вызывает диссонанс, поскольку его путают с дизайн-макетом (следующим этапом разработки). Обычно прототипы представлены в черно-белом цвете, чтобы акцентировать внимание на архитектуре сайта.
Это каркас, схема будущего сайта, основанная на структуре и расположении функциональных элементов, а не компонентов дизайна. С помощью этого этапа можно достичь следующих целей:
- Визуализация структуры и расположения элементов на будущем сайте;
- Понять путь пользователя и удобство использования;
- Учет основных и обязательных требований SEO.
Прототипирование делает дальнейший процесс разработки более предсказуемым и управляемым. Помогает внести необходимые правки и корректировки до начала масштабных и энергозатратных этапов (верстка, верстка и т д.), что позволяет избежать серьезных доработок в будущем.
Сроки: От 20 дней до примерно 20 страниц, в зависимости от сложности проекта и его структуры/функций.
Отправьте пример прототипа сайта
На основе прототипа мы наконец получили вот такой дизайн
Отрисовка дизайн-макета
Макет — это детальное изображение того, как будет выглядеть конечный сайт. Основа — согласованный прототип, но со всеми элементами дизайна: логотипом, шрифтами и т д. Изображения и контент могут повторяться на макете: например, те же плейсхолдеры в блоке новостей. Окончательный контент добавляется на этапе макета. Макет является динамическим: он показывает, как ведут себя элементы при взаимодействии с ними (включая формы, всплывающие окна и т д.)
состав временных затрат: сначала прорисовывается макет страниц сайта для десктопной версии (стандарт 1900х1600), а затем для мобильной версии. Если вам потребуются дополнительные макеты, например, нестандартное разрешение или планшеты, это, конечно, увеличит время, необходимое для прохождения одного этапа и перехода к следующему.
Сроки: От 50 дней до 20 уникальных страниц сайта.
Верстка и программирование
На этом этапе веб-разработчик превращает дизайн в работающий веб-сайт и реализует все согласованные функции. Это чисто технический процесс с небольшим взаимодействием с клиентом, помимо координации визуальных эффектов. Фактически реализуются все ранее согласованные этапы, подключение CMS, настройка и т.д.
Сроки: От 60 дней, в зависимости от сложности проекта.
Тестирование и запуск
Тестирование — ключевой процесс для нормальной работы сайта. Разработчики не только ищут и исправляют ошибки, но и тщательно тестируют совместимость с различными браузерами и устройствами.
Например, в нашем учреждении процесс тестирования происходит в несколько этапов:
- Сначала разработчики проводят внутреннее тестирование, затем технический и SEO-отделы, которые проверяют такие аспекты, как удобство использования, скорость загрузки, соответствие макета и т д.
- После этого проверьте работоспособность на разных браузерах и устройствах, принимая во внимание возможные различия в работе сайта на разных платформах (Android и iOS).
- Затем руководитель проекта организует дополнительные проверки. Все обнаруженные ошибки заносятся в список ошибок, который регулярно обновляется и предоставляется клиентам.
- После исправления ошибок происходит финальное тестирование и переход к завершающему этапу — запуску, переносу на «производственный» сервер и размещению в сети.
Сроки: От 20 дней.
Примеры адаптивного дизайна сайта
Поэтому на разработку качественного сайта уходит в среднем 4 месяца, не считая итераций, изменений и ожидания отзывов клиентов на каждом этапе. Сроки могут варьироваться в зависимости от характера сайта, сложности функционала и многих других факторов. Но важно знать, что сам клиент имеет такое же, если не большее, влияние на сроки разработки, чем подрядчик.
Как заказчику сократить сроки разработки сайта
Команда нашего агентства «ест собаку» по вопросам, связанным со сроками сдачи проектов. Вывод один: успех проекта во многом зависит от тесного сотрудничества клиента и застройщика. Я расскажу вам, что именно могут сделать клиенты, чтобы сократить время разработки сайта.
1. Заблокировать принятие
Если у вас есть сроки, договоритесь с подрядчиком о сдаче работ партиями. Это можно организовать, начиная с этапа проектирования.
Как это происходит:
- Вместо того, чтобы отображать все страницы веб-сайта одновременно, разработчики визуализируют несколько страниц одновременно, а затем передают их вам.
- Когда вы согласуете первый участок, подрядчик приступает к покраске следующего блока. Дальнейшая работа строится аналогично: верстка, программирование и т.д.
Этот рабочий вариант идеально подходит для запуска MVP-сайта, если у вас нет предыдущих веб-ресурсов. Сначала запустите домашнюю страницу, затем интерьер, изображения (например, контакты, новости и т д.) и т д. Главное, чтобы в макет можно было встроить настоящий живой контент. Таким образом, вы можете запустить небольшой веб-сайт, которым сразу же начнете пользоваться.
преимущество:
- Сократите общее время разработки.
- Сократите количество правок на этапе или на итерацию.
Однако стоит отметить, что время тестирования увеличится, поскольку количество списков ошибок увеличится кратно количеству блоков.
2. Своевременная обратная связь
Отзывы клиентов напрямую влияют на ход реализации проекта. Поэтому мы оговариваем в нашем договоре, что оставляем за собой право увеличить время разработки кратно времени, необходимому для получения обратной связи.
Если вы «кормите завтраками» исполнителей (нет времени, отпуска, других задач и т д.), будьте готовы к тому, что команда разработчиков сместит приоритет вашего проекта на другие проекты. Работа над сайтом станет «жвачкой» и может затягиваться до бесконечности. Поэтому срок доставки будет продлен.
Кроме того, длинные перерывы могут «стирать» детали. Если вы вернетесь к редактированию через месяц или больше, разработчикам придется заново открывать письма, спецификации и т д., чтобы вспомнить, что сказано в соглашении.
Диаграммы Ганта помогают документировать и координировать работу проекта.
Пример визуализации задачи в диаграмме Ганта
Он показывает каждую задачу индивидуально, а ее положение указывает, когда ее следует выполнить. Подрядчики обязаны четко понимать, на каком этапе происходят задержки и каковы причины.
3. Предоставить разработчикам корректировки в единой форме
Наша команда часто сталкивается с ситуациями, когда клиенты предоставляют оперативную обратную связь различными способами: общение с руководителем проекта через Messenger, отправка писем разработчикам и т д. Поэтому мы начали принимать все правки и комментарии только в письменном виде. Список единичных ошибок.
Например, в нашем агентстве у клиентов есть два списка ошибок на итерацию. Он сел, тщательно записал все замечания и, возможно, собрал отзывы всех отделов. Затем он передал нам список ошибок, чтобы мы могли внести все изменения сразу на каждом этапе разработки.
На практике заказчики неохотно заполняют список ошибок, но это необходимо, поскольку позволяет существенно сократить время на доработку и изменение:
- Разработчикам не нужно тратить время на сбор ваших отзывов из разных источников;
- Разработчики будут иметь четкое и полное понимание того, что необходимо изменить. Это избавит от необходимости неоднократно уточнять детали.
- Количество итераций сократится: все требования вы сообщаете исполнителю один раз, чтобы не возвращаться к одной и той же задаче несколько раз.
Вы можете скачать наши шаблоны рабочих листов. Это справедливо для всех стадий разработки и даже развития проектов, которые мы запланировали в нашем списке пожеланий. Такой подход позволит легко перемещаться между этапами, передавать результаты работы и использовать фильтры.
Резюме: Ваши действия могут напрямую повлиять на скорость процесса разработки. Поэтому, если проект для вас приоритетен, разработчики проявят больший интерес и выполнят работу в срок. Помните, создание веб-сайта — это командная работа обеих сторон.
Выводы
- Разработка сайта — это многоуровневый, сложный процесс, в том числе с коммуникационной точки зрения. Если вы решите создать веб-сайт за неделю, скорее всего, вы будете очень разочарованы результатами. Фактический срок, за который можно получить качественный работающий сайт, составляет 4 месяца.
- Задержки с обратной связью от разработчиков не только приводят к увеличению времени разработки, но и приводят к потере актуальности и конкурентоспособности сайта. По крайней мере, со временем ваши цели и задачи, требования к функционалу ресурса, SEO и т д могут измениться.
- Использование диаграммы Ганта позволяет четко понять сроки каждого этапа разработки и понять, почему и где происходят задержки.
- Сохраняйте список ошибок, чтобы предоставить исправления разработчикам. Это поможет вам собрать все ваши правки за один раз и сократить время, необходимое для этапа тестирования.
- Заинтересованность исполнителя в проекте прямо пропорциональна вашей заинтересованности. Не пренебрегайте регулярными встречами, обсуждением промежуточных результатов и совместным решением задач — все это позволяет сократить время разработки и улучшить качество конечного продукта.
