Разработка сайтов на заказ

Цели:

  • Получить точный, предсказуемый результат
  • Снизить риски в больших проектах

Когда оправдано:

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

Процесс разработки веб-сайта состоит из пяти этапов:

1. Предпроектный анализ

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

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

На написание и утверждение этих базовых документов обычно уходит около одной рабочей недели.

2. Проектирование

Сбор требований

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

Этап сбора требований длится порядка двух недель.

Проектирование интерфейса

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

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

В зависимости от сложности проекта и доступности заказчика длительность этой фазы может составлять от одной до четырех недель.

3. Дизайн интерфейса

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

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

4. Прототип

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

Например:

  • Демонстрация инвесторам
  • Юзабилити-тестирование
  • Проработка концепции

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

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

5. Разработка и тестирование

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

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