Книга Настольная книга веб-дизайнера. Практический курс по веб-дизайну и проектированию сайтов - Ирина Анатольевна Никулина

ТЗ является раздел, дающий понятие о целях создания сайта.

3. Назначение и цели создания сайта.

3.1. Назначение сайта.

3.2. Цели создания сайта.

3.2.1. Основные цели создания сайта.

3.2.2. Целевая аудитория.

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

4. Требования к сайту.

4.1. Требования к сайту в целом.

4.1.1. Требования к структуре и функционированию сайта.

4.1.2. Требования к персоналу.

4.1.3. Требования к сохранности информации.

4.1.4. Требования к разграничению доступа.

4.2. Требования к функциям (задачам), выполняемым сайтом.

4.2.1. Основные требования.

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

4.2.1.2. Навигация.

4.2.1.3. Наполнение сайта (контент).

4.2.1.4. Система навигации (карта сайта).

4.2.2. Требования к функциональным возможностям.

4.2.2.1. Система управления контентом (CMS).

4.2.2.2. Типовые статические страницы.

4.2.2.3. Функциональные возможности разделов.

4.2.3. Требования к дизайну.

4.2.3.1. Общие требования.

4.2.3.2. Типовые навигационные и информационные элементы.

4.2.3.3. Шапка сайта.

4.2.3.4. Основное и боковое меню.

4.2.3.5. Основное поле контента.

4.2.3.6. Подложка.

4.2.3.7. Эскизы страниц.

4.2.3.8. Типовая статическая страница.

4.3. Требования к видам обеспечения.

4.3.1. Требования к информационному обеспечению.

4.3.1.1. Требования к хранению данных.

4.3.1.2. Требования к языкам программирования.

4.3.2. Требования к лингвистическому обеспечению.

4.3.3. Требования к программному обеспечению.

4.3.4. Требования к аппаратному обеспечению.

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

5. Состав и содержание работ по созданию сайта. (Делается разработчиком сайта, с указанием сроков этапов работы и суммы их оплаты).

6. Порядок контроля и приёмки сайта.

6.1. Виды, состав, объем и методы испытаний. Проверка на ошибки.

6.2. Общие требования к приёмке сайта.

7. Требования к составу и содержанию работ по вводу сайта в эксплуатацию.

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

Рис.38. Техническое задание: Система навигации (карта сайта)

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

Рис. 39. Подписи сторон на ТЗ

Техническое задание, не имеющее подписи и печати, не может быть признано юридическим документом.

4. Ошибки техзадания

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

Ошибки ТЗ:

1. Не указан тип (вид) сайта. Вместо блога разработчик сделает вам лэндинг-продажник, если чётко не прописать, что это за сайт.

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

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

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

5. Не указаны счётчики посетителей и семантическая разметка на сайте (помогает поисковым системам проиндексировать сайт).

6. Не предоставлена структура сайта, не описан функционал и модули на первой странице.

7. Не обозначены этапы разработки сайта с конкретными сроками окончания работ и оплаты.

8. Неконкретное описание дизайна и функционала сайта. Ошибкой будет вместо конкретики использовать такие термины, как: красивый, стильный сайт. Лучше написать так: «сделать красный баннер, как на сайте таком-то, статьи оформить, как на сайте таком-то» и т.д.

9. Нет подписей на документе.

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

Ссылка на примеры техзаданий, скачать можно бесплатно:

https://drive.google.com/drive/folders/1P-S9HAToNUSTMl7rPmqtS8DOpfzn0f9y?usp=sharing

Глава 6. Анализ темы и направления сайта

В этой главе:

1. Знакомство с темой

2. Анализ конкурентов

3. Создание базы образцов

4. Подбор ключевых слов (сбор семантического ядра)

5. Авторское право на веб-дизайн

1. Знакомство с темой

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

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

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

Изучение темы по шагам:

1. Найдите определение в сети Интернет.

2. Прочитайте статьи на форумах и в соцсетях.

3. Просмотрите сайты, посвящённые этому бизнесу.

4. Найдите знакомых, чьи профессии близки к теме и пообщайтесь с ними.

5. Прочитайте специальные издания: журналы или газеты.

Рис.40. Знакомство с темой сайта, поиск определения

2. Анализ конкурентов

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

Для этого