SlideShare a Scribd company logo
1 of 11
Использование Eye track и тепловой
карты в проектировании продающих
страниц
Автор: Колгашкин Алексей,
Дата: 24.01.2012
Eye – track может быть использован для
размещения ключевой информации на странице
Поможем посетителю быстро сфокусироваться на
важной области
Хороший веб сайт в первую
очередь должен удовлетворять
целям сайта, а во вторую,
выглядеть эффективно
Первые шаги
С чего начать?
При проектировании
3 важных момента при проектировании целевой страницы
3
2
1
Определить проблему
пользователя, которую он пытается
решить
Предложить решение на странице
Призыв к действию
3 важных момента при проектировании целевой страницы
Проблема:
отправка больших
файлов.
Решение:
неограниченный
доступ
Призыв к действию:
попробуйте прямо
сейчас.
Еще 3 важных момента
3
2
1
Дифференцировать товар, услугу или
бренд от конкуренции
Снижение потребительского беспокойства.
Предложение стимулом для завершения призыв к
действию.
итоги
Руководство к действию
Целевые страницы
1. Отсутствие объектов конкурирующих за внимание
2. Не использовать много шрифтов
3. Отсутствие баннеров и прочих блоков
4. Использовать логическую иерархию заголовков
5. Использование тепловой карты и eye – track карты
Тепловые карты и eye - track
1. Разумное использование пустого
пространства
2. Убедительные заголовки
3. Маркированные списки
4. Управляйте изображениями

More Related Content

Similar to Eye track

CodeFest 2013. Бесков Д. — Как быть заказчиком продукта
CodeFest 2013. Бесков Д. — Как быть заказчиком продуктаCodeFest 2013. Бесков Д. — Как быть заказчиком продукта
CodeFest 2013. Бесков Д. — Как быть заказчиком продукта
CodeFest
 
В.Денисенков.10 самых распространенных ошибок при разработке интернет-проекто...
В.Денисенков.10 самых распространенных ошибок при разработке интернет-проекто...В.Денисенков.10 самых распространенных ошибок при разработке интернет-проекто...
В.Денисенков.10 самых распространенных ошибок при разработке интернет-проекто...
borovoystudio
 
В.Денисенков - Все там будем. 10 любимых ошибок при разработке и продвижении ...
В.Денисенков - Все там будем. 10 любимых ошибок при разработке и продвижении ...В.Денисенков - Все там будем. 10 любимых ошибок при разработке и продвижении ...
В.Денисенков - Все там будем. 10 любимых ошибок при разработке и продвижении ...
borovoystudio
 
В.Денисенков - Все там будем. 10 любимых ошибок при разработке и продвижении ...
В.Денисенков - Все там будем. 10 любимых ошибок при разработке и продвижении ...В.Денисенков - Все там будем. 10 любимых ошибок при разработке и продвижении ...
В.Денисенков - Все там будем. 10 любимых ошибок при разработке и продвижении ...
borovoystudio
 
Создание прототипа как этап разработки сайта: задачи, методы, преимущества
Создание прототипа как этап разработки сайта: задачи, методы, преимуществаСоздание прототипа как этап разработки сайта: задачи, методы, преимущества
Создание прототипа как этап разработки сайта: задачи, методы, преимущества
Techart Marketing Group
 

Similar to Eye track (20)

CodeFest 2013. Бесков Д. — Как быть заказчиком продукта
CodeFest 2013. Бесков Д. — Как быть заказчиком продуктаCodeFest 2013. Бесков Д. — Как быть заказчиком продукта
CodeFest 2013. Бесков Д. — Как быть заказчиком продукта
 
10 типичных причин неудачной разработки интернет-проектов
10 типичных причин неудачной разработки интернет-проектов10 типичных причин неудачной разработки интернет-проектов
10 типичных причин неудачной разработки интернет-проектов
 
10 типичных причин неудачной разработки интернет-проектов
10 типичных причин неудачной разработки интернет-проектов10 типичных причин неудачной разработки интернет-проектов
10 типичных причин неудачной разработки интернет-проектов
 
В.Денисенков.10 самых распространенных ошибок при разработке интернет-проекто...
В.Денисенков.10 самых распространенных ошибок при разработке интернет-проекто...В.Денисенков.10 самых распространенных ошибок при разработке интернет-проекто...
В.Денисенков.10 самых распространенных ошибок при разработке интернет-проекто...
 
В.Денисенков - Все там будем. 10 любимых ошибок при разработке и продвижении ...
В.Денисенков - Все там будем. 10 любимых ошибок при разработке и продвижении ...В.Денисенков - Все там будем. 10 любимых ошибок при разработке и продвижении ...
В.Денисенков - Все там будем. 10 любимых ошибок при разработке и продвижении ...
 
В.Денисенков - Все там будем. 10 любимых ошибок при разработке и продвижении ...
В.Денисенков - Все там будем. 10 любимых ошибок при разработке и продвижении ...В.Денисенков - Все там будем. 10 любимых ошибок при разработке и продвижении ...
В.Денисенков - Все там будем. 10 любимых ошибок при разработке и продвижении ...
 
«Что нужно делать ДО, ВО ВРЕМЯ и ПОСЛЕ создания лендинга». Вебинар WebPromoE...
 «Что нужно делать ДО, ВО ВРЕМЯ и ПОСЛЕ создания лендинга». Вебинар WebPromoE... «Что нужно делать ДО, ВО ВРЕМЯ и ПОСЛЕ создания лендинга». Вебинар WebPromoE...
«Что нужно делать ДО, ВО ВРЕМЯ и ПОСЛЕ создания лендинга». Вебинар WebPromoE...
 
Что делать до, во время и после создания лендинга
Что делать до, во время и после создания лендингаЧто делать до, во время и после создания лендинга
Что делать до, во время и после создания лендинга
 
12 простых шагов создать свое мобильное приложение
12 простых шагов создать свое мобильное приложение12 простых шагов создать свое мобильное приложение
12 простых шагов создать свое мобильное приложение
 
SEO продвижение стартапа на зарубежный рынок
SEO продвижение стартапа на зарубежный рынокSEO продвижение стартапа на зарубежный рынок
SEO продвижение стартапа на зарубежный рынок
 
Продвижение стартапа на зарубежный рынок» Кейс boodmo.com
Продвижение стартапа на зарубежный рынок» Кейс boodmo.comПродвижение стартапа на зарубежный рынок» Кейс boodmo.com
Продвижение стартапа на зарубежный рынок» Кейс boodmo.com
 
Проектирование эффективных сайтов
Проектирование эффективных сайтовПроектирование эффективных сайтов
Проектирование эффективных сайтов
 
Создание прототипа как этап разработки сайта: задачи, методы, преимущества
Создание прототипа как этап разработки сайта: задачи, методы, преимуществаСоздание прототипа как этап разработки сайта: задачи, методы, преимущества
Создание прототипа как этап разработки сайта: задачи, методы, преимущества
 
Роль веб сайта в деятельности компании
Роль веб сайта в деятельности компанииРоль веб сайта в деятельности компании
Роль веб сайта в деятельности компании
 
Создание сайта
Создание сайтаСоздание сайта
Создание сайта
 
Как сделать успешный сайт. простые советы для сложных задач
Как сделать успешный сайт. простые советы для сложных задачКак сделать успешный сайт. простые советы для сложных задач
Как сделать успешный сайт. простые советы для сложных задач
 
Clip clock
Clip clockClip clock
Clip clock
 
Стачка! 2016: Юрий Ветров — Дизайн с выхлопом
Стачка! 2016: Юрий Ветров — Дизайн с выхлопомСтачка! 2016: Юрий Ветров — Дизайн с выхлопом
Стачка! 2016: Юрий Ветров — Дизайн с выхлопом
 
10 типичных причин неудачной разработки интернет проектов
10 типичных причин неудачной разработки интернет проектов 10 типичных причин неудачной разработки интернет проектов
10 типичных причин неудачной разработки интернет проектов
 
Оптимизация сайта сегодня: 5 ключевых моментов современного SEO. Кейсы
Оптимизация сайта сегодня: 5 ключевых моментов современного SEO. КейсыОптимизация сайта сегодня: 5 ключевых моментов современного SEO. Кейсы
Оптимизация сайта сегодня: 5 ключевых моментов современного SEO. Кейсы
 

Eye track

  • 1. Использование Eye track и тепловой карты в проектировании продающих страниц Автор: Колгашкин Алексей, Дата: 24.01.2012
  • 2. Eye – track может быть использован для размещения ключевой информации на странице
  • 3. Поможем посетителю быстро сфокусироваться на важной области
  • 4. Хороший веб сайт в первую очередь должен удовлетворять целям сайта, а во вторую, выглядеть эффективно
  • 5. Первые шаги С чего начать? При проектировании
  • 6. 3 важных момента при проектировании целевой страницы 3 2 1 Определить проблему пользователя, которую он пытается решить Предложить решение на странице Призыв к действию
  • 7. 3 важных момента при проектировании целевой страницы Проблема: отправка больших файлов. Решение: неограниченный доступ Призыв к действию: попробуйте прямо сейчас.
  • 8. Еще 3 важных момента 3 2 1 Дифференцировать товар, услугу или бренд от конкуренции Снижение потребительского беспокойства. Предложение стимулом для завершения призыв к действию.
  • 10. Целевые страницы 1. Отсутствие объектов конкурирующих за внимание 2. Не использовать много шрифтов 3. Отсутствие баннеров и прочих блоков 4. Использовать логическую иерархию заголовков 5. Использование тепловой карты и eye – track карты
  • 11. Тепловые карты и eye - track 1. Разумное использование пустого пространства 2. Убедительные заголовки 3. Маркированные списки 4. Управляйте изображениями

Editor's Notes

  1. Бизнесу вообще очень страшно(Вкуснотеево)
  2. Бизнесу вообще очень страшно(Вкуснотеево)