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

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

Кроме поиска примеров для подражания полезно будет конструктивно проанализировать сайты конкурентов, оценить их сильные и слабые стороны. Или просто похожие по направлению проекты и задуматься над вопросом «Что придаст моему сайту уникальность? Чем мой сайт будет отличаться?» Разумеется, в лучшую сторону…

Выберите 3-5 наиболее удачных примеров, и постарайтесь оценить, что Вам понравилось или не понравилось в этих сайтах. Попробуйте понять почему. Если Вам понравился дизайн, то подумайте, чем конкретно он хорош? Обратите внимание также на структуру этих сайтов (разделы и подразделы) и функционал (есть ли там какие-то интерактивные сервисы как: комментарии, регистрация, поиск по параметрам и т. д.). Обратите внимание на качество подачи информации. Насколько детально описаны товары и продукция, есть ли фотографии, статьи примеры по теме и т. д. Попробуйте все это проанализировать с точки зрения, что хорошо, а что плохо именно для Вас. Отберите хорошие качества дизайна, структуры и функционала, которые хотелось бы реализовать в Вашем проекте. по четырем направлениям: функционал, структура, дизайн, информация.

Итог работы

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

Шаг 2. Функционал сайта

Определите цели создания, тему, аудиторию сайта

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

На этом шаге постарайтесь ответить на вопросы:

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

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

Чей это сайт? Это сайт предприятия, группы предприятий, информационный сайт, сайт по определенному продукту и т. д. Постарайтесь на этом этапе определить тему как можно более узко. Например, если делаете сайт компании, то не добавляйте по ходу идеи типа: а давайте тут еще расскажем про наш второй бизнес и т. д. Глобализм погубит…

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

Определите функциональные потребности сайта

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

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

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

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

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

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

Впрочем, а давайте разберемся с начинкой этого «пирога» несколько более подробно. И для начала определимся с терминологией. Нам нужно определить к какому типу Ваш сайт будет наиболее близок. Классифицировать сайт по типу, к которому он принадлежит и определить его вид. Зачем? Да затем, что исходя из этой классификации мы сможем более точно определить какой же функционал нужен Вашему сайту для решения задач, которые Вы перед ним ставите… Ибо, как с автомобилем – если внедорожник, значит повышенная проходимость, мощный мотор и т. д., если спорткар – хорошие ходовые качества, маневренность и управляемость…Так же вот и с сайтом…

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

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

Самое простое – это, наверно, разделить сайты по использующимся в них технологиям, влияющим на возможности по созданию для них определённого дизайна и функциональности. Также по этому признаку можно классифицировать не только сайты, но и отдельные веб-страницы. Итак, классификация:

Ознакомьтесь с классификацией сайтов по типам

По цели создания выделяют следующие типы сайтов:

Некоммерческие

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

Коммерческие

Коммерческий сайт – это самый распространенный вид интернет-ресурсов, ориентированный на привлечение потенциальных клиентов, партнеров и информирование их о товарах и услугах компании.

По доступности пользователям их условно можно разделить на:

Открытые

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

Полузакрытые

(для доступа потребуется пройти процедуру регистрации) Каждый сталкивался с необходимостью пройти авторизацию, будь это в сервисной почте, ICQ, в социальной сети или на форуме. Для этого достаточно лишь ввести правильный логин и пароль, после чего будут доступны какие-либо возможности, недоступные простым гостям сайта… Разграничение доступа к различным функциям сайта может происходить на уровне возможностей отдельных пользователей, входящих в определенную группу. Например, одна группа пользователей имеет право размещать свои материалы, оставлять комментарии, пользоваться отдельными ветками форума … Другая – имеет возможность модерировать, редактировать эти материалы, третья – разрешать их публикацию, давать «добро» на регистрацию новых членов предыдущих групп.

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

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

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

Закрытые

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

Intranet – это внутренняя корпоративная сеть, построенная на интернет-технологиях. Intranet – системы – промежуточное звено между локальной сетью и корпоративными системами высокого уровня. С технической точки зрения Intranet – это внутренний корпоративный web-портал, призванный решать задачи именно вашей компании; задачи, в первую очередь, по систематизации, хранению и обработке внутрикорпоративной информации. Intranet – сайт доступен только в рамках локальной сети Компании включая удаленные филиалы (intranet) или как портал в сети Интернет, невидимый в поисковых системах и требующий авторизации при входе.

Доступ к страницам портала осуществляется через web-браузер, что позволяет пользоваться услугами Intranet – систем людям с минимальной компьютерной подготовкой. Ключевым словом при описании intranet – систем является слово "единый": единый способ обработки, хранения, доступа к информации, единая унифицированная среда работы, единый формат документов. Такой подход дает сотрудникам возможность наиболее эффективно использовать накопленные корпоративные знания, оперативно реагировать на происходящие события, а предприятию в целом предоставляет новые возможности организации своего бизнеса.

По функциональности выделяют следующие типы сайтов:

Статичные

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

Статические сайты и веб-страницы. Статические сайты и веб-страницы – это сайты, сделанные по классической технологии html. Веб-страницы таких сайтов написаны полностью на языке html и имеют расширение .htm или .html. Статическими они называются потому, что, набирая определённый адрес (URL), соответствующий сайту или его определённой странице, Вы всегда будете видеть одно и то же содержание. Это потому, что статические html-страницы лежат на сервере в неизменном виде и по вашему запросу сервер просто берёт их и отправляет Вам в браузер. С динамическими страницами, которые не существуют в заранее предопределённом виде на сервере, а формируются при помощи серверных скриптов, ситуация иная, и, набирая один и тот же адрес, вы, в зависимости от разных условий, можете получать совершенно разное содержание.

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

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

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

Динамические