СПб: +7 /812/ 458 57 78 www.astramg.ruМск: +7 /495/ 649 62 78

Типичные ошибки проектирования

как не надо делать сайты

Ярослав Табаков / Директор по развитию

Немного о структуре доклада

Типичные ошибки проектирования

2 / 29

1. Зачем нужен сайт;

2. Как его спроектировать;

3. Что такое портреты целевой аудитории;

4. Обобщенный сценарий пользователей;

5. Примеры типичных ошибок сайтов.

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

Основные инструменты проектировщика

Как работает сайт

4 / 29

Зачем?

Что?

Как?

Поведение пользователей

Как работает сайт

5 / 29

Портрет пользователя

Как работает сайт

6 / 29

Наташа (Санкт-Петербург, 28 лет)

Как работает сайт

7 / 29

Наталья юрист по образованию, работает в крупной фирме по специальности. Муж неплохо зарабатывает, и достаток семьи позволил ей безболезненно уйти в декретный отпуск на достаточно длительный срок. Сейчас отпуск подходит к концу, Наталья планирует вернуться к активной работе и жизни деловой женщины.

Наталья привыкла выглядеть стильно, производить впечатление. Для ее круга важны внешние атрибуты успешности, поэтому иногда семья позволяет себе расходы сверх необходимого для жизни, но важные для поддержания статуса.

Наталья много пользуется интернетом, совершает в нем покупки, умеет искать нужную информацию.

Задача

Условия и опасения

После декретного отпуска и кормления у Наташи накопилось недовольство своей фигурой, усталость и стресс. Хочется скорее «вернуться в форму», почувствовать себя снова красивой и молодой. Вернуть ощущение, что жизнь полная радости и красоты с рождением ребенка не закончилась, что все еще только начинается.

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

На принятие решения активно влияет муж. Он скептически относится к медицинскому решению задачи, но готов уступить из любви к жене. Однако, в чьи угодно руки он ее не отдаст, нужны рекомендации и гарантии.

Особенности восприятия

Цели и задачи сайта как места продаж

8 / 29

Линия горизонта

Буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы.

Буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы.

Буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы.

Буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы буквы.Сканирование листвы

!!!

Сценарий пользователя

Как работает сайт

9 / 29

Вопросы, на которые нужно ответить:

• Что захочет сделать пользователь?

• Зачем он это сделает?

• Какого результата он ожидает?

• Как это ведет к достижению целей бизнеса?

• Какие барьеры ему придется преодолеть?

• Какие стимулы можно для него создать?

Сценарий – описание действий, которые совершает пользователь на сайте, а также причин этих действий.

Пример сценария

Ствол: проектирование

10 / 29

1. Знакомство с сайтом

Наташа заходит на сайт и убеждается, что она на сайте клиники в центреСанкт-Петербурга.

Проверяет, что в этой клинике действительно могут решить ее задачу с нужным качеством и ценой.

2. Вовлечение в изучение

Обращает внимание на рекомендуемые процедуры и процедуры, которые подпадают под акции. Если она не уверена, что эти процедуры подходят, продолжит изучение услуг клиники.

3. Поиск решения задачи

Наташу интересуют быстрые, эффективные и безоперационные способы убрать появившиеся отложения, подтянуть живот, убрать растяжки.

4. Изучение процедур

Откроет заинтересовавшую процедуру, чтобы посмотреть подробности, описание, фото и отзывы.

5. Выбор процедур, решающих задачу

Наташу заинтересовало несколько процедур, ей нужно понять, какая ей лучше подходит.Перед ней стоит задача разобраться в деталях и сделать выбор.

6. Изучение дополнительной информации

Наташа изучает подробности процедур: болезненность, длительность процедуры или курса, длительность и надежность эффекта, показания и противопоказания, побочные эффекты, условия проведения и подготовки, отзывы, стоимость.

7. Звонок в клинику, запись на прием

Наташа советуется с мужем и подругами. Это занимает какое-то время. Наконец, она решает получить дополнительную информацию уже в клинике.Наташа решает записаться на консультацию, используя телефон, или форму записи.

ЗНАКОМСТВО

Самолюбование

12/29

Ош

иб

ки

/ З

наком

ство

Можно всех посмотреть?

13/29

Ош

иб

ки

/ З

наком

ство

Фильтры

Ошибки / Знакомство

14/29

НАВИГАЦИЯ

Где я и как я сюда попал?

Ошибки / Навигация

16/29

Вы находитесь здесь

Где решение моей задачи?

17/29

Ош

иб

ки

/ Н

ави

гац

ия

Еще не все…

Пример решения проблемы

Ошибки / Навигация

18/29

ИЗУЧЕНИЕ

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

Ошибки / Изучение

20/29

Стена текста о чем-то, энциклопедия

21/29

Ош

иб

ки

/ И

зучен

ие

Похоже на описание услуги

22/29

Ош

иб

ки

/ И

зучен

ие

Ура, конверсия!

ОБРАЩЕНИЕ

Мы вас здесь не ждали

Ошибки / Обращение

24/29

Обязательно все заполните, мы подумаем…

Ошибки / Обращение

25/29

Мы знаем, что вы робот

26/29

Ош

иб

ки

/ О

бращ

ен

ие

Нам было лень делать красиво

Ошибки / Обращение

27/29

Видно, что старались

Ошибки / Обращение

28/29

Есть альтернатива

Остальное – по желанию

СПб: +7 /812/ 458 57 78 www.astramg.ruМск: +7 /495/ 649 62 78

Vk /ytabakov

Fb /ytabakoff

Twi /ytabakov

Vk /astramg

Fb /astramg

Twi /AstraMediaGroup

СПАСИБО! Вопросы?