Предпроектная работа над сайтом
DESCRIPTION
Автор презентации: Никита Михеенков, NimaxTRANSCRIPT
![Page 1: Предпроектная работа над сайтом](https://reader033.vdocuments.pub/reader033/viewer/2022050905/5484b50cb4af9f634d8b4637/html5/thumbnails/1.jpg)
Интерактивное агентство Nimax2012
Предпроект и проект
![Page 2: Предпроектная работа над сайтом](https://reader033.vdocuments.pub/reader033/viewer/2022050905/5484b50cb4af9f634d8b4637/html5/thumbnails/2.jpg)
Предпроектная подготовка, проектная работа над сайтом
Для универсальности сразу будем говорить не о сайте, а о плацдарме в digital-среде. Каким может быть этот плацдарм?
Свой сайт Арендованный сайт или магазин
Блог, микроблог
Группа FB, ВК, G+ Профиль компании на каком-нибудь проекте
Приложение
и т. д.
Приведите конкретный пример плацдарма, отличного от сайта.
![Page 3: Предпроектная работа над сайтом](https://reader033.vdocuments.pub/reader033/viewer/2022050905/5484b50cb4af9f634d8b4637/html5/thumbnails/3.jpg)
Почему не работает метод таблетки?
![Page 4: Предпроектная работа над сайтом](https://reader033.vdocuments.pub/reader033/viewer/2022050905/5484b50cb4af9f634d8b4637/html5/thumbnails/4.jpg)
Сбор требований к сайту
Требования к характеру поведения системы: качественные характеристики, ограничения предметной области, бизнес-правила, ограничение взаимодействия с другими системами.
Функциональные требования
Нефункциональные требования
— Бизнес-требования;— пользовательские требования;— функциональные требования.
![Page 5: Предпроектная работа над сайтом](https://reader033.vdocuments.pub/reader033/viewer/2022050905/5484b50cb4af9f634d8b4637/html5/thumbnails/5.jpg)
ТТ и ТЗ
Технические требования
Техническое задание
![Page 6: Предпроектная работа над сайтом](https://reader033.vdocuments.pub/reader033/viewer/2022050905/5484b50cb4af9f634d8b4637/html5/thumbnails/6.jpg)
Проектирование и реализация— Бриф+ТТ;— договор на проектную работу;— проектирование;— ТЗ;
Все описанное верно для водопадной модели, в итерационной разработке вся схема повторяется циклами.
— осмечивание реализации;— договор на реализацию;— реализация.
![Page 7: Предпроектная работа над сайтом](https://reader033.vdocuments.pub/reader033/viewer/2022050905/5484b50cb4af9f634d8b4637/html5/thumbnails/7.jpg)
БрифБриф — инструмент сбора данных, необходимых для того, чтобы синхронизировать уровни заказчика и рабочей группы.
Наш бриф — клиенский бриф, инструмент сбора маркетинговых данных о компании, продуктах и услугах, ситуации на рынке.
Брифование рабочей группы происходит с помощью брифа и ТТ. Мы не используем агентский бриф.
Выявляющие вопросы в брифе. Элементы SPIN.
У кого есть готовый маркетинговый бриф о своей компании?
![Page 8: Предпроектная работа над сайтом](https://reader033.vdocuments.pub/reader033/viewer/2022050905/5484b50cb4af9f634d8b4637/html5/thumbnails/8.jpg)
Векторное движение
Очень важно, чтобы все действия компании были направлены в одну сторону.
![Page 9: Предпроектная работа над сайтом](https://reader033.vdocuments.pub/reader033/viewer/2022050905/5484b50cb4af9f634d8b4637/html5/thumbnails/9.jpg)
Часть общегоСайт как часть системы коммуникаций компании.
Digital-стратегия как часть общей рекламной стратегии и производное от бизнес-стратегии.
Digital-брендинг как часть общего процесса формирования бренда, происходящая в электронной среде и ориентированная на аудиторию, которая там присутствует.
Что делать, если общей системы нет?
У кого есть готовый маркетинговый бриф о своей компании?
![Page 10: Предпроектная работа над сайтом](https://reader033.vdocuments.pub/reader033/viewer/2022050905/5484b50cb4af9f634d8b4637/html5/thumbnails/10.jpg)
КонцепцияКонцепция — основной замысел, руководящая идея. Концепция определяет стратегию действий по проеку.
Если проект предполагает некий оригинальный взгляд на решение проблемы, требующий согласования с клиентом, то создается коцепция проекта и проводится ее презентация.
Концепция может описывать визуальные, функциональные решения, включать в себя предложения по рекламе, технической части и общей стратегии, оригинальный способ взаимодействия с пользователями и т.д.
Более всего концепция применима к комплексным проектам, концепция позволяет объединять разные виды работ в систему.
![Page 11: Предпроектная работа над сайтом](https://reader033.vdocuments.pub/reader033/viewer/2022050905/5484b50cb4af9f634d8b4637/html5/thumbnails/11.jpg)
Этапы проектированияОсновные этапы проектирования программных продуктов, актуальные для сайтов:
Пользовательские сценарии
Информационная архитектура
Модель данных Прототипы
![Page 12: Предпроектная работа над сайтом](https://reader033.vdocuments.pub/reader033/viewer/2022050905/5484b50cb4af9f634d8b4637/html5/thumbnails/12.jpg)
Сценарии
Используем информацию из брифа:
Описание целевых
аудиторийИх потребности Задачи компании
Формируем портреты пользователей
![Page 13: Предпроектная работа над сайтом](https://reader033.vdocuments.pub/reader033/viewer/2022050905/5484b50cb4af9f634d8b4637/html5/thumbnails/13.jpg)
Сценарии описывают наиболее вероятные последовательности действий, которые выполняют посетители для того, чтобы получить то, что им нужно.
Сценарии почти всегда неоднозначны.Основные сценарии нужно отрабатывать до мелочей
Cамые важные сценарии интернет-магазина?
![Page 14: Предпроектная работа над сайтом](https://reader033.vdocuments.pub/reader033/viewer/2022050905/5484b50cb4af9f634d8b4637/html5/thumbnails/14.jpg)
Сценарии создают интерфейсыОписываем возможный сценарий поведения пользователя:
Существительные порождают сущности (пользователь, отель, город) и разделы/страницы сайта (страница подбора и поисковой выдачи).
Глаголы — целевые действия на страницах и интерфейсную конкретику (например, контролы).
Прилагательные — конкретные значения фильтров (цена: дешевые, дорогие) и т.п.
![Page 15: Предпроектная работа над сайтом](https://reader033.vdocuments.pub/reader033/viewer/2022050905/5484b50cb4af9f634d8b4637/html5/thumbnails/15.jpg)
Информационная архитектураПрименительно к сайтам, информационная архитектура — это в первую очередь структура и навигация по ней. Структура — это не только состав и иерархия разделов, но и внутренняя структура каждого интерфейса.
Структура проекта должна подходить для реализации сценариев
![Page 16: Предпроектная работа над сайтом](https://reader033.vdocuments.pub/reader033/viewer/2022050905/5484b50cb4af9f634d8b4637/html5/thumbnails/16.jpg)
Ключевые сценарии почти всегда реализуются внутри разделов, внутренней навигацией, а не общей навигационной системой.
Для реализации нестандартных сценариев служит удобная общая навигация.
![Page 17: Предпроектная работа над сайтом](https://reader033.vdocuments.pub/reader033/viewer/2022050905/5484b50cb4af9f634d8b4637/html5/thumbnails/17.jpg)
Модель данныхМодель данных — архитектура базы данных. Это визуальное (графическое или текстовое) представление размещения связанных объектов в базе данных.
Как прототип становится основой для дизайна, так и модель данных связана с базой, т.е. имея модель данных, программист тратит гораздо меньше усилий на создание необходимых структур в БД.
Для описания модели данных применяется UML — Unified Modeling Language.
![Page 18: Предпроектная работа над сайтом](https://reader033.vdocuments.pub/reader033/viewer/2022050905/5484b50cb4af9f634d8b4637/html5/thumbnails/18.jpg)
Никита Михеенков Интерактивное агентство Nimax
www.nimax.ru
![Page 19: Предпроектная работа над сайтом](https://reader033.vdocuments.pub/reader033/viewer/2022050905/5484b50cb4af9f634d8b4637/html5/thumbnails/19.jpg)
Продолжение следует
![Page 20: Предпроектная работа над сайтом](https://reader033.vdocuments.pub/reader033/viewer/2022050905/5484b50cb4af9f634d8b4637/html5/thumbnails/20.jpg)