SlideShare una empresa de Scribd logo
1 de 31
Богдан Назарок
Дизайнер, ведущий специалист по
разработке и поддержке веб-сайтов
Презентация нового дизайна
веб-сайта «ВиДи АвтоСити»
“Мы иначе смотрим на дизайн. Дизайн — это не то,
как продукт выглядит и воспринимается. Дизайн —
это то, как он работает”.
Стив Джобс
Айтрекинг – это исследование того,
как люди смотрят на веб-сайты.
Люди читают по шаблону буквы F
Большинство людей не читают, а сканируют. Исследование 2008 года показало, что
текст читают только 28% пользователей.
Внимание пользователя по веб-сайту
Согласно исследованию, так распределяется внимание пользователя по веб-сайту.
Похожие данные были получены и в исследованиях Yahoo.
Первое впечатление образуется
менее чем за секунду
Согласно исследованию Миссурийского университета, пользователю хватает менее
секунды, для того, чтобы у него сложилось первое впечатление о веб-сайте.
Исследователи установили, что пользователи тратили 2,6 секунды на сканирование
(скроллинг) сайта и лишь затем фокусировались на какой-то определенной его
части.
Части сайта, которые привлекли больше всего
внимания пользователей Миссурийского
университета:
• Логотип института. На его изучение они потратили в среднем 6,48 секунды.
• Главное навигационное меню. Оно оказалось примерно так же популярно, как и
логотип – 6,44 секунды.
• Модуль поиска – около 6 секунд.
• Ссылки на социальные сети Facebook и Twitter – 5,95 секунды.
• Главное изображение на сайте – 5,94 секунды.
• Текстовый контент сайта – 5,59 секунды.
• Футер веб-сайта – 5,25 секунды.
Интересная статистика посещения
веб-сайта «ВиДи АвтоСити»
за март 2013 года
Просмотры страниц веб-сайта
Разрешение экрана посетителей веб-сайта
Мобильные устройства посетителей веб-сайта
Браузеры посетителей веб-сайта
Браузеры посетителей веб-сайта
Вернемся непосредственно к
дизайну веб-сайта «ВиДи АвтоСити»
Первый вариант дизайна
веб-сайта
Первый вариант дизайна
веб-сайта
Первый вариант дизайна
веб-сайта
Второй вариант дизайна
веб-сайта
Второй вариант дизайна
веб-сайта
Третий вариант дизайна
веб-сайта
Третий вариант дизайна
веб-сайта
Основные замечания к третьему варианту дизайна:
• “Блок выбора автомобильных брендов должны быть, но то, в каком они месте
сейчас – не выглядит элегантно”. Ткаченко А.О.;
• “Раньше было понятно, что это сайт «ВиДи АвтоСити», сейчас вместо названия
очень большая полоса поиска. Сайт ОБЕЗЛИЧЕН”. Пирог И.П.;
• “Кнопка «все специальные предложения здесь» очень большая и мне непонятен
акцент на ней ”. Пирог И.П.
1366x768
Apple iPad
Внутренняя страница более важна,
чем главная
Исходя из статистики просмотров страниц веб-сайта «ВиДи АвтоСити» за март 2013
года, можно сделать вывод, что внутренняя страница более важна, чем главная.
При нажатии на баннер «ВЫБЕРИ АВТОМОБИЛЬ ЗДЕСЬ!» открывается окно
предварительного выбора автомобиля по основным параметрам.
После выбора желаемых параметров и нажатия на кнопку «Показать результат»,
производится переход в раздел «Выбор автомобиля», где посетитель может, более
подробно ознакомится с моделями автомобилей.
“Лично я люблю землянику со сливками, но рыба
почему-то предпочитает червяков. Вот почему,
когда я иду на рыбалку, я думаю не о том, что
люблю я, а о том, что любит рыба”.
Дейл Карнеги
Спасибо за внимание!
Вопросы?

Más contenido relacionado

Similar a Test1

Последние тренды поискового маркетинга
Последние тренды поискового маркетингаПоследние тренды поискового маркетинга
Последние тренды поискового маркетингаTechart Marketing Group
 
35 bark-optimization2010 стратегия развития сайта и seo
35 bark-optimization2010 стратегия развития сайта и seo35 bark-optimization2010 стратегия развития сайта и seo
35 bark-optimization2010 стратегия развития сайта и seoТарасов Константин
 
Денис Дмитренко. О сайтах. VIS-A-VIS
Денис Дмитренко. О сайтах. VIS-A-VISДенис Дмитренко. О сайтах. VIS-A-VIS
Денис Дмитренко. О сайтах. VIS-A-VISAndrew
 
Денис Дмитренко. О сайтах. VIS-A-VIS
Денис Дмитренко. О сайтах. VIS-A-VISДенис Дмитренко. О сайтах. VIS-A-VIS
Денис Дмитренко. О сайтах. VIS-A-VISAndrew
 
SEO - эффективный инструмент продвижения СМИ в интернете
SEO - эффективный инструмент продвижения СМИ в интернетеSEO - эффективный инструмент продвижения СМИ в интернете
SEO - эффективный инструмент продвижения СМИ в интернетеNetpeak
 
Правильный интернет-магазин на платформе 1С-Битрикс
Правильный интернет-магазин на платформе 1С-БитриксПравильный интернет-магазин на платформе 1С-Битрикс
Правильный интернет-магазин на платформе 1С-Битриксborovoystudio
 
Cенсорный дизайн
Cенсорный дизайнCенсорный дизайн
Cенсорный дизайнDenis Bryukhov
 
Life after finish
Life after finishLife after finish
Life after finishb2bfest.com
 
UCD: основы процесса
UCD: основы процессаUCD: основы процесса
UCD: основы процессаDmitry Satin
 
User Centered Design: обзор процесса
User Centered Design: обзор процессаUser Centered Design: обзор процесса
User Centered Design: обзор процессаAndrew Sikorskiy
 
Повышение конверсии веб-сайта через оптимизацию юзабилити
Повышение конверсии веб-сайта через оптимизацию юзабилитиПовышение конверсии веб-сайта через оптимизацию юзабилити
Повышение конверсии веб-сайта через оптимизацию юзабилитиHiresolution Design & Digital
 
Как разработать эффективный корпоративный сайт в 2015 году
Как разработать эффективный корпоративный сайт в 2015 годуКак разработать эффективный корпоративный сайт в 2015 году
Как разработать эффективный корпоративный сайт в 2015 годуborovoystudio
 

Similar a Test1 (20)

Последние тренды поискового маркетинга
Последние тренды поискового маркетингаПоследние тренды поискового маркетинга
Последние тренды поискового маркетинга
 
Проектирование эффективных сайтов
Проектирование эффективных сайтовПроектирование эффективных сайтов
Проектирование эффективных сайтов
 
Есть ли жизнь без ссылок?
Есть ли жизнь без ссылок?Есть ли жизнь без ссылок?
Есть ли жизнь без ссылок?
 
35 bark-optimization2010 стратегия развития сайта и seo
35 bark-optimization2010 стратегия развития сайта и seo35 bark-optimization2010 стратегия развития сайта и seo
35 bark-optimization2010 стратегия развития сайта и seo
 
Влияние социальных сетей на развитие бизнеса. WebPromoExperts SMM Day
Влияние социальных сетей на развитие бизнеса. WebPromoExperts SMM DayВлияние социальных сетей на развитие бизнеса. WebPromoExperts SMM Day
Влияние социальных сетей на развитие бизнеса. WebPromoExperts SMM Day
 
Денис Дмитренко. О сайтах. VIS-A-VIS
Денис Дмитренко. О сайтах. VIS-A-VISДенис Дмитренко. О сайтах. VIS-A-VIS
Денис Дмитренко. О сайтах. VIS-A-VIS
 
Денис Дмитренко. О сайтах. VIS-A-VIS
Денис Дмитренко. О сайтах. VIS-A-VISДенис Дмитренко. О сайтах. VIS-A-VIS
Денис Дмитренко. О сайтах. VIS-A-VIS
 
SEO - эффективный инструмент продвижения СМИ в интернете
SEO - эффективный инструмент продвижения СМИ в интернетеSEO - эффективный инструмент продвижения СМИ в интернете
SEO - эффективный инструмент продвижения СМИ в интернете
 
Правильный интернет-магазин на платформе 1С-Битрикс
Правильный интернет-магазин на платформе 1С-БитриксПравильный интернет-магазин на платформе 1С-Битрикс
Правильный интернет-магазин на платформе 1С-Битрикс
 
Cенсорный дизайн
Cенсорный дизайнCенсорный дизайн
Cенсорный дизайн
 
yurkevich
yurkevichyurkevich
yurkevich
 
yurkevich
yurkevichyurkevich
yurkevich
 
yurkevich
yurkevichyurkevich
yurkevich
 
yurkevich
yurkevichyurkevich
yurkevich
 
Life after finish
Life after finishLife after finish
Life after finish
 
Studia7. Заур Гиясов.
Studia7. Заур Гиясов. Studia7. Заур Гиясов.
Studia7. Заур Гиясов.
 
UCD: основы процесса
UCD: основы процессаUCD: основы процесса
UCD: основы процесса
 
User Centered Design: обзор процесса
User Centered Design: обзор процессаUser Centered Design: обзор процесса
User Centered Design: обзор процесса
 
Повышение конверсии веб-сайта через оптимизацию юзабилити
Повышение конверсии веб-сайта через оптимизацию юзабилитиПовышение конверсии веб-сайта через оптимизацию юзабилити
Повышение конверсии веб-сайта через оптимизацию юзабилити
 
Как разработать эффективный корпоративный сайт в 2015 году
Как разработать эффективный корпоративный сайт в 2015 годуКак разработать эффективный корпоративный сайт в 2015 году
Как разработать эффективный корпоративный сайт в 2015 году
 

Test1

Notas del editor

  1. Титулка
  2. Стив Джобс
  3. Айтрекинг
  4. Люди читают
  5. Внимание пользователя
  6. Первое впечатление
  7. Внимание, части сайта
  8. Статистика «ВиДи АвтоСити»
  9. Статистика просмотров
  10. Статистика экранов
  11. Статистика мобильных устройств
  12. Статистика браузеров ч.1
  13. Статистика браузеров ч.2
  14. Дизайн «ВиДи АвтоСити»
  15. Первый вариант ч.1
  16. Первый вариант ч.2
  17. Первый вариант ч.3
  18. Второй вариант ч.1
  19. Второй вариант ч.2
  20. Третий вариант ч.1
  21. Третий вариант ч.2
  22. Замечания к дизайну
  23. Главная страница ч.1
  24. Главная страница ч.2
  25. Визуализация главной страницы
  26. Внутренняя более важна
  27. Внутренняя страница ч.1
  28. Внутренняя страница ч.2
  29. Окно выбора автомобиля
  30. Дейл Карнеги
  31. Спасибо за внимание!