1. www.astramg.ru
СПб +7 (812) 458 57 79
Мск +7 (495) 649 62 78
Ярослав Табаков
Директор по развитию
Проектирование сайта

2. Исследование бизнеса
• Изучение особенностей бизнеса;
• Изучение структуры товаров и услуг;
• Изучение/выявление конкурентов;
• Формирование идеи бренда;
• Уникальное торговое предложение;
• Определение маркетинговых целей;
• Изучение/выбор стратегии позиционирования.

3. Анализ целевой аудитории
Цели анализа:
• Выявление ключевых характеристик основных групп ЦА;
• Формирование персон, представляющих каждую из групп;
• Описание их потребностей, контекста и поведенческих стереотипов.
Методы анализа:
• Анализ статистики;
• Массовые опросы
(количественные исследования);
• Интервью с пользователями
(качественные исследования);
• Опрос представителей бизнеса;
• Экспертные гипотезы.

4. Почему статистики недостаточно

5. Персонажи
Персона, персонаж – конкретный и специфичный представитель группы
пользователей.
Объединяет наиболее характерные для группы представителей целевой
аудитории черты личности, среду и задачи в системе в образе конкретного
человека.
• Должен быть конкретным,
• Должен быть воображаемым,
• Описание должно быть
подробным, а не идеальным.
• Цели,
• Социальное положение,
• Описание жизненной ситуации,
• Описание окружения,
• Уровень подготовки,
• Запрос и ожидания.
Характеристики Составляющие

6. Пример персонажа
Наташа (Санкт-Петербург, 28 лет)
Наталья юрист по образованию, работает в крупной фирме по
специальности. Муж неплохо зарабатывает, и достаток семьи позволил
ей безболезненно уйти в декретный отпуск на достаточно длительный
срок. Сейчас отпуск подходит к концу, Наталья планирует вернуться к
активной работе и жизни деловой женщины.
Наталья привыкла выглядеть стильно, производить впечатление. Для ее
круга важны внешние атрибуты успешности, поэтому иногда семья
позволяет себе расходы сверх необходимого для жизни, но важные для
поддержания статуса.
Наталья много пользуется интернетом, совершает в нем покупки, умеет
искать нужную информацию.
Задача
Условия и опасения
После декретного отпуска и кормления у Наташи накопилось недовольство своей фигурой, усталость и стресс.
Хочется скорее «вернуться в форму», почувствовать себя снова красивой и молодой. Вернуть ощущение, что жизнь
полная радости и красоты с рождением ребенка не закончилась, что все еще только начинается.
Несмотря на приличный уровень доходов, фактор цены важен. Нужно маленькое чудо за приемлемые деньги и в
короткие сроки. Скорость и гарантия результата важны, если бы она могла ждать, она пошла бы заниматься
спортом.
На принятие решения активно влияет муж. Он скептически относится к медицинскому решению задачи, но готов
уступить из любви к жене. Однако, в чьи угодно руки он ее не отдаст, нужны рекомендации и гарантии.

7. Сценарии пользователей
Вопросы, на которые нужно ответить:
• Что захочет сделать пользователь?
• Зачем он это сделает?
• Какого результата он ожидает?
• Как это ведет к достижению целей бизнеса?
• Какие барьеры ему придется преодолеть?
• Какие стимулы можно для него создать?
Сценарий – описание действий, которые совершает пользователь на сайте,
а также причин этих действий.

8. Пример сценария
1. Знакомство с сайтом Наташа заходит на сайт и убеждается, что она на сайте клиники в центре
Санкт-Петербурга.
Проверяет, что в этой клинике действительно могут решить ее задачу с нужным
качеством и ценой.
2. Вовлечение в
изучение
Обращает внимание на рекомендуемые процедуры и процедуры, которые
подпадают под акции.
Если она не уверена, что эти процедуры подходят, продолжит изучение услуг
клиники.
3. Поиск решения
задачи
Наташу интересуют быстрые, эффективные и безоперационные способы убрать
появившиеся отложения, подтянуть живот, убрать растяжки.
4. Изучение процедур Откроет заинтересовавшую процедуру, чтобы посмотреть подробности, описание,
фото и отзывы.
5. Выбор процедур,
решающих задачу
Наташу заинтересовало несколько процедур, ей нужно понять, какая ей лучше
подходит.
Перед ней стоит задача разобраться в деталях и сделать выбор.
6. Изучение
дополнительной
информации
Наташа изучает подробности процедур: болезненность, длительность процедуры
или курса, длительность и надежность эффекта, показания и противопоказания,
побочные эффекты, условия проведения и подготовки, отзывы, стоимость.
7. Звонок в клинику,
запись на прием
Наташа советуется с мужем и подругами. Это занимает какое-то время. Наконец,
она решает получить дополнительную информацию уже в клинике.
Наташа решает записаться на консультацию, используя телефон, или форму записи.

9. Информационная архитектура
Вопросы, на которые нужно ответить:
• Какая информация потребуется для привлечения посетителей сайт?
• Какая информация потребуется пользователю для выполнения задач
на сайте?
• Какая информация будет размещена на сайте?
• Как информация будет структурирована?
• Как по ней будет осуществляться навигация?
• Какие разделы и страницы понадобятся?
Объектно-информационная модель – описание объектов интерфейса,
с которыми пользователь взаимодействует во время выполнения своего
сценария, а также атрибутов этих объектов.

10. Пример объектной модели
Объект изучения Мощность Атрибуты Тип данных Представления
Компания один Юр.лицо Строка Кратко
Название Строка
География Список
Отзывы Картинка
Клиенты Картинка
Сертификаты Картинка
Проекты Галерея
Опыт Строка
новости Текст, картинка
Описание Текст
Хит продаж (товар)
<Перейти в карточку
товара>
множество Название Строка Кратко, полно
Цена Вещественное
Кр. описание Текст
Фото Картинка
Категория товаров
<Перейти в карточку
товара>
множество Название Строка Категория - полно,
Товар – краткоТовары Список

11. Пример навигационной модели
0 уровень 1 уровень 2 уровень
Главная страница
Верхнее меню
О компании
История
Миссия и ценности
Система качества
Сертификаты и награды
Услуги
Авиаперевозки
Автоперевозки
Мультимодальные перевозки
Проектные и негабаритные перевозки
Таможенное оформление
Складская логистика
Выставочная логистика
IT решения
Ограничения по услугам

12. Концептуальное моделирование
Назначение концептуального моделирования:
• На основании анализа задач, сценариев и навигационной модели
построить диаграмму путей и раскадровки экранов;
• Построить общую единую модель взаимодействия пользователя с
сайтом;
• Визуализировать основные интерфейсные решения сайта в виде
концептуального макета.
Концептуальная модель – абстрактная модель, определяющая структуру
моделируемой системы, свойства её элементов и причинно-следственные
связи, присущие системе.
Визуальная концепция – набор графических метафор и выразительных
средств, реализующий одновременно концептуальную модель и
позиционирование сайта.

13. Пример визуальной концепции

14. Быстрое прототипирование
Назначение прототипа:
• Детализировать концептуальную модель;
• Создать визуальное представление для каждой страницы сайта;
• Имитировать динамическое поведение сайта;
• Проверить гипотезы о пользовательском поведении;
• Убедиться в функциональной достаточности сайта до начала
разработки.
Процесс создания прототипа — макета сайта, с целью проверки
пригодности предлагаемых для применения концепций, а также для
представления заказчику на ранних стадиях процесса разработки.

15. Пример прототипа

16. www.astramg.ru
+7 (812) 458 57 78
info@astramg.ru
КОНТАКТЫ
СПАСИБО! Вопросы?
Vk /astramg
Fb /astramg
Twi /AstraMediaGroup
Vk /ytabakov
Fb /ytabakoff
Twi /ytabakov