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

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

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

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

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

1.3. ЦА

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

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

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

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

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

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

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

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

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

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

1.5. Трафик

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2.4. Доверие

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

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

2.5. Простота

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

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

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

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

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

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

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

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

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

2.10. CTA

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

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

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

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

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

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

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

3.1. Кнопки

3.1.1. Крупные

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

3.1.3. Содержат CTA

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

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

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

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

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

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

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

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

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

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

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

3.4.4. Стрелки

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

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

3.6. Простота

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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. Виден при переводе взгляда с описания на зону действия