Web Design for ROI Лэнс Лавдей и Сандра Нихаус

Get Started. It's Free
or sign up with your email address
Web Design for ROI Лэнс Лавдей и Сандра Нихаус by Mind Map: Web Design for ROI Лэнс Лавдей и Сандра Нихаус

1. Целевая страница

1.1. Каждому посетителю или ситуации - своя ЦС

1.1.1. Сегментирование (79)

1.2. Весь цикла продаж - AIDA

1.3. ЦС=агент по продажам с мгнов. рез-том

1.4. Доверие

1.4.1. 2-3 рекомендации

1.4.2. Первое впечатление - дизайн

1.5. Простота

1.5.1. Меньше фирм. стиля

1.5.2. Меньше навигации

1.5.3. Уменьшенный лого, сохран. фирм. стиль

1.6. Много место предложению

1.7. Убрать все, что мешает призыву к действию (CTA) - нет дизайну ради дизайна

1.8. Единые стиль, содержание, призыв - продолжение рекламы

1.9. Причина остаться - убедительный рекламный текст, понятный ЦА, написанным на ее языке

1.9.1. Убедительный текст отражает ценности аудитории и решает ее проблемы

1.9.2. Включить поисковые запросы в текст

1.10. CTA

1.10.1. В каждом экране

1.10.2. Дополнительный призыв (92)

1.11. Над "сгибом" зона конверсии под "сгибом" - CTA и зона действия

1.12. Ясность, очевидность, краткость

1.12.1. Ясные заголовки, самая важная инфо - в начало абзаца

1.12.2. Подготовить к тому, что ждет дальше (97)

2. Формы и анкеты

2.1. Кнопки

2.1.1. Крупные

2.1.2. Выглядят как кнопки

2.1.3. Содержат CTA

2.1.4. На видном месте

2.1.4.1. Там, где их ищут

2.1.4.2. Над "сгибом"

2.1.4.3. В самом конце странице

2.1.5. Выделить важность при помощи оформления и расположения

2.2. Не ломаются по причине ошибок в коде

2.3. Кажется простой

2.4. Привлекательна, но функциональна (180)

2.4.1. Светлый фон, читаемый шрифт

2.4.2. Границы формы

2.4.3. Цветные поля

2.4.4. Стрелки

2.4.5. Прогресс бар

2.5. Связь "поле-подпись"

2.6. Простота

2.6.1. Абсолютно необходимые поля, не спрашивать лишнего

2.6.2. Достаточно пустого пространства - читаемость

2.6.3. Всплывающие при наведении подсказки

2.6.4. Наиболее частые ответы - по умолчанию

2.6.5. Мин кликов и движений

2.6.6. Ясность этапов и простота перехода важнее кол-ва этапов

2.7. Подписи в активном залоге

2.8. Гарантия безопасности данных и платежей (215)

2.9. Сохранить фирм. стиль

2.10. Изображение и название товара в корзине ведут на стр описания

2.11. Регистрация после оплаты

2.12. Инфо о доставке и гарантии возврата

3. Главная страница (103)

3.1. Цель - не дать уйти с сайта

3.2. Удовлетворяет всю ЦА

3.3. CTA мягкий в форме рекомендации

3.4. Читаемый лого слева вверху

3.5. Функциональный слоган - краткое понятное описание деятельности.

3.6. Показать самое важное (115)

4. Менеджмент

4.1. Цели сайта - чего мы хотим достичь

4.2. Стратегия - как мы достигаем целей (54)

4.3. ЦА

4.3.1. Основная (Hi ROI)

4.3.2. Вторичная (Lo ROI)

4.3.3. Портрет потребителя - видеть сайт его глазами

4.3.3.1. Почему пришли

4.3.3.2. Что ожидают увидеть

4.3.3.3. Как упростить использование сайта

4.3.3.4. Какая инфо их интересует (51)

4.4. Конкуренты

4.4.1. Призывы к действию - ключ к их стратегии (52)

4.4.2. Анализ дизайна независимо от размера бизнеса

4.5. Трафик

4.5.1. Зачем и как пришли

4.5.2. Доли источников

4.6. Аналитика (55)

4.6.1. Внимание на важные показатели, а не на измеримые

4.6.2. Анализ действий, а не слов

4.6.3. Измерять успех деньгами (для презентаций)

4.6.4. Анализ LR трендов

4.6.5. Бизнес-показатели

4.6.6. Стат-ка сайта

4.6.7. Мнение юзеров

4.6.8. Страницы выхода и барьеры на пути к конверсии

5. Страница категорий

5.1. Цель - следующий шаг в выборе товара

5.1.1. Сузить выбор по критериям

5.1.2. Сортировка по параметру

5.1.3. В корзину

5.1.4. Переход на стр описания

5.2. Кузнечики - прыгают туда сюда из-за недостатка инфо для решения о покупке

5.3. Пользователь находит инфо с мин усилий

5.3.1. Инструменты сравнения, сортировки и фильтрации

5.3.2. Избегать перенасыщенности

5.4. Соответствие ожиданиям и привычкам

5.5. Визуально отделить товары, их легко отличить и щелкнуть по ним

5.6. Профессиональные фотки

5.6.1. Достаточно крупные

5.6.2. Эскиз

5.6.2.1. Ссылка

5.6.2.2. Отличительная часть

5.7. Инфо, достаточное, чтобы увидеть разницу между товарами - не более

5.8. Выгода

5.8.1. Цена в каталоге

5.8.2. Наша (ваша) цена

5.9. Кнопка "в корзину"

5.9.1. Известные товары

5.9.2. Легко отличимые

5.9.3. Не требуют выбора доп. параметров

6. Общие принципы

6.1. Ясность

6.2. Простота

6.3. Четкость и однозначность

7. Страница описания товара

7.1. Подробное описание для тех, кто ничего не знает о товаре; сложнее предложение - больше деталей

7.2. Кнопку "В корзину" найти легко

7.3. Вопросы пользователя на стр 153.

7.4. Профессиональное фото

7.4.1. В контексте: изображение товара в условиях, в которых он будет использоваться

7.4.2. Для услуг: фото процесса или результата (162)

7.5. Описание товара

7.5.1. Визуальное очерченное

7.5.2. Живое и запоминающееся

7.6. Видео, когда фото мало для оценки характеристик

7.7. Ясный, крупный и содержательный заголовок

7.8. Список особенностей

7.8.1. Четкий и полный

7.8.2. Только самые важные, не перегрузить информацией

7.9. Акции

7.9.1. В зоне описания или другом заметном месте

7.9.2. Визуально выделить

7.9.3. Понятно и однозначно

7.10. Отзывы и лайки

7.11. Выбор вариантов

7.11.1. Крупное фото

7.11.2. Виден при переводе взгляда с описания на зону действия