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

Игорь Петрович Мальцев, 2017

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

Эх вы, городские! Жизни не знаете?! А тут… цельное лето: утром покос, вечером надои, то корова опоросится, то куры понеслись… А еще вишня взошла! Свекла заколосилась! А ежели дождь во время усушки, а?

(С) «Возвращение блудного попугая»

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

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

Как ни крути, придется разбираться… хотя…

Если Вы готовы прямо сейчас, ответьте на перечисленные ниже вопросы:

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

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

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

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

Определите к какому типу будет относится Ваш сайт. Преследуете ли Вы извлечение выгоды с помощью Вашего сайта? И в чем фишка?

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

Открытые

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

Закрытые

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

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

Статичные

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

Будет ли информация на вашем сайте периодически изменяться? И как много и часто?

В зависимости от размера и качества аудитории выделяют следующие типы сайтов:

Узконаправленные и тематические

Интернет-порталы

Предполагаете Вы обращаться к специализированной категории или освещать только определенные темы?

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

Корпоративные

Личные (визитки, домашние страницы и т. д

Групповые

Чьи интересы будет отображать Ваш сайт? К какому виду Ваш сайт предположительно ближе по сути?

Информационные сайты.

Одно тематический или разно тематический информационный сайт

Новостной сайт

Блог

Сайты корпоративной направленности.

Сайт-визитка

Корпоративный сайт.

Корпоративный ПОРТАЛ

Сайт-портфолио.

Коммерческие сайты.

Сайт-витрина

Промо-сайт

Лендинг

Интернет-магазин

Социальные проекты.

Форум

Социальные сети

Различные веб-сервисы.

Сайт-сервис

Каков будет дизайн Вашего сайта

Основной цвет сайта

Как Вы можете обозначить дизайн своего сайта — темный, светлый, фиолетовый?

Цветовая гамма

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

Графическое оформление

Чистый стиль.

Стандартный стиль.

Художественный стиль.

Каково возможное соотношение графики и текста на своем сайте Вы хотели бы видеть?

Верстка

Какой тип расположения материалов Вы предпочитаете? Например, количество колонок, др. пожелания… резиновая адаптивная табличная, блочная верстка?

Навигация

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

Какие виды меню изволите? Горизонтальное, вертикальное? выпадающее, раскрывающееся?

Плотность

Будет ли на Вашем сайте предусмотрена мобильная версия для мобильных устройств? Тогда нужно больше пространства… Насколько плотной должна быть верстка сайта? Ваши пожелания…

Шрифт

Какие типы шрифтов Вы предпочитаете видеть на вашем сайте? А для заголовков?

Тематика

К какой тематике Вы отнесли бы Ваш сайт?

Веб-типографика

Какое графическое оформление на сайте необходимо разработать дизайнеру — иконки, заставки, иллюстрации, стили заголовков, таблоидов? Перечислите и опишите…

Стиль дизайна сайта

Какой стиль один или несколько из нижеперечисленных наиболее привлекателен для Вас?

Стиль «Минимализм» Минимализм

Дизайн в стиле «Flat»

Почти плоский дизайн

Стиль «Metro» (Карточный стиль)

Техдизайн в вебе

Классический стиль

Бизнес-стиль

Информационный стиль дизайна

Газетный стиль

Журнальный дизайн.

Художественный стиль

Ретро-дизайн (винтажный стиль).

Плакатный стиль «мондриан»

Готический или органический

Хипстерский стиль? гранж

Панковский стиль

Футуристический стиль

Мультипликационный стиль

Техника «ручного» рисунка

Бизнес-стиль

Промо-стиль

Стиль Web 2.0

Веб-дизайн в стиле флеш

Шаблон сайта

Вам обязательно нужна разработка уникального дизайна с нуля или Вы не желаете «изобретать велосипед» и воспользуетесь готовым шаблоном?

Мне нужна разработка шаблонов страниц в количестве (перечислите страницы, для которых нужно разработать уникальный дизайн)

Мне достаточно готового шаблона из библиотеки дизайнера

Я буду использовать шаблон, но мне хотелось бы изменить его за счет доработки — изменения цветов, стилей заголовков и пр…

Управление сайтом

Хостинг

Нужна ли Вам помощь разработчика в подборе, регистрации и настройке хостинга?

Мне нужно будет подобрать, зарегистрировать и настроить Хостинг

У меня уже есть аккаунт на хостинге (дать данные доступа к аккаунту, пароли и логины)

Регистрация домена

Мне нужно подобрать и зарегистрировать доменное имя для моего сайта

У меня уже есть Доме́нное и́мя для сайта (дать данные доступа к аккаунту, пароли и логины)

Система управления сайтом CSM

Нужна ли Вам система управления сайтом CSM (для динамического типа сайта)? Если Вы предпочитаете какую–то определенную систему укажите ее.

Как Вы предполагаете управлять административной частью Вашего сайта: дополнять, обновлять информацию?

Поручу квалифицированному специалисту

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

Буду делать самостоятельно

Заключу отдельный договор с разработчиком

Оцените уровень подготовки свой или Вашего специалиста-того, короче, кто будет сайт администрировать

Обладает знаниями языков программирования HTML, CSS, JS

Имеет навыки работы с сайтами (оценка от 1 до 10)

Имеет навыки работы с компьютером на уровне (оценка от 1 до 10)

Функциональные компоненты

Какие Вам могут пригодиться функциональные компоненты (Отметьте перечисленные, при необходимости — дополните с описанием свойств…)

размещение статей с выбором разделов и подразделов

отображение новостей в ротации (в блоках со сменой материалов)

отображение событий, акций (в виде анонса событий с датами начала и окончания мероприятия)

слайдеры, ротаторы

интеграция видео, аудио

галерея фото

системы поиска, расширенного поиска, фильтрации по характеристике или теме

облако тегов

блок онлайн-консультации

система «вопрос-ответ»

тикеты (интерактивные билеты) техподдержки

проведение тестов с оценкой знания пользователей

заполняемые формы, калькуляторы

опросы

комментарии

книга отзывов

форма отправки сообщений на эл почту

форум

расширенная авторизация

личный кабинет пользователя

авторизация через соцсети

социальные кнопки

магазин

каталог товаров

корзина

интеграция платежных систем

виджеты погоды, курсов валют, и т.п.

показ баннеров, рекламы

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

защита сайта

защита входа в админку

защита контента от копирования

создание резервных копий сайта

сбор статистики и аналитики сайта

сео-модули и плагины для повышения индексирования сайта

подключаемые ленты новостных каналов rss

возможность обновления компонентов сайта

генератор карты сайта

интерактивная карта (google, yandex, 2gis)

Доработка контента

Возможно, Вам будет нужна помощь в проработке контента сайта (обработка текстов, фотографий и пр.) Чтобы понять какая будет нужна помощь и в каком объеме — отметьте, как Вы будете предоставлять готовые материалы для наполнения контента сайта

Я предоставлю готовые материалы

Мне нужно будет помочь их отредактировать

Только отформатировать под требования веб

Мне нужна будет помощь специалиста

журналиста,

фотографа,

сео-специалиста

копирайтера

журналиста

иллюстратора

Дополнительные услуги

Какая помощь со стороны разработчика и в каком объеме потребуется Вам для работы с проектом? (отметьте, дополните, прокомментируйте)

регистрация сайта в поисковых системах, каталогах

подготовка алгоритмов работы с сайтом — выполнение типовых задач

техническое обслуживание сайта

администрирование сайта

создание страниц групп в соц. сетях и интеграция сайта с ними

внешняя/внутренняя оптимизация сайта

Собственно, вот…

Ну что ж, если Вы ответили на все вопросы… и как говорил классик «Ну, если Вы больше ничего не хотите…», я рад… и книга, собственно, уже достигла цели с которой была написана… Тогда до новых встреч и успехов! Получившееся у Вас в результате ответа на вопросы краткое тех. задание отсылайте разработчику вместе с материалами сайта

Ну, а если есть что сказать, пишите на мой адрес [e-mail] Обсудим…;) Буду рад уточнениям, дополнениям, улучшениям и конструктивной критике.

Если нет, читаем дальше