Проектирование сайта
Проектирование – это один из самых важных и сложных этапов разработки сайта, от которого зависит эффективность дальнейших работ и конечный результат. Тем не менее, многие веб-студии не уделяют этому аспекту разработки должного внимания или даже вовсе не занимаются подготовкой проектной документации. Неудивительно, что при таком подходе сайты не оправдывают ожиданий заказчиков, а финансовые вложения в их разработку не приносят никаких дивидендов.
Невозможно разработать хороший сайт без серьезного проектного исследования, так же как невозможно построить хороший дом без надлежащего архитектурного плана. Нет, можно, конечно же, прибежать на строительную площадку, наспех замесить раствор, кое-как прилепить друг к другу кирпичи и побросать на них сверху панели. Все это вполне реально. Только не стоит потом удивляться, почему некоторые комнаты получились «глухими», штукатурка осыпается со стен, а попасть внутрь дома можно только через окно.
Также ничуть не лучше выглядит ситуация, когда проектная документация все-таки имеется, но в процессе строительства вдруг выясняется, что нарисованное стоять не может, поскольку в архитектурном плане забыли предусмотреть фундамент. Само собой разумеется, что деревянные подпорки в критических местах не будут являться решением проблемы.
Аналогичным образом могут обстоять дела и с разработкой сайта. Если изначально не определить назначение и цели проекта, не разобраться с нуждами целевой аудитории и не регламентировать структуру и логику взаимодействия сайта с пользователями, вряд ли можно надеяться, что в конечном итоге будет разработан хорошо организованный сайт, который будет эффективно решать поставленные задачи. Да и как вообще сайт может что-то решать, если это «что-то» нигде не оговаривается и не регламентируется?
Этапы проектирования
Процесс проектирования сайта можно разделить на несколько основных этапов. При этом каждый последующий этап очень сильно зависит от предыдущего. Другими словами, пересмотр какого-то решения, принятого на более раннем этапе, в большинстве случаев влечет за собой необходимость переосмысления других решений, принятых на более поздних этапах. Именно по этой причине в первую очередь необходимо рассмотреть маркетинговые аспекты: для чего и для кого разрабатывается сайт.
Назначение и цели разработки сайта
Процесс проектирования должен начинаться с анализа стратегических целей разработки сайта. В каждом конкретном случае эти цели могут быть совершенно разными. Например, при создании корпоративного сайта могут преследоваться следующие цели:
- привлечение новых клиентов и увеличение объемов продаж;
- привлечение новых дилеров, инвесторов или сотрудников;
- информационная поддержка клиентов и деловых партнеров;
- формирование благоприятного имиджа компании.
В то же время для промо-сайтов цели могут быть совершенно иными:
- реклама товара или предоставляемой услуги;
- повышение узнаваемости торговой марки;
- повышение лояльности целевой аудитории к брэнду;
- информационная поддержка кандидата в депутаты.
При создании интернет-магазина цели могут варьироваться от «формирования новых каналов сбыта» и до «ведения бизнеса исключительно с помощью сайта», но в любом случае каждой цели можно сопоставить одну или несколько конкретных задач, способы решения которых должны быть представлены на этапе общего описания проекта.
Сегментация целевой аудитории
На данном этапе проектирования необходимо выделить группы потенциальных посетителей будущего ресурса. При этом следует учитывать довольно широкий диапазон различных характеристик: возрастные, профессиональные, демографические, социальные и другие данные. Иначе говоря, для того, чтобы сайт мог эффективно выполнять возложенные на него задачи, очень важно знать, для каких категорий пользователей он создается. Плохое понимание нужд потенциальных посетителей может привести к тому, что даже весьма привлекательный и функциональный сайт не сможет привлечь внимание необходимой аудитории.
Информация о целевой аудитории непосредственно влияет на дальнейшие этапы проектирования. К примеру, на этапе информационного дизайна она позволяет спроектировать такой пользовательский интерфейс, который будет учитывать степень компьютерной грамотности посетителей сайта. Согласитесь, что подросток, который хочет приобрести игровую приставку, домохозяйка, которая желает обсудить особенности приготовления любимого блюда, и веб-разработчик, который занимается поиском определенной технической документации, – это совершенно разные категории пользователей с разным уровнем знаний в области интернет-технологий.
Так или иначе, только после четкого определения целей разработки сайта, а также тщательного анализа целевой аудитории можно абстрактно описать предстоящий проект и сформулировать ряд специфических требований к его реализации.
Общее описание проекта
Общее описание проекта основывается на данных, полученных в результате выполнения двух предыдущих этапов проектирования. Оно должно содержать обобщенную информацию о том, что именно будет получено в результате разработки сайта и каким образом будут достигнуты поставленные цели.
В первую очередь необходимо кратко описать, какие текстовые и графические материалы должен содержать сайт. При этом следует четко обозначить, с какой целью и для реализации каких задач размещается та или иная информация. Подобный подход позволяет избежать информационной перегруженности и гарантирует, что на сайте будет представлена только актуальная и действительно необходимая целевой аудитории информация.
Также на данном этапе проектирования принимается решение о необходимости разработки различных программных компонентов и модулей для сайта. Поскольку каждый программный компонент и модуль является средством реализации определенных задач, необходимо кратко описать его предназначение. Например, в случае проектирования интернет-магазина описание проекта должно содержать общую информацию о том, каким именно образом будет организован процесс продаж.
Требования к сайту
В процессе проектирования любого сайта невозможно обойтись без определения некоторых специфических требований к проекту. Эти требования опираются на данные, полученные в результате выполнения предыдущих этапов проектирования и оказывают непосредственное влияние на последующие этапы проектирования и разработки сайта.
-
Требования к графическому дизайну
Требования к графическому дизайну регламентируют основные принципы, которых необходимо придерживаться при разработке визуального оформления сайта. Если проектируется корпоративный сайт, данная группа требований может содержать образцы элементов фирменного стиля компании (логотип, цветовая гамма, шрифты). При этом, как правило, указывается, каким образом эти элементы должны интегрироваться в общую концепцию дизайна.
На выбор цветового решения и общей стилистики очень сильно влияет информация о назначении сайта и его целевой аудитории. Визуальное оформление обязательно должно соответствовать маркетинговым аспектам проекта. Неверный выбор приоритетов в дизайне может легко подорвать репутацию солидной компании или спровоцировать негативное отношение аудитории к презентационному или тематическому интернет-ресурсу.
-
Требования к эргономике
Эргономика – это научно-прикладная дисциплина, занимающаяся изучением и проектированием эффективных и удобных систем. Поскольку любой сайт является интерактивной информационной системой, к нему в полной мере могут предъявляться требования, касающиеся удобства его использования.
Требования к эргономике оказывают непосредственное влияние на структуру и информационный дизайн сайта. В частности, они определяют, насколько сложным позволительно сделать пользовательский интерфейс, основываясь на данных о целевой аудитории сайта.
-
Требования по стандартизации и унификации
Требования по стандартизации и унификации относятся к верстке веб-страниц. Они регламентируют стандарты, которым должны соответствовать страницы сайта, а также определяют перечень графических браузеров, в которых сайт должен отображаться корректно.
Если помимо графических браузеров планируется поддержка других устройств вывода (принтеры, сотовые телефоны, речевые браузеры), в данной группе требований должен быть указан полный перечень таких устройств. При этом необходимо описать специфику представления сайта на каждом альтернативном устройстве.
-
Требования к лингвистическому обеспечению
Требования к лингвистическому обеспечению зависят от определенной на этапе общего описания проекта функциональности сайта и регламентируют языковые платформы и технологии, которые должны использоваться в процессе разработки программных компонентов и модулей.
Во избежание дорогостоящих ошибок следует очень внимательно проанализировать технологические аспекты реализации проекта. Если в будущем возникнет необходимость расширить функциональные возможности сайта, неоптимально выбранные технологии могут существенно усложнить процесс модернизации.
-
Требования к системе управления
Если для сайта предусматривается система управления, данная группа требований должна регламентировать ее функциональность. Необходимо четко определить, какие возможности система управления должна предоставлять в распоряжение администратора и какие действия сможет выполнять администратор с ее помощью.
Помимо этого, необходимо рассмотреть вопросы надежности и безопасности системы управления. Как правило, минимальные требования к механизмам безопасности подразумевают наличие защиты от несанкционированного доступа и распространенных типов атак (SQL-injection, XSS).
-
Требования к эксплуатации
Используемые в процессе реализации проекта языковые платформы и технологии могут предъявлять определенные технические требования к конфигурации веб-сервера. Другими словами, для размещения готового сайта в сети интернет может подойти далеко не каждая хостинговая площадка.
Требования к эксплуатации сайта регламентируют аппаратную и программную конфигурацию веб-сервера, которая будет обеспечивать надлежащее функционирование будущего интернет-ресурса.
После определения всех необходимых требований можно приступить к следующему этапу проектирования – визуальному моделированию структуры сайта.
Структура сайта
На данном этапе проектирования необходимо разработать концептуальную схему, отражающую информационную архитектуру и интерактивные процессы сайта.
Информационная архитектура определяет порядок расположения материалов сайта относительно друг друга. В общем случае необходимо представить будущий сайт в виде книги и рассортировать материалы по разделам и подразделам. При этом следует тщательно продумать структуру и названия разделов и подразделов, так как от этого будет зависеть количество времени, которое будут тратить пользователи сайта на поиск необходимой им информации.
Другими словами, информационная архитектура должна формировать максимально доступное и интуитивно понятное информационное пространство для целевой аудитории сайта.
Интерактивные процессы подразумевают выполнение пользователями каких-то определенных действий (регистрация на сайте, покупка товара в интернет-магазине, публикация комментария к статье и т.п.)
В данном контексте необходимо определить, на каких веб-страницах пользователи смогут совершать подобные действия, каким образом сайт будет реагировать на эти действия и куда будут перенаправляться пользователи после того, как эти действия будут совершены.
Информационную архитектуру и логику взаимодействия сайта с пользователями можно эффективно представить с помощью графической нотации Джесса Гарретта, которая специально предназначена для визуального моделирования различных макроструктур и процессов.
Графическое представление структуры сайта позволяет в некоторой степени конкретизировать абстрактные данные, полученные на этапе общего описания проекта, и служит основой для дальнейшей детализации проекта.
Информационный дизайн
Информационный дизайн регламентирует наличие и расположение информационных и функциональных блоков на страницах сайта. При этом преследуется цель максимально оптимизировать расположение элементов на веб-страницах с учетом информации о целевой аудитории.
Кроме того, информационный дизайн подразумевает проектирование пользовательского интерфейса. В данном контексте необходимо позаботиться о том, чтобы навигационные элементы позволяли легко перемещаться по информационной архитектуре сайта и не вызывали у посетителей дискомфорта. Для успешного решения этой задачи следует руководствоваться требованиями к эргономике, которые определяются на одном из предыдущих этапов проектирования.
Важно отметить, что информационный дизайн практически никак не связан с визуальным оформлением веб-страниц. На данном этапе проектирования необходимо всего лишь определить, какие элементы должны присутствовать на веб-страницах, в какой последовательности они должны располагаться и как они могут использоваться.
Описание контента
После того, как будет определена микроструктура каждой отдельной страницы сайта, необходимо составить сводный перечень всех веб-страниц с указанием всех текстовых и графических материалов, которые предполагается на этих веб-страницах разместить. Для реализации этой задачи рекомендуется представить перечень страниц в виде таблицы.
В процессе описания контента очень важно четко обозначить, кто будет заниматься подготовкой необходимых материалов. Как правило, различные тематические статьи и фотоматериалы предоставляются заказчиком проекта, а многие графические иллюстрации (например, схема проезда к офису компании) и краткие пояснения к интерактивным формам могут разрабатываться специалистами веб-студии.
Функциональность сайта
Данный этап проектирования регламентирует алгоритмы работы программных компонентов и модулей сайта. Необходимо подробно описать функциональность каждого компонента и модуля, порядок взаимодействия пользователей с интерактивными формами, правила обработки нештатных ситуаций, а также множество других технологических аспектов.
Подробное описание функциональности особенно актуально для крупных интернет-проектов, требующих интенсивного программирования. Другими словами, чем сложнее будущий сайт с технологической точки зрения, тем более важное значение приобретает наличие функциональной спецификации.
Техническое задание
Результат проектирования выражается в специальном документе, который называется «Техническое задание» и является неотъемлемой частью договора на разработку сайта. Требования к составлению технического задания регламентируются ГОСТ 34.602-89.
Прежде всего проектная документация позволяет определить сроки и стоимость разработки сайта. Если вы обратились в веб-студию, где вам сразу же называют точную стоимость реализации проекта, знайте, что эта стоимость взята «с потолка». Без предварительного проектного исследования оценить объем предстоящих работ не представляется возможным.
Также весьма занятно выглядят предложения некоторых веб-студий о разработке «профсайтов» бесплатно. Если вы поинтересуетесь в любой из таких компаний насчет подготовки и утверждения проектной документации, вы сразу же поймете, что там о таких «премудростях» никто даже и не слышал, а за громким названием «MegaDesignStudio» скрывается все тот же дядя Вася.
Техническое задание – это руководство к действию для проект-менеджера, дизайнера, верстальщика, программиста, контент-менеджера, но в первую очередь этот документ необходим заказчику проекта. С одной стороны, проектная документация помогает заказчику лучше понять, осмыслить и сформулировать свои собственные потребности, цели и задачи. С другой стороны, она позволяет оценить качество выполнения каждого этапа работ и конечный результат. Иначе говоря, без технического задания невозможно определить конечную точку реализации проекта в принципе.
Как правило, на проведение серьезных проектных исследований выделяется отдельный бюджет, никак не связанный с дальнейшими этапами разработки сайта. Тем не менее, в некоторых случаях мы придерживаемся политики, которая не предусматривает внесения оплаты за проведение проектных работ. В особенности это касается малобюджетных сайтов с небольшим объемом контента.
Хотите ознакомиться с образцом проектной документации?