Термины, используемые в ТЗ на сайте

CRM (Customer Relationship Management) – это система для управления взаимоотношениями с клиентами.

Html – язык гипреразметки текста и фото на сайте.

PHP – язык программирования сайтов.

RGB – это цветовая модель для экрана.

Автоворонка – страничка захвата контактов (форма обратной связи с бонусом при регистрации).

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

Анализ конкурентов – анализ сайтов конкурентов с целью выявления полезных модулей для создания структуры и дизайна сайта.

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

Веб-баннер – рекламное изображение (может быть с анимацией), имеющее ссылку на сайт.

Веб-дизайнер – специалист по компьютерной графике, создатель дизайна страниц сайта.

Веб-разработка – процесс создания дизайна сайта, программирования и верстки страниц сайта, реализация его в сети Интернет.

Верстальщик – это специалист в области веб-разработки, который превращает дизайн-макет в интерактивную страницу.

Главная страница сайта – «лицо» сайта, первая и основная страница веб-ресурса.

Движок сайта (см. CMS)

Домен (доменное имя) сайта – это адрес сайта в сети Интернет, уникальное название, привязанное к конкретному сайту, которое пользователи вводят в адресную строку браузера, чтобы выполнить переход на этот сайт. Например, www.site.ru.

Интернет-магазин – сайт с каталогом товаров, корзиной и привязанной системой оплат.

Квиз – опросник на сайте с бонусом, либо отдельный сайт-опросник.

Корпоративный сайт – многостраничный сайт фирмы или компании.

Контент сайта – текст, изображение, анимация и видео на сайте.

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

Линк – ссылка на сайте. Перелинковка – взаимные ссылки с одно страницы на другую.

Материалы на сайт – это тексты, названия рубрик или категорий, фотографии, видео, веб-баннеры, иконки, логотип, инофграфика, схемы, пдф-файлы, архивы для скачивания и т.д. Иными словами все, что будет на сайте.

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

Мобильная версия сайта – версия для мобильных утсройств.

Новостной портал – сайт с новостями.

Новостная лента – лента новостей на сайте.

Одностраничник – лендинг, сайт, состоящий из одной страницы.

Пагинация – это способ разбиения большого объёма информации на отдельные страницы для удобства восприятия пользователем, в конце страницы вы можете увидеть «Далее» или 1… 2… 3… (переход на следующие страницы) – это и етсь пагинация. Виды пагинации: нумерованная, буквенная, диапазонная, гибридная.

Подвал – блок сайта, который отображается внизу каждой страницы сайта.

Программист сайта – специалист, который занимается созданием и поддержкой сайтов и веб-приложений.

Продвижение сайта (Яндекс.Директ) – реклама сайта (контекстная) через сервис Яндекс.Директ, основана на рекламных объявлениях, созданных по ключевым словам.

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

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

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

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

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

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

CMS – это система управления сайтом, например WordPress. Через нее можно добавлять и редактировать контент сайта без специальных знаний.

СЕО-продвижение сайта – ряд мер по продвижению сайта в поисковых системах, основанный на ключевых словах и обмене ссылками.

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

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

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

Форум – онлайн-платформа для дискуссий, обмена мнениями и знаниями между пользователями, объединёнными общими интересами или целями.

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

Хлебные крошки – система навигации на сайте, навигационная цепочка ссылок, например: Главная – Каталог – Обувь – Детская обувь для мальчиков

Хостинг сайта – площадка для расположения файлов сайта в сети Интернет со специальным ПО, платная услуга.

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

Яндекс.Метрика – счетчик и система анализа посещаемости от Яндекса.

Рис. 4. Начало ТЗ на сайт

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

Этапы подготовки технического задания

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

Исследование проекта, анализ темы

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

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

Обсуждение со специалистами

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

Формирование структуры ТЗ

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

Написание ТЗ

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

Рис. 5. Примеры цвета для сайта, в RGB

Ревизия и утверждение

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

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

Глава 2. Структура технического задания

Грамотное техническое задание должно иметь правильную структуру, включать необходимые разделы и быть логически последовательным. Обязательными являются следующие разделы: Контакты, Срок сдачи сайта, Подробный объем работ, Детальное описание каждого этапа работ.

Рассмотрим основные разделы, которые обязательно должны быть включены в ТЗ.

Контакты, содержание, термины

Первое, что должно быть в ТЗ – это шапка, где указаны контакты исполнителя, а так же должно быть поле для контактов заказчика или его исполнителей. Обязательно строка ФИО, телефон и другие средства связи с представителем заказчика. См. рис. 6.

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

Рис. 6. Контакты в ТЗ

Содержание

Для большого и обстоятельного ТЗ делается подробное содержание всех его разделов с указанием страниц. Это помогает легче ориентироваться в документе. См. рис. 7.

Рис. 7. Содержание или Оглавление в документе ТЗ

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

Сфера деятельности

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

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

Предоставьте фотографии офиса или склада, руководителей компаний или сотрудников.

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

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

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