Здравствуйте, в этой статье мы постараемся ответить на вопрос: «Техническое задание в веб дизайне». Также Вы можете бесплатно проконсультироваться у юристов онлайн прямо на сайте.
Все вопросы, касающиеся финансов, бюджета, сроков исполнения готовой продукции находятся в ведении менеджера Вашего проекта. Дизайнер занимается исключительно технической частью проекта и ответить на эти вопросы не сможет. Использование технологий и материалов дизайнер согласовывает с менеджером, от этого зависит стоимость Вашего проекта.
Знание типографики — один из основных навыков любого дизайнера, и не важно, создает ли он интерфейсы, делает макеты печатных газет или верстает плакаты.
ТЗ (техническое задание) для создания сайта
Дизайнер выстраивает модульную сетку и накладывает на нее прототип. Затем отрисовывает дизайн, связывая его с концепцией сайта.
Со стороны кажется, что создание сайта происходит в миг, но за этим стоит очень много шагов, которые необходимо знать каждому, кто собирается заниматься веб дизайном. В процессе создания сайта задействованы много звеньев. И после каждого из них необходимо согласование и одобрение клиентом каждого из этапов. Этот раздел содержит описание функций, которые позволят выполнить поставленные задачи. Для интернет-магазина, как правило, типовыми функциями являются: каталог товаров, поиск, сортировка, корзина, регистрация пользователей, возможность оплатить заказ онлайн, купить без регистрации и т.д.
Например, при общении с заказчиком нередко можно услышать фразу «нам нужен сайт с удобной панелью управление». Удобство – это субъективное понятие. Для программиста будет удобна одна панель, для контент-менеджера – другая, для заказчика – третья. При возникновении разногласий будет невозможно определить реализована эта задача или нет.
Данная информация носит рекомендательный характер. Цифровые показатели контролю и проверке при приёмке сайта не подлежат.
Создать и разместить в сети Интернет веб-ресурс «________________», установить программное обеспечение, систему администрирования, наполнить ресурс информацией, обеспечить бесперебойность работы и безопасность ресурса, развивать ресурс для привлечения посетителей.
Подзаголовки. Подзаголовки h2 и более мелкие должны выделяться за счет подложки, шрифта, цвета или т.д.
Среднее время загрузки страниц не должно превышать 28 секунд при скорости соединения 28.8 Кбит/сек. Допускается увеличение времени загрузки отдельных страниц до 36 секунд, но не более чем на 30% числа страниц сайта. Головная (начальная) страница должна иметь время загрузки не более 40 секунд.
Эта программа позволяет вносить комментарии и делать рецензии прямо на присланых дизайнером образцах. Чтобы начать комментирование, надо выбрать в меню Acrobat Reader пункт Tools — Comment & Markup. Вы сможете подсвечивать текст, прикреплять наклейки обводить рамками и многое другое.
Тогда ЦА можно описать как:
- женщины 25 — 35 лет;
- мамы детей 7 — 12 лет;
- читают и смотрят вместе с детьми сказки;
- ценят качественное обслуживание и соотношение цены и качества.
В интернет-магазинах используются и другие списки. Например, «Новинки». И здесь тоже возникают вопросы: на основе какого признака выбираются товары в данный список? По дате добавления на сайт? По дате производства? Добавляются вручную? Ответы на вопросы нужно прописывать в задании.
Можно написать ТЗ для дизайнера без указания конкретных цветов и шрифтов. Но может оказаться, что вы по-разному воспринимаете синий цвет или вытянутый шрифт.
Заказываемый полиграфический продукт есть продолжение существующей рекламной политики или часть новой концепции?
В нашем случае, палитра цветов, шрифты и правила оформления лежали именно в брендбуке. В ТЗ мы оставили тезисы и ссылки, где подробности можно найти.
Заказываемый полиграфический продукт есть продолжение существующей рекламной политики или часть новой концепции?
Около 75% наших клиентов, при обращении к нам, не предоставляют вообще никакого ТЗ на разработку веб-сайта, около 20% пишут как могут, и оставшиеся 5% приходят к нам с подробным ТЗ (спасибо вам большое!). Эта статья для тех, кто хочет самостоятельно написать ТЗ для разработки своего проекта! Лично мы в 99% случаев ТЗ разрабатываем бесплатно.
Затем, приступаем к поиску контента, часто заказчик не дает полностью необходимых материалов, и приходится самим искать всё по крупицам, постоянно возвращаясь к клиенту с вопросами, а это очень сильно увеличивает время разработки сайта. Согласование может идти безрезультатно целый месяц с бесчисленным количеством итераций и правок.
Подвал сайта присутствует, в нем повторяется навигация из главного меню, плюс размещен копирайт и есть место для другого текста на всякий случай.
Исполнитель предоставляет Заказчику три варианта цветовых решений и два варианта компоновки блоков на сайте.
При создании объекта есть два способа описать требования: «что должен уметь/делать объект» (описание цели) и «каким должен быть объект» (описание реализации). Прощу прощения если формулировка не точна, источника сией мысли я не знаю, формулирую сам. Далее речь пойдет о втором способе описания объекта — дизайна сайта.
Недостатки: каталог товаров и услуг не проиллюстрированы фотографиями и ценами. приходится качать файлы прайсов.
Сетка — один из основных инструментов дизайнера. Она делит страницу на несколько колонок, по которым выравнивают блоки сайта, структурируют информацию, расставляют акценты. Сетка создает ощущение порядка. Также она полезна при проектировании нескольких однотипных страниц, чтобы они выглядели единообразно и аккуратно.
Основной режим мониторов, на которых будет просматриваться сайт: 15 разрядов цветов и выше (число цветов 65536 и выше). При разработке сайта должен быть обеспечена возможность его просмотра при использовании безопасной цветовой палитры (разрядность цветов 8). Изменения оттенков цветов, при просмотре сайта с использованием безопасной цветовой палитры, не оговариваются.
Для целевой аудитории мы добавили блок: почему квест нравится детям. Дизайнер знал плюсы и особенности нашей работы.
6 важных этапов в создании сайтов
Если у вас в голове уже есть представление, как должна выглядеть работа, то обязательно скажите об этом. Не все могут нарисовать полноценный прототип, но даже набросать схему на листе А4 будет полезно.
Техзадание начинается с одного предложения — например, «нужно добавить функцию X на готовый сайт интернет-магазина».
Этот раздел в общих чертах описывает проект. Пример: нужно реализовать интеренет-магазин для такой-то компании по оптовой и розничной продаже детских товаров на Дальнем Востоке.
Мне удобно, когда ТЗ оформлено в виде списка страниц. Чтобы чётко и понятно, без лишних слов был расписан ключевой смысл сайта, его экранов и разделов. Написать такое ТЗ может не каждый клиент, часто приходится самостоятельно придумывать структуру и закладывать в неё смыслы.
Что-то можно отрисовать за 2 часа, а что-то за 2 месяца. Обсудите сроки сдачи, бонусы за раннюю сдачу и штрафы за задержку.
Например: «Мы видим наш сайт в светлых тонах, без лишних деталей, возможно использование оранжевого цвета для выделения заголовков и других акцентов.
Время, необходимое для доработки дизайна после замечаний Заказчика, не входит в общий срок создания сайта. Подобное описание даст разработчикам возможность прочувствовать что им предстоит сделать, а значит все дальнейшее описание будет восприниматься через призму этих ощущений и избавит от необходимости без видимых причин вдаваться в ненужные и путающие на начальном этапе подробности. Вышеописанное особенно актуально для дизайнеров.
Психология и переговоры
Сроки и штрафы в ТЗ лучше не упоминать, они закрепляются в более значимых документах — договоре и дополнительных соглашениях.
Сперва нам нужно заполнить небольшой бриф, чтобы дизайнер понял, на что ему следует ориентироваться.
- В качестве общего напутствия можно написать вначале стандартное золотое правило: при разработке руководствуемся принципом «Хороший дизайн — это дизайн, которого не видно». Если у сайта уже есть дизайн, напишите, чем он вас не устраивает (если такие пункты есть).
- Похожие сайты. Напишите небольшой список ваших конкурентов.
- Задача, которую должен решать сайт. Здесь можно описать свои цели, которых хотим добиться с помощью этого проекта.
- Тип сайта. Сайт-визитка, корпоративный, интернет-магазин, блог и так далее.
- Цветовая гамма сайта. Если есть предпочтения по цвету — пишите, если нет — оставьте на усмотрение дизайнера.
- Предусматривать ли место под баннерную рекламу.
- Предусматривать ли место для счетчиков посещений.
- Какой сайт нравится. Лучше указать 4-5 ресурсов.
- Как сайт не должен выглядеть. Тоже 4-5 адресов.
- Распишите, что должно находиться на главной странице сайта; если нужно — приведите примеры (скетчи).
- Какие страницы необходимы помимо главной.
- Дополнительная информация.
Недостатки: шрифты трудночитаемы, фотографии размещены неудобно для скачивания, внутри стиль первой и вторых страниц не соблюдается.
Содержание технического задания на разработку сайта: пример
Опишите в свободной форме свой проект, расскажите разработчику, что вы хотите получить от своего нового сайта (или доработки уже существующего) и каким его должен видеть посетитель.
Страницу, сверстанную с помощью таких базовых приемов, удобно и интересно читать, на ней видны логические связи между разными объектами и понятно, какую информацию изучать в первую очередь.