Не секретные секреты проектирования: Как создать эффективный сайт

СПб: +7 /812/ 241 65 75 www.astramg.ru Мск: +7 /495/ 649 62 78

Не секретные секреты

проектирования:

как создать эффективный сайт

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

Сайт – это место продаж

Как создать эффективный сайт

2 / 37

Продавцы видят покупателей так


3 / 37

…А посетители видят продавцов так


4 / 37

ПРАВИЛЬНЫЙ ПОДХОД

К ПРОЕКТИРОВАНИЮ

Структура работ

Правильный подход к проектированию

6 / 37

• Фиксация требований бизнеса и метрик успешности;

• Анализ товаров, УТП, брендинга и позиционирования;

• Анализ и сегментирование целевой аудитории;

• Разработка портретов пользователей, создание персонажей;

• Разработка пользовательских сценариев для персонажей;

• Проектирование информационной структуры;

• Прототипирование и оформление сайта;

• Постановка задачи на реализацию, ТЗ.

АНАЛИЗ БИЗНЕСА

Зона активного участия бизнеса

Анализ бизнеса

8 / 37

• Фиксация требований бизнеса и метрик успешности;

• Анализ товаров, УТП, брендинга и позиционирования;

• Анализ и сегментирование целевой аудитории.

• У бизнеса редко готовы ответы на

эти вопросы;

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

дальнейшая работа –

сплошные риски;

• Бизнес часто не имеет ресурсов

искать ответы.

• Аналитик должен уметь

задавать правильные вопросы;

• Хорошее агентство

предложит бизнесу свою помощь;

• Совместными усилиями

ответы будут получены.

Плохие новости Хорошие новости

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

Анализ бизнеса

9 / 37

• Что у нас за сайт, зачем он нужен?

• Какие у нас есть услуги и товары?

• Как мы себя позиционируем?

• Кто наши конкуренты?

• В чем наши преимущества?

• Чего мы хотим от посетителя?

• Как мы измеряем успешность сайта?

АНАЛИЗ ЦЕЛЕВОЙ АУДИТОРИИ

Целевая аудитория

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

11 / 37

• Кто является нашей целевой аудиторией?

• Какие группы целевой аудитории существуют?

• Как выглядит типичный представитель группы?

• В какой жизненной ситуации он пользуется сайтом?

• Какие задачи он решает?

• Какая среда и контекст его окружают?


12 / 37

10 наиболее популярных запросов:

• прессостат

• полтраф

• датчик влажности воздуха

• реле давления

• расходомер воздуха

• клапан электромагнитный

• электромагнитный клапан

• датчик уровня воды

• термопара

• датчик co2

Анализ статистики

Таким образом, запросы делятся на 2 основные группы:

• поиск КиП

• поиск по названию компании (данный запрос второй по

числу визитов).

Средний процент отказов – 21,2%.

Посещаемость по времени суток (среднее число визитов)

10-16 часов

Наибольшее число визитов наблюдается

в рабочее время, с 10 до 16 часов. Этот

факт подтверждает, что целевая

аудитория сайта – профессионалы в

области КиП.

Основные точки входа на сайт, согласно статистике:

• публикации – 28%

• главная страница – 21%

• каталог – 11%.

Точки

входа


13 / 37

Анализ статистики (продолжение)

Коммерческие интересы пользователей

Половозрастная структура


14 / 37

Женщины 25 - 35 лет – как правило, к

этой группе можно отнести менеджеров

по закупке – специалистов, имеющих

четкую задачу по закупке товаров,

обладающих определенными

техническими характеристиками.

Коммерческие интересы группы:

финансы, обустройство.

Гипотезы о причинах социально-демографического состава

посетителей

Интерпретация данных статистики

• не обладают достаточными знаниями в предметной области

• много времени проводят в интернете в поисках вариантов

решения своей задачи

• нуждаются в справочной информации

• могут пользоваться поиском товаров по наименованию или

подбор по техническим характеристикам

• попадают на сайт через поисковые системы.

Основные характеристики группы

• не обладают достаточными знаниями в предметной области

• производят поиск товаров по наименованию или подбор по

техническим характеристикам

• могут сравнивать товары

• интересует цена и условия доставки

• попадают на сайт по прямой ссылке на каталог либо по

информационным запросам.

Основные характеристики группы

Мужчины от 45 лет –

предположительно к данной группе

можно отнести частных заказчиков,

которые хотят с помощью продукции

компании «Полтраф СНГ» решить

задачу по обустройству

дома/дачи/гаража и пр.

Коммерческие интересы:

обустройство.

Персонажи


15 / 37

• Должен быть конкретным,

• Должен быть воображаемым,

• Описание должно быть

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

• Цели,

• Социальное положение,

• Описание жизненной ситуации,

• Описание окружения,

• Уровень подготовки,

• Запрос и ожидания.

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

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

пользователей.

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

черты личности, среду и задачи в системе в образе конкретного человека.


16 / 37

Игорь Сергеевич работает главным метрологом на старейшем механическом

заводе. Санкт-Петербурга уже на протяжении 5 лет. Лучший сотрудник

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

всем новым. Уверенный пользователь компьютера и интернета.

Задача

Игорь Сергеевич, 38 лет, главный метролог (Москва)

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

На заводе запланирована модернизация производственных линий, и перед Игорем Сергеевичем встала задача:

подобрать современные КиП с определенными параметрами для проведения тендера.

• Для подбора КиП с определенными характеристиками Игорь Сергеевич будет пользоваться всевозможными

конфигураторами, поиском по параметрам. Возможно, для нового оборудования придется искать производителя

КиП, способного разработать нестандартные приборы.

• Цена на данном этапе значения не имеет.

• Важно качество продукции, надежность производителя и официального дилера.

Пример персонажа

СЦЕНАРИИ ИСПОЛЬЗОВАНИЯ

Сценарии использования


18 / 37

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

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

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

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

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

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

Определение сценария


19 / 37

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

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

• Каковы его ожидания.

• Как принимаются решения,

• Какие факторы на них влияют,

• Мотивацию пользователей.

Сценарий – это история:

Сценарии помогают понять:

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

этих действий.

• Цели,

• Ожидания,

• Мотивации,

• Действия,

• Реакции пользователя.

Составляющие сценария:


20 / 37

1. Знакомство с сайтом Игорь Сергеевич попадает на главную страницу сайта «Полтраф СНГ» из поисковой системы по запросу «полтраф». Осматривается и убеждается, что попал на нужный сайт, а компания действительно занимается КиП и имеет представительство в Москве. Изучает сертификаты компании.

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

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

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

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

Так как наш персонаж заранее знает параметры КиП, его главная цель – подбор по параметрам.

С помощью фильтра Игорь Сергеевич отбирает интересующие его позиции, изучает товары.

4. Целевое действие По заданным параметрам КиП не найдено, поэтому Игорь Сергеевич заполняет форму «Проверить цену и наличие изделий по характеристикам».

Описательный сценарий

ПРОЕКТИРОВАНИЕ

Построение объектной модели

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

22 / 37

Навигация: Mind map


23 / 37

Назначение

• Для генерации идей

• Для проектирования иерархий

• Для сбора и первичного анализа информации

Порядок создания

• Поместить в центр главное

• Связанные понятия размещать на «ветвях»

• Фиксировать все, что попадает в фокус внимания

• По мере заполнения определять, не надо ли

переместить ветви

Макетирование и прототипирование


24 / 37

Визуализация и оформление


25 / 37

ЛЮБИМЫЕ ОШИБКИ

Особенности восприятия

Любимые ошибки

27 / 37

Линия горизонта

Буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы

буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы

буквы буквы буквы буквы.




буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы.


буквы буквы буквы буквы буквы буквы буквы буквы.



буквы буквы буквы буквы буквы буквы.

Сканирование листвы

!!!

Пример кирпича текста


28 / 37

Хочу все знать

Навигация: где я и как я сюда попал?


29 / 37

Вы находитесь здесь

Навигация: где решение моей задачи?


30 / 37

Третий круг ада,

нижний уровень

Камины жгут. Стройматериалы – в топку


31 / 37

Фильтруй базар рынок


32 / 37

У нас есть, что сказать про товар


33 / 37

Сравнения здесь неуместны


34 / 37

Купить, купить, или купить? Брать будете?


35 / 37

Мы знаем, что ты робот


36 / 37

СПб: +7 /812/ 241 65 75 www.astramg.ru Мск: +7 /495/ 649 62 78

Vk /ytabakov

Fb /ytabakoff

Twi /ytabakov

Vk /astramg

Fb /astramg

Twi /AstraMediaGroup

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

Не секретные секреты проектирования: Как создать эффективный сайт

Documents