На данном этапе можно уже выяснить и представить примерное содержание сайта. Для этого собранный контент группируем по функциональным блокам и элементам сайта.
Допустим, мы разрабатываем интернет-магазин по продаже бытовой техники. Для представления товаров в магазине у нас имеются фотографии техники. Исходя из назначения и целей сайта, мы должны сформировать карточку товара с техническими характеристиками и фотографией товара. Итак, у нас получается отдельный блок сайта, который и будет являться функциональным элементом.
Не забываем учитывать как статические элементы, так и динамические. Также необходимо помнить о расширяемости блоков и собственно всей функциональности сайта.
Группы блоков и элементов сайта можно выписывать по различным параметрам: по приоритетности, по объему, по частоте обновления и изменения и т.д. Важно учитывать все эти параметры и сами блоки, опираясь на уже ранее определенные цели посетителей сайта.
Когда определены все блоки и элементы сайта, а соответственно имеется представление о функциях сайта можно переходить к техническим требованиям.
Технические требования — это средства и способы разработки применимые к данному проекту. На мой взгляд, совершенно логично определиться с технологиями разработки до этапа визуального представления и макетирования, чтобы не столкнуться с нереализуемыми или неприменимыми для данного проекта задумками и идеями дизайнеров.
№4 Структура сайта
Разделы сайта
Исходя из назначения сайта, функциональных блоков и остальной информации по проекту составляем иерархический (древовидный) список разделов сайта. Для наглядности можно представить разделы в виде связанных организационных диаграмм. Это поможет не только реально представить структуру сайта, но и убедиться в обеспечении должных взаимосвязей сайта, начиная от перемещений пользователей и заканчивая общей целостностью структуры.
Важно при составлении структуры убедиться в ее расширяемости в зависимости от контента и функциональности сайта.
Система навигации
Глядя на структуру сайта не сложно выделить основные элементы навигации и связать ее с каждым разделом сайта. И естественно точно также как и на других этапах задумываться о расширении навигации. Иногда, на практике, простая с виду задача как дополнение меню уже готового сайта всего лишь одним пунктом, приводит к переделке всей структуры сайта. Это свидетельство непродуманности системы навигации при проектировании.
Система навигации в техническом задании может выглядеть как иерархический список, как организационная диаграмма или иным образом. Важно выписать все элементы навигации всех страниц и разделов.
Эскиз сайта
Главная задача эскиза показать основную структуру будущих макетов сайта. Наглядность и условность эскиза помогает избежать многих ошибок и затруднений при детальной обрисовке деталей дизайна.
Фактически эскиз сайта это составление определенной композиции из функциональных блоков и элементов будущего сайта. Эскиз — каркас и основа всего сайта, по аналогии со строительством блочного дома, можно оценить значимость этого этапа. Разве можно представить строительство дома, которое начинается с окрашивания несуществующих стен?
Бонус. Техническое задание для малобюджетных проектов
Описание задачи
Буквально пара предложений о том, что представляет собой компания или проект.
Категории целевой аудитории
Как и в полной версии ТЗ выделить категории и группы посетителей сайта.
Назначение и цели сайта
Формулировка целей и задач сайта в нескольких предложениях с учетом целей посетителей.
Структура разделов сайта
Древовидный список всех страниц сайта.
Система навигации
Меню сайта списком.
