Transcript
Page 1: Предпроектная работа над сайтом

Интерактивное агентство Nimax2012

Предпроект и проект

Page 2: Предпроектная работа над сайтом

Предпроектная подготовка, проектная работа над сайтом

Для универсальности сразу будем говорить не о сайте, а о плацдарме в digital-среде. Каким может быть этот плацдарм?

Свой сайт Арендованный сайт или магазин

Блог, микроблог

Группа FB, ВК, G+ Профиль компании на каком-нибудь проекте

Приложение

и т. д.

Приведите конкретный пример плацдарма, отличного от сайта.

Page 3: Предпроектная работа над сайтом

Почему не работает метод таблетки?

Page 4: Предпроектная работа над сайтом

Сбор требований к сайту

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

Функциональные требования

Нефункциональные требования

— Бизнес-требования;— пользовательские требования;— функциональные требования.

Page 5: Предпроектная работа над сайтом

ТТ и ТЗ

Технические требования

Техническое задание

Page 6: Предпроектная работа над сайтом

Проектирование и реализация— Бриф+ТТ;— договор на проектную работу;— проектирование;— ТЗ;

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

— осмечивание реализации;— договор на реализацию;— реализация.

Page 7: Предпроектная работа над сайтом

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

Наш бриф — клиенский бриф, инструмент сбора маркетинговых данных о компании, продуктах и услугах, ситуации на рынке.

Брифование рабочей группы происходит с помощью брифа и ТТ. Мы не используем агентский бриф.

Выявляющие вопросы в брифе. Элементы SPIN.

У кого есть готовый маркетинговый бриф о своей компании?

Page 8: Предпроектная работа над сайтом

Векторное движение

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

Page 9: Предпроектная работа над сайтом

Часть общегоСайт как часть системы коммуникаций компании.

Digital-стратегия как часть общей рекламной стратегии и производное от бизнес-стратегии.

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

Что делать, если общей системы нет?

У кого есть готовый маркетинговый бриф о своей компании?

Page 10: Предпроектная работа над сайтом

КонцепцияКонцепция — основной замысел, руководящая идея. Концепция определяет стратегию действий по проеку.

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

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

Более всего концепция применима к комплексным проектам, концепция позволяет объединять разные виды работ в систему.

Page 11: Предпроектная работа над сайтом

Этапы проектированияОсновные этапы проектирования программных продуктов, актуальные для сайтов:

Пользовательские сценарии

Информационная архитектура

Модель данных Прототипы

Page 12: Предпроектная работа над сайтом

Сценарии

Используем информацию из брифа:

Описание целевых

аудиторийИх потребности Задачи компании

Формируем портреты пользователей

Page 13: Предпроектная работа над сайтом

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

Сценарии почти всегда неоднозначны.Основные сценарии нужно отрабатывать до мелочей

Cамые важные сценарии интернет-магазина?

Page 14: Предпроектная работа над сайтом

Сценарии создают интерфейсыОписываем возможный сценарий поведения пользователя:

Существительные порождают сущности (пользователь, отель, город) и разделы/страницы сайта (страница подбора и поисковой выдачи).

Глаголы — целевые действия на страницах и интерфейсную конкретику (например, контролы).

Прилагательные — конкретные значения фильтров (цена: дешевые, дорогие) и т.п.

Page 15: Предпроектная работа над сайтом

Информационная архитектураПрименительно к сайтам, информационная архитектура — это в первую очередь структура и навигация по ней. Структура — это не только состав и иерархия разделов, но и внутренняя структура каждого интерфейса.

Структура проекта должна подходить для реализации сценариев

Page 16: Предпроектная работа над сайтом

Ключевые сценарии почти всегда реализуются внутри разделов, внутренней навигацией, а не общей навигационной системой.

Для реализации нестандартных сценариев служит удобная общая навигация.

Page 17: Предпроектная работа над сайтом

Модель данныхМодель данных — архитектура базы данных. Это визуальное (графическое или текстовое) представление размещения связанных объектов в базе данных.

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

Для описания модели данных применяется UML — Unified Modeling Language.

Page 18: Предпроектная работа над сайтом

Никита Михеенков Интерактивное агентство Nimax

www.nimax.ru

Page 19: Предпроектная работа над сайтом

Продолжение следует

Page 20: Предпроектная работа над сайтом

Recommended