Документ описывает типичные ошибки проектирования сайтов и дает рекомендацию по созданию эффективного веб-сайта. В нем рассматриваются цели и задачи сайта, поведение пользователей, а также сценарии взаимодействия целевой аудитории, например, как Наташа, юрист из Санкт-Петербурга, ищет решения для улучшения своей фигуры. Также приведены примеры ошибок в навигации и изучении контента, что может повлиять на конверсию сайта.

1. Типичные ошибки проектирования
как не надо делать сайты
Ярослав Табаков / Директор по развитию
СПб: +7 /812/ 458 57 78
Мск: +7 /495/ 649 62 78
www.astramg.ru

2. Типичные ошибки проектирования
Немного о структуре доклада
1.
Зачем нужен сайт;
2.
Как его спроектировать;
3.
Что такое портреты целевой аудитории;
4.
Обобщенный сценарий пользователей;
5.
Примеры типичных ошибок сайтов.
2 / 29

3. КАК РАБОТАЕТ САЙТ

4. Как работает сайт
Основные инструменты проектировщика
Зачем?
Что?
Как?
4 / 29

5. Как работает сайт
Поведение пользователей
5 / 29

6. Как работает сайт
Портрет пользователя
6 / 29

7. Как работает сайт
Наташа (Санкт-Петербург, 28 лет)
Наталья юрист по образованию, работает в крупной фирме по
специальности. Муж неплохо зарабатывает, и достаток семьи позволил ей
безболезненно уйти в декретный отпуск на достаточно длительный срок.
Сейчас отпуск подходит к концу, Наталья планирует вернуться к активной
работе и жизни деловой женщины.
Наталья привыкла выглядеть стильно, производить впечатление. Для ее
круга важны внешние атрибуты успешности, поэтому иногда семья
позволяет себе расходы сверх необходимого для жизни, но важные для
поддержания статуса.
Наталья много пользуется интернетом, совершает в нем покупки, умеет
искать нужную информацию.
Задача
После декретного отпуска и кормления у Наташи накопилось недовольство своей фигурой, усталость и стресс.
Хочется скорее «вернуться в форму», почувствовать себя снова красивой и молодой. Вернуть ощущение, что жизнь
полная радости и красоты с рождением ребенка не закончилась, что все еще только начинается.
Условия и опасения
Несмотря на приличный уровень доходов, фактор цены важен. Нужно маленькое чудо за приемлемые деньги и в
короткие сроки. Скорость и гарантия результата важны, если бы она могла ждать, она пошла бы заниматься
спортом.
На принятие решения активно влияет муж. Он скептически относится к медицинскому решению задачи, но готов
уступить из любви к жене. Однако, в чьи угодно руки он ее не отдаст, нужны рекомендации и гарантии.
7 / 29

8. Цели и задачи сайта как места продаж
Особенности восприятия
Линия горизонта
!!!
Буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы
буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы
буквы буквы буквы буквы.
Буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы
буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы
буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы
буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы.
Буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы
буквы буквы буквы буквы буквы буквы буквы буквы.
Буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы
буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы
буквы буквы буквы буквы буквы буквы.
Сканирование листвы
8 / 29

9. Как работает сайт
Сценарий пользователя
Сценарий – описание действий, которые совершает пользователь на
сайте, а также причин этих действий.
Вопросы, на которые нужно ответить:
•
Что захочет сделать пользователь?
•
Зачем он это сделает?
•
Какого результата он ожидает?
•
Как это ведет к достижению целей бизнеса?
•
Какие барьеры ему придется преодолеть?
•
Какие стимулы можно для него создать?
9 / 29

10. Ствол: проектирование
Пример сценария
1. Знакомство с
Наташа заходит на сайт и убеждается, что она на сайте клиники в центре
Санкт-Петербурга.
Проверяет, что в этой клинике действительно могут решить ее задачу с нужным
качеством и ценой.
2. Вовлечение в
изучение
Обращает внимание на рекомендуемые процедуры и процедуры, которые подпадают
под акции.
Если она не уверена, что эти процедуры подходят, продолжит изучение услуг клиники.
3. Поиск решения
Наташу интересуют быстрые, эффективные и безоперационные способы убрать
появившиеся отложения, подтянуть живот, убрать растяжки.
сайтом
задачи
4. Изучение процедур Откроет заинтересовавшую процедуру, чтобы посмотреть подробности, описание, фото
и отзывы.
5. Выбор
процедур, решающих
задачу
6. Изучение
дополнительной
информации
7. Звонок в клинику,
запись на прием
Наташу заинтересовало несколько процедур, ей нужно понять, какая ей лучше подходит.
Перед ней стоит задача разобраться в деталях и сделать выбор.
Наташа изучает подробности процедур: болезненность, длительность процедуры или
курса, длительность и надежность эффекта, показания и противопоказания, побочные
эффекты, условия проведения и подготовки, отзывы, стоимость.
Наташа советуется с мужем и подругами. Это занимает какое-то время. Наконец, она
решает получить дополнительную информацию уже в клинике.
Наташа решает записаться на консультацию, используя телефон, или форму записи.
10 / 29

11. ЗНАКОМСТВО

12. Ошибки / Знакомство
Самолюбование
12/29

13. Ошибки / Знакомство
Можно всех посмотреть?
13/29

14. Ошибки / Знакомство
Фильтры
14/29

15. НАВИГАЦИЯ

16. Ошибки / Навигация
Где я и как я сюда попал?
Вы находитесь здесь
16/29

17. Ошибки / Навигация
Где решение моей задачи?
17/29
Еще не все…

18. Ошибки / Навигация
Пример решения проблемы
18/29

19. ИЗУЧЕНИЕ

20. Ошибки / Изучение
Кирпич текста ни о чем
20/29

21. Ошибки / Изучение
Стена текста о чем-то, энциклопедия
21/29

22. Ошибки / Изучение
Похоже на описание услуги
22/29
Ура, конверсия!

23. ОБРАЩЕНИЕ

24. Ошибки / Обращение
Мы вас здесь не ждали
24/29

25. Ошибки / Обращение
Обязательно все заполните, мы подумаем…
25/29

26. Ошибки / Обращение
Мы знаем, что вы робот
26/29

27. Ошибки / Обращение
Нам было лень делать красиво
27/29

28. Ошибки / Обращение
Видно, что старались
Есть альтернатива
Остальное –
по желанию
28/29

29. СПАСИБО! Вопросы?
Vk /astramg
Vk /ytabakov
Fb /astramg
Fb /ytabakoff
Twi /AstraMediaGroup
Twi /ytabakov
СПб: +7 /812/ 458 57 78
Мск: +7 /495/ 649 62 78
www.astramg.ru