Аналитика. Базовые навыки. Агрегация требований, прототип и техническое задание. Создание сайта

1.

Аналитика.
Базовые навыки
Агрегация требований, прототип и техническое задание

2.

Агрегация требований

3.

Зачем она нужна?
Состыковать видение студии и заказчика
Учесть потребности целевой аудитории
Разобраться в фишках конкурентов
Согласовать структуру будущего проекта

4.

Из чего состоит агрегация требований
Видение проекта
Анализ сайтов конкурентов
Агрегация требований
Портреты целевых персон
Структура будущего проекта

5.

В чём составлять?
XMind
Freemind
MindJet
MindNode
MindMeister

6.

Видение проекта

7.

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

8.

Целевые персоны
Персона — это совокупность особенностей, потребностей, мотивов и других
характеристик пользователя и одновременно потенциального клиента компании.

9.

Целевые персоны
Персона — это совокупность особенностей, потребностей, мотивов и других
характеристик пользователя и одновременно потенциального клиента компании.

10.

Целевые персоны
Персона — это совокупность особенностей, потребностей, мотивов и других
характеристик пользователя и одновременно потенциального клиента компании.

11.

Целевые персоны
Персона — это совокупность особенностей, потребностей, мотивов и других
характеристик пользователя и одновременно потенциального клиента компании.

12.

Статистика по аудитории
Демографические показатели
Интересы аудитории
Устройства

13.

Социально-демографические характеристики

14.

Социально-демографические характеристики

15.

Интересы аудитории

16.

Устройства

17.

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

18.

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

19.

Мониторинг упоминаний
Google Alerts
YouScan
BrandSpotter
Babkee
Brand24
Hootsuite

20.

Из чего состоит персонаж
1. Фотография
2. Социально-демографические
характеристики
3. Личностные качества,
характер
4. Проблемы пользователя и их
решения

21.

Из чего состоит персонаж

22.

Сводная таблица решений

23.

Что нужно помнить при составлении персон
2-3
Моделируйте не более
двух-трёх персон в рамках
одного проекта
Выделите
приоритетную персону
В ваших персонажей
должно хотеться верить :)

24.

Анализ сайтов конкурентов

25.

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

26.

Где искать сайты для вдохновения
Awwwards
Minimal gallery
The FWA
Hover States
CSS Design Awards
Siiimple
CSS Winner
One Page Love
Website Design Award
Behance
Site Inspire
Pinterest
Cargo Сollective
Revision
The Perfect Grid
∞

27.

Подготовка структуры сайта

28.

Метод прогрессивного джипега

29.

Подготовка структуры сайта

30.

Правильные вопросы

31.

Виды вопросов
Открытые. Предполагают развернутый ответ. Обычно начинаются со слов
«Что», «Как», «Почему» и т.д.
Закрытые. Предполагают однозначный ответ или ответ «да» или «нет».
Обычно это готовые предположения, которые нужно подтвердить
или опровергнуть
Альтернативные. В формулировке такого вопроса содержатся варианты
ответа. Это промежуточный вариант между открытыми и закрытыми
вопросами

32.

Информация о рынке
С кем вы работаете? Это корпоративные клиенты, конечные потребители?
Расскажите о спросе на товар. Сезонность спроса. Пики продаж. Спад
продаж. Спрос в праздники. Спрос в выходные.
Опишите рынок, на котором вы работаете. Как он растет? Какие тенденции
есть?
Возможные угрозы со стороны рынка.
Как поделен рынок и кто ваши основные конкуренты?

33.

Информация о целевой аудитории
Существуют ли группы ЦА с которыми еще не работаете,
но хотелось бы?
Какое время пользователь тратит на принятие решения
о покупке?

34.

Информация о предложении
Понимаем расстановку по ценам. А чего так дорого?
Какие критерии являются решающими для покупателя при принятии
решения?
Позиционирование ресурса. Так в чём вы лучшие?

35.

Почему вы лучшие?

36.

Информация о предложении. Пример из жизни
Как быстро вы доставите товар из пункта А в пункт Б?
За какой срок доставляют этот товар ваши конкуренты?
Каким образом доставляются ваши товары?

37.

Прототип

38.

Прототип

39.

В чем делать прототипы
Axure
Balsamiq
UXToolbox
proto.io
Moqups
UX.app
∞

40.

Экологичные правила прототипирования
Думайте, как этим будут пользоваться
реальные люди. Будет ли это удобно?
Решит ли это их проблему?
Выравнивайте за собой везде и всегда,
делайте это красиво!
Используйте реальный контент.
Проверяйте орфографию.
Пишите комментарии
по неочевидным элементам.
Не шутите в аналитических
документах. Смешные картинки
или весёлые фразы занятыми
дядями на стороне заказчика
воспринимаются как попытка
их позлить.

41.

Метод прогрессивного джипега

42.

Прототипы для креативных проектов
1. Брейншторм
2. Скетч идеи
3. Подготовка контента
4. Прототип
5. Презентация схематичного прототипа и скетча идеи

43.

Прототипы для креативных проектов. Славкофе
Скетч
Прототип

44.

Техническое задание
Тебе не придется делать сайт, если ты не напишешь ТЗ

45.

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

46.

Ожидание vs. Реальность

47.

Бэклог
Список фич, отсортированных
по приоритетам, по которым идет
разработка.

48.

Дыры в ТЗ
Спорим на коньяк? Если вы пришлете нам ваше ТЗ, мы найдем
в нем прорехи, которые можно трактовать двояко.

49.

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

50.

Заказчики хотят ТЗ. Почему?
Так привыкли — как-то надежнее
Хотят подстраховаться и прикрыть тылы
Хотят иметь веский аргумент в конфликтных ситуациях

51.

ТЗ — дополнение к прототипу

52.

Состав технического задания
1. Общие сведения
5. Блок с seo-требованиями
2. Назначение и цели создания сайта
6. Описание структуры страниц
3. Общие требования
7. Структура базы данных
4. Настройка прав доступа
8. Описание уведомлений

53.

Полезные ссылки
Наш шаблон технического
задания
ГОСТ 2.105-95

54.

Приоритеты документов
Прототип
<
ТЗ
Смета — максимальный приоритет
<
Дизайн

55.

Светофор

56.

Что почитать
http://tagline.ru/library/ Digital-библиотека Tagline
Роджер Бест. Маркетинг от потребителя
Алан Купер. Психбольница в руках пациентов
Элияху Голдратт. Теория ограничений
Джамшид Гараедаги. Системное мышление. Как управлять хаосом и сложными
процессами. Платформа для моделирования архитектуры бизнеса.
Google Analytics для начинающих
Как использовать новую Яндекс.Метрику

57.

Задание
1. Внимательно изучите проект Славкофе
2. Составьте агрегацию требований в программе XMind.
Включите в нее четыре вкладки: видение проекта, портрет
персон, анализ сайтов конкурентов, структуру.
3. В качестве конкурентов возьмите Кофе Jacobs, Nescafe
и третий — на ваше усмотрение.

58.

Эта презентация — неотъемлемая часть курса
«Управление digital-проектами»
Чему ты научишься на курсе
Использовать scrum, kanban,
planning poker и другие
современные инструменты
и подходы
Понимать программистов
и дизайнеров. Общаться с ними
на одном языке
Делегировать. Контролировать.
Давать обратную связь
Эффективно планировать время
и уходить с работы в 18:00
Общаться с клиентами так,
чтобы они не сели на шею,
но и к конкурентам не ушли
Планировать. Факапить.
Разруливать факапы