Создание (разработка) сайтов > Этап 2. Проектирование сайта

Этап 2. Проектирование сайта

www.cpsites.ru

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

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

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

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

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

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

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

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

Компоненты (составляющие) сайта

Условно сайт можно разбить на следующие составляющие:
  • структурная;
  • функционально-техническая (движок);
  • контентная (содержательная);
  • дизайнерская.

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

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

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

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

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

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

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

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

    Структура сайта

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

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

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

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

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

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

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

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

    Когда я создавал еще первые версии своих первых двух сайтов (www.rik-company.ru и www.bud-tech.ru), то сразу же спроектировал такую структуру, в которой было и вертикальное и горизонтальное меню. При проектировании третьей версии данных сайтов я добавил еще и поля для баннеров.

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

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

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

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

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

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

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

    Функционал сайта (движок)

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

    Когда в командной строке браузера набирается название сайта и нажимается кнопка "Enter", то запускается определенный механизм (программный код), который выводит на экран соответствующее изображение. Далее этот же механизм обеспечивает перемещение по сайту, а также запуск определенных функций.

    Самый простой вариант движка сайта (без функционала) позволяет делать только следующее:
  • открывать сайт, выводя на экран определенную текстовую (контент) и графическую (рисунки и видео) информацию, в соответствии с запрограммированной структурой и дизайном;
  • перемещаться по разделам сайта.

    Кстати, первые версии всех моих сайтов работают именно на самом простом (можно сказать примитивном) движке. Честно говоря, сам я эти движки делать не умею. Я поступаю очень просто.

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

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

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

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

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

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

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

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

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

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

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

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

    На самом деле, теперь уже вовсе не обязательно вникать во все тонкости web-программирования, поскольку есть уже вышеупомянутые специализированные программные продукты (Content Management System – система управления контентом).

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

    Итак, помимо уже выше упомянутой flash-технологии, к функционалу сайта может относиться:
  • регистрация пользователя на сайте;
  • форма обратной связи;
  • периодическая рассылка зарегистрированным пользователям информации о том, что появилось нового на сайте;
  • интернет-магазин;
  • поиск информации на сайте по ключевому слову или фразе;
  • различные варианты интерактивности (чат, форум, добавление и обсуждение статьей, добавление и обсуждение записей в блоге и т.д.).

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

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

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

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

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

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

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

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

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

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

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

    Контент (содержание) сайта

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

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

    Может в будущем такое и будет реализовано, но пока поисковые роботы не могут распознавать картинки и видео. Они могут "читать" только текст. Поэтому если на сайте будет очень много картинок и видео (в том числе использование flash), но очень мало текста, то готовьтесь к тому, что вы будете "вечно" платить за так называемое продвижения вашего сайта.

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

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

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

    С какой стати я должен тратить свое время (звонить или писать письма) на поиск той информации, которая по логике должна быть на сайте? Зачем тогда сайт-то нужен?

    Я могу понять, если речь идет о какой-то услуге, где нет типовой цены, но если это товар, причем, очень простой, то почему нет цены. Возникает логичный вопрос: владельцы сайта, вообще, хотят привлечь новых клиентов или как?

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

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

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

    Дизайн сайта

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

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

    Честно признаюсь, я в этом вопросе вообще мало что понимаю. Наверное, потому, что я сам, как пользователь сайтов, не придаю дизайну никакого значения.

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

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

    Кстати, если у кого-то есть интересная и полезная информация, относящаяся к дизайну сайта, пришлите ее, пожалуйста, по электронному адресу cpsites@mail.ru. Эта информация (естественно, с указанием ее автора) будет размещена на этом сайте.

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

    Юзабилити сайта

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

    К сожалению, нет какой-то четкой и объективной шкалы оценки юзабилити сайта. В этом смысле юзабилити и дизайн сайта очень похожи. Можно дать только некую качественную оценку юзабилити и дизайна сайта.

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

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

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

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

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

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

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

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

    Техническое задание на разработку сайта

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

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

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

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

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

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

    Уточнение плана проекта по созданию сайта

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

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

    Имея разработанное ТЗ для создания сайта, профессиональный разработчик достаточно легко сможет оценить сроки реализации проекта, а также его стоимость.

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

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

    Итак, основными результатами данного этапа проекта являются:
  • техническое задание с описанием всех компонентов сайта;
  • окончательная версия плана реализации проекта по созданию сайта.


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

    

  • Яндекс.Метрика Рейтинг@Mail.ru