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

Проектирование сайта

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Проектирование сайта

www.astramg.ru

СПб +7 (812) 458 57 79Мск +7 (495) 649 62 78

Ярослав ТабаковДиректор по развитию

Проектирование сайта

Page 2: Проектирование сайта

Исследование бизнеса

• Изучение особенностей бизнеса;

• Изучение структуры товаров и услуг;

• Изучение/выявление конкурентов;

• Формирование идеи бренда;

• Уникальное торговое предложение;

• Определение маркетинговых целей;

• Изучение/выбор стратегии позиционирования.

Page 3: Проектирование сайта

Анализ целевой аудитории

Цели анализа:• Выявление ключевых характеристик основных групп ЦА;

• Формирование персон, представляющих каждую из групп;

• Описание их потребностей, контекста и поведенческих стереотипов.

Методы анализа:• Анализ статистики;

• Массовые опросы(количественные исследования);

• Интервью с пользователями(качественные исследования);

• Опрос представителей бизнеса;

• Экспертные гипотезы.

Page 4: Проектирование сайта

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

Page 5: Проектирование сайта

Персонажи

Персона, персонаж – конкретный и специфичный представитель группы пользователей.

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

• Должен быть конкретным,• Должен быть воображаемым,• Описание должно быть

подробным, а не идеальным.

• Цели,• Социальное положение,• Описание жизненной ситуации,• Описание окружения,• Уровень подготовки,• Запрос и ожидания.

Характеристики Составляющие

Page 6: Проектирование сайта

Пример персонажаНаташа (Санкт-Петербург, 28 лет)

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

Наталья привыкла выглядеть стильно, производить впечатление. Для ее круга важны внешние атрибуты успешности, поэтому иногда семья позволяет себе расходы сверх необходимого для жизни, но важные для поддержания статуса.

Наталья много пользуется интернетом, совершает в нем покупки, умеет искать нужную информацию.

Задача

Условия и опасения

После декретного отпуска и кормления у Наташи накопилось недовольство своей фигурой, усталость и стресс. Хочется скорее «вернуться в форму», почувствовать себя снова красивой и молодой. Вернуть ощущение, что жизнь полная радости и красоты с рождением ребенка не закончилась, что все еще только начинается.

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

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

Page 7: Проектирование сайта

Сценарии пользователей

Вопросы, на которые нужно ответить:

• Что захочет сделать пользователь?

• Зачем он это сделает?

• Какого результата он ожидает?

• Как это ведет к достижению целей бизнеса?

• Какие барьеры ему придется преодолеть?

• Какие стимулы можно для него создать?

Сценарий – описание действий, которые совершает пользователь на сайте,а также причин этих действий.

Page 8: Проектирование сайта

Пример сценария

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

2. Вовлечение в изучение

Обращает внимание на рекомендуемые процедуры и процедуры, которые подпадают под акции.

Если она не уверена, что эти процедуры подходят, продолжит изучение услуг клиники.

3. Поиск решения задачи

Наташу интересуют быстрые, эффективные и безоперационные способы убрать появившиеся отложения, подтянуть живот, убрать растяжки.

4. Изучение процедур Откроет заинтересовавшую процедуру, чтобы посмотреть подробности, описание, фото и отзывы.

5. Выбор процедур, решающих задачу

Наташу заинтересовало несколько процедур, ей нужно понять, какая ей лучше подходит.Перед ней стоит задача разобраться в деталях и сделать выбор.

6. Изучение дополнительной информации

Наташа изучает подробности процедур: болезненность, длительность процедуры или курса, длительность и надежность эффекта, показания и противопоказания, побочные эффекты, условия проведения и подготовки, отзывы, стоимость.

7. Звонок в клинику, запись на прием

Наташа советуется с мужем и подругами. Это занимает какое-то время. Наконец, она решает получить дополнительную информацию уже в клинике.

Наташа решает записаться на консультацию, используя телефон, или форму записи.

Page 9: Проектирование сайта

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

Вопросы, на которые нужно ответить:• Какая информация потребуется для привлечения посетителей сайт?

• Какая информация потребуется пользователю для выполнения задач

на сайте?

• Какая информация будет размещена на сайте?

• Как информация будет структурирована?

• Как по ней будет осуществляться навигация?

• Какие разделы и страницы понадобятся?

Объектно-информационная модель – описание объектов интерфейса,с которыми пользователь взаимодействует во время выполнения своего сценария, а также атрибутов этих объектов.

Page 10: Проектирование сайта

Пример объектной моделиОбъект изучения Мощность Атрибуты Тип данных Представления

Компания один Юр.лицо Строка КраткоНазвание СтрокаГеография СписокОтзывы КартинкаКлиенты КартинкаСертификаты КартинкаПроекты ГалереяОпыт Строкановости Текст, картинкаОписание Текст

Хит продаж (товар)

<Перейти в карточку товара>

множество Название Строка Кратко, полноЦена ВещественноеКр. описание ТекстФото Картинка

Категория товаров

<Перейти в карточку товара>

множество Название Строка Категория - полно, Товар – краткоТовары Список

Page 11: Проектирование сайта

Пример навигационной модели

0 уровень 1 уровень 2 уровень

Главная страница Верхнее меню

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

Page 12: Проектирование сайта

Концептуальное моделирование

Назначение концептуального моделирования:

• На основании анализа задач, сценариев и навигационной модели

построить диаграмму путей и раскадровки экранов;

• Построить общую единую модель взаимодействия пользователя с

сайтом;

• Визуализировать основные интерфейсные решения сайта в виде

концептуального макета.

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

Page 13: Проектирование сайта

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

Page 14: Проектирование сайта

Быстрое прототипирование

Назначение прототипа:

• Детализировать концептуальную модель;

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

• Имитировать динамическое поведение сайта;

• Проверить гипотезы о пользовательском поведении;

• Убедиться в функциональной достаточности сайта до начала

разработки.

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

Page 15: Проектирование сайта

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

Page 16: Проектирование сайта

www.astramg.ru+7 (812) 458 57 [email protected]

КОН

ТАКТ

ЫСПАСИБО! Вопросы?

Vk /astramg

Fb /astramg

Twi /AstraMediaGroup

Vk /ytabakov

Fb /ytabakoff

Twi /ytabakov