Эффективный сайт с точки зрения потребительской модели поведения

Автор работы: Пользователь скрыл имя, 08 Мая 2013 в 20:24, курсовая работа

Краткое описание

Прототипирование
Page 104
В нём должно быть описано по каким правилам:
•Использовать брендбук компании (логотип и фирменные
цвета и т.д.)
•Оформлять каждый информационный блок
•Верстать контент на сайте
•и т.д.

Прикрепленные файлы: 1 файл

Продающий сайт.pdf

— 9.65 Мб (Скачать документ)
Page 1
Продающий сайт
Андрей Гавриков
Генеральный директор
маркетинговой группы «Комплето»
ШКОЛА ПРАКТИЧЕСКОГО ИНТЕРНЕТ-МАРКЕТИНГА «НЕТОЛОГИЯ»
МОСКВА, 24 января 2013
Онлайн-курс «Интернет-маркетолог: от новичка до профи»

Page 2

Эффективный сайт с
точки зрения
потребительской
модели поведения


Page 3

Как разработать эффективный
сайт для вашего бизнеса.
Методика разработки сайта.
•Цели и задачи сайта
•Структура сайта
•ТЗ (техническое задание)
•ХЗ (художественное задание)
•Контентная политика
•Прототипирование
•ЕДРС (единый документ
разработки сайта)
•Аналитическая модель оценки
эффективности сайта на основе
KPI
(c) completo.ru
Разработка эффективного сайта

Page 4

Ключевые Показатели
Эффективности необходимо
продумывать заранее!
Даже до дизайна ,
до структуры сайта,
до ТЗ.
Ключевые показатели эффективности

Page 5

1. Экспресс-аудит юзабилити сайта и анализ данных из
веб-аналитики. Это позволит выявить эффективные
поведенческие модели, которые присутствуют на
существующем сайте.
2. Текстово-графический аудит
3. Структурный аудит,
для того чтобы понять
распределение ключевых
запросов по текущей
структуре сайта и сохранить
её в следующей версии
Переделка существующего сайта. Особенности.

Page 6

Экспресс-юзабилити аудит

Page 7

Экспресс-юзабилити аудит

Page 8

Экспресс-юзабилити аудит

Page 9

Экспресс-юзабилити аудит

Page 10

Экспресс-юзабилити аудит

Page 11

Экспресс-юзабилити аудит

Page 12

Экспресс-юзабилити аудит

Page 13

Экспресс-юзабилити аудит

Page 14

Экспресс-юзабилити аудит

Page 15

Экспресс-юзабилити аудит

Page 16

Экспресс-юзабилити аудит

Page 17

Экспресс-юзабилити аудит

Page 18

Экспресс-юзабилити аудит

Page 19

Экспресс-юзабилити аудит

Page 20

Экспресс-юзабилити аудит

Page 21

Экспресс-юзабилити аудит

Page 22

Экспресс-юзабилити аудит

Page 23

Экспресс-юзабилити аудит

Page 24

Экспресс-юзабилити аудит

Page 25

Экспресс-юзабилити аудит

Page 26

Экспресс-юзабилити аудит

Page 27

Экспресс-юзабилити аудит

Page 28

Экспресс-юзабилити аудит

Page 29

Экспресс-юзабилити аудит

Page 30

Экспресс-юзабилити аудит

Page 31

Экспресс-юзабилити аудит

Page 32

Экспресс-юзабилити аудит

Page 33

Экспресс-юзабилити аудит

Page 34

Экспресс-юзабилити аудит

Page 35

Экспресс-юзабилити аудит

Page 36

Текстово-графический аудит

Page 37

Текстово-графический аудит

Page 38

Текстово-графический аудит

Page 39

Текстово-графический аудит

Page 40

Текстово-графический аудит

Page 41

Текстово-графический аудит

Page 42

Текстово-графический аудит

Page 43

Текстово-графический аудит

Page 44

Текстово-графический аудит

Page 45

Структурный аудит

Page 46

Это позволит понять:
•Позиционирование конкурентов
•Стратегии продвижения
•Бюджеты на интернет-маркетинг
•«Подсмотреть» эффективные
инструменты привлечения,
вовлечения,
конвертации и удержания.
Исследование конкурентов

Page 47

Исследование конкурентов

Page 48

Исследование конкурентов

Page 49

Исследование конкурентов

Page 50

Исследование конкурентов

Page 51

Исследование конкурентов

Page 52

Исследование конкурентов

Page 53

Исследование конкурентов

Page 54

Исследование конкурентов

Page 55

Исследование конкурентов

Page 56

Исследование конкурентов

Page 57

Исследование конкурентов

Page 58

Исследование конкурентов

Page 59

Исследование конкурентов

Page 60

Исследование конкурентов

Page 61

Исследование конкурентов

Page 62

Исследование конкурентов

Page 63

Исследование конкурентов

Page 64

Исследование конкурентов

Page 65

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


Page 66

На основании сегментации клиентов необходимо подобрать всё
существующее ядро поисковых запросов.
Программа Key Collector
Структура сайта. Поисковые запросы

Page 67

Далее необходимо эти запросы разбить на
кластеры под каждый сегмент. И уже далее
рассортировать эти кластеры по конкретным
разделам и страницам сайта.
Структура сайта. Поисковые запросы

Page 68

Структура сайта. Поисковые запросы

Page 69

На этом этапе необходимо:
•Подобрать CMS или Framework, наиболее подходящие под требования к
безопасности, нагрузке по посещаемости и прочим параметрам.
•Определиться с хостингом под выбранную платформу.
•Описать функциональные элементы, которые будут использоваться на
сайте, и описание макетов страниц
Техническое задание

Page 70

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

Page 71

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

Page 72

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

Page 73

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

Page 74

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

Page 75

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

Page 76

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

Page 77

1) навигация понятна
Сколько времени может уйти на обучение «вождению» по сайту, использующему
новые подходы в навигации? Для каждого человека этот временной промежуток
уникален, но то, что обучение необходимо – это очевидно. В сети огромное
количество сайтов, но почему посетитель должен обучаться на каждом из них?
Посетитель ищет полезную информацию, а ему предлагают выучить “правила
движения”, устройство и характеристики незнакомых панелей управления. Идеальная
навигация понятна для пользователя с первого взгляда.
Чтобы сделать идеальное навигационное меню, нужно использовать элементы к
которым люди привыкли.
Например:
Главная
Каталог
О компании
Контакты
и т.д.
Навигация на сайте

Page 78

2) единообразна
Если посетитель разобрался с панелью управления сайтом на первой странице (что
иногда бывает совсем не просто), идеальная навигация не заставляет посетителя
совершать подобную работу на каждой странице. При ее построении web-мастер
старался придерживаться одного стиля. Это относится к изображениям, размерам
текстурам кнопок, их расположению, названиям, шрифту и цвету.
Навигация на сайте

Page 79

3) навигацию легко найти
Навигация контрастна и посетителю не приходится тратить время на ее поиск,
находится на стандартных местах – вверху или слева. В верхней части страницы
располагаются ссылки на альтернативные ресурсы сайта. Внизу – ссылки на
продолжение и на переход вверх.
Внизу каждой страницы сайта необходимо дублировать навигационное меню. Это
классический метод для повышения удобства навигации на сайте. Когда посетитель
добирается до конца страницы, ему легче использовать дублированное
навигационное меню, чем подниматься обратно в начало.
Навигация на сайте

Page 80

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

Page 81

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

Page 82

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

Page 83

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

Page 84

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

Page 85

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

Page 86

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

Page 87

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

Page 88

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

Page 89

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

Page 90

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

Page 91

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

Page 92

На этом этапе необходимо свести воедино требования к
продвижению сайта, его текстам, контенту и описать каждый раздел
сайта в формате:
•Название страницы.
•URL адрес (в соответствии со старой структурой, если есть).
•Сегмент целевой аудитории, к которой обращена эта страница.
•Список целевых действий, которые необходимо совершить на этой
странице
•Какие маркетинговые задачи решает эта страница (показ
преимуществ, сравнение с конкурентами и т.д.).
•Перечень ключевых слов и словосочетаний.
•Рекомендации к написанию текстов и размещению графики.
Тест: +1 Да, 0 Частично, -1 Нет
Прототипирование

Page 93

Задание на тексты и прототипы

Page 94

Задание на тексты и прототипы

Page 95

Задание на тексты и прототипы

Page 96

Задание на тексты и прототипы

Page 97

Задание на тексты и прототипы

Page 98

Задание на тексты и прототипы

Page 99

Задание на тексты и прототипы

Page 100

Задание на тексты и прототипы

Page 101

Задание на тексты и прототипы

Page 102

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

Page 103

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

Page 104

В нём должно быть описано по каким правилам:
•Использовать брендбук компании (логотип и фирменные
цвета и т.д.)
•Оформлять каждый информационный блок
•Верстать контент на сайте
•и т.д.
Художественное задание

Page 105

Художественное задание

Page 106

Художественное задание

Page 107

Художественное задание

Page 108

Художественное задание

Page 109

Художественное задание

Page 110

Художественное задание

Page 111

Художественное задание

Page 112

Художественное задание

Page 113

Художественное задание

Page 114

Художественное задание

Page 115

Художественное задание

Page 116

Художественное задание

Page 117

Художественное задание

Page 118

Художественное задание

Page 119

Художественное задание

Page 120

Художественное задание

Page 121

Художественное задание

Page 122

Художественное задание

Page 123

Художественное задание

Page 124

Художественное задание

Page 125

Художественное задание

Page 126

Художественное задание

Page 127

Художественное задание

Page 128

1. Использование графических элементов не несущих никакой смысловой
нагрузки
2. Нерациональное использование «первого экрана»
3. Использование flash, там где он не нужен
4. «Тяжелая» графика
5. Непродумывание прототипов
6. Дизайн разрабатывается с точки зрения красоты, а не с точки зрения
продаж
7. Неподготовленность дизайна, для дальнейшего продвижения сайта
8. Ставить во главу угла свои интересы и вкус, а не потребности целевой
аудитории
Типичные ошибки при разработке дизайна

Page 129

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

Page 130

• Отдать сайт группе тестеров, для поиска ошибок и недочётов
• Проверить работу сайта под нагрузкой
• Настроить систему веб-аналитики, согласно KPI
• Обучить специалистов компании правильно работать с сайтом:
необходимо, чтобы сайт наполнялся именно таким образом, как
это было предусмотрено в контентной политике
Что потом?

Page 131

Юзабили – это субъективная
психология фокус группы или
даже отдельного эксперта.
“Может ли посетитель
выполнить предопределённое
для него целевое действие?”
UX (User eXperience) отвечает на
вопрос “Получил ли
посетитель максимальное
удовольствие от выполнения
целевого действия?”
Веб-аналитика – это
фактические данные. Одно без
другого не может работать
эффективно
Юзабилити (UX)

Page 132

Продающая страница

Page 133

Хорошая
посадочная
страница – это не
обязательно
большая форма
обратной связи с
телефоном.
Справа пример,
как сейчас делать
модно, но не надо
Продающая страница

Page 134

1. Соответствие информации в рекламном канале и
посадочной странице.
2. Краткие заголовки, не более 3-4 слов
3. Наличие элементов доверия – сертификаты, отзывы,
выполненные работы и т.д.
4. Предложение «одного окна» – нет скроллингу!
5. Простые формы заявки
6. Мотивационные призывы – заметные кнопки
Правила оформления посадочных страниц

Page 135

Продающая страница

Page 136


Page 137

Продающая страница

Page 138

Продающая страница

Page 139

Продающая страница

Page 140

Продающая страница

Page 141

Продающая страница

Page 142


Page 143

Продающая страница

Page 144

Продающая страница

Page 145


Page 146

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

Page 147

А/B – тестирование
Постоянное тестирование (и модернизация) разделов сайта на реальных
посетителях для достижения максимальной эффективности
Что потом?

Page 148

Система аналитики

Page 149

Отчет после проведения рекламных кампаний исследуется и на его основе
принимаются решения
Планирование (проектирование) – Реализация (работа) - Контроль (Анализ)
– Корректировка (регулировка)
А дальше-то что?

Page 150

Андрей Гавриков
www.completo.ru
av@completo.ru
av.completo
gavrikov.andrey

Информация о работе Эффективный сайт с точки зрения потребительской модели поведения