Эффективный сайт с точки зрения потребительской модели поведения
Курсовая работа, 08 Мая 2013, автор: пользователь скрыл имя
Краткое описание
Прототипирование
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