Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
1. «Я бы три раза уже ушла с этого сайта.   Ничего не понятно, нет привычных форм   поиска»2. «Хочу позвонить менеджеру. К...
Ты кто такой? Давай, до свидания!               • Посадочныестраницыч                 ащевидятлюди,                 которы...
Лица людей• Мы все – «социальные  животные»• Даже мизантропов  привлекают  человеческие лица• Выражение лица  позволяет бы...
Влияние направления взгляда• Когда модель смотрит  на зрителя, зритель  смотрит на модель• Когда модель смотрит  на предме...
Ребенок может управлять взглядом
Кажется, что все просто• Достаточно:   – Поместить на сайте лицо     человека, чтобы оно     привлекало к себе     первичн...
Проверим на практике   Действительно ли всё      элементарно?
План действий• Выбираем «подопытный»  сайт, на главной странице  которого используется  лицо человека• Минимально изменяем...
Требования к подопытному сайту•   Имеет четкую коммерческую цель     – Мы хотим помогать тем, кто четко       понимает сво...
Подопытный сайт. Берём в работу!•   Позитивно•   Целенаправленно•   Есть лицо•   Массовый сервис•   Сайт рекламируется на ...
Задача – найти отдых в Египте
Задача решена, если…3             • Пользователь кликнул в                один из указанных                объектов:      ...
Немного магии взгляда…                 • При помощи                   Photoshop:                 • Скашиваем девушке      ...
Пара слов о методологии• В тестировании каждого  дизайна участвовало 11  человек (каждый раз новые)• Мужчины и женщины• По...
Результаты тестирования• Исходный дизайн                     • «Косые» глаза    – 3 неэффективных клика               – 3 ...
Отрицательный результат• Изменение направления  взглядя «модели» не  повлияло на количество  эффективных кликов• Должно бы...
Дизайн без «пузырей»
Тестирование без "пузырей"• «Косые» глаза               • Без «пузырей»    – 3 неэффективных клика         – 4 (!) неэффек...
Разбор полетовЧто привлекло пользователей   Почему пользователи сталиименно в этой миниатюре?      замечать мелкие элементы?
Таинственная миниатюра             Эта девушка у вас             ассоциируется с отпуском?..         А эта?
Сравним приоритетыЧто бросается в глаза?            А здесь?Яркие «пузыри» — бесспорные       Когда исчезли «пузыри», их м...
Тактика победоносной битвы• Вызываем приятные  ассоциации  – Никакого дресс-кода —    только пляжные    костюмы• Направляе...
Купальник против дресс-кода
Приятные ассоциации +             концентрация = …Без пузырей               Купальник, без миниатюр 4 неэффективных клика...
Взгляд на победителя• В предыдущем опыте  мы внесли сразу два  изменения• Выясним, какое из них  оказалось  эффективнее• В...
Приятные ассоциации или              концентрация?Купальник, без миниатюр      Купальник и миниатюры Ни одного неэффектив...
Что еще можно сделать с              победителем?• Все клики были успешными,  но два клика были сделаны  не в форму• Оба к...
Влияние на женские взгляды             • Что для женщины               отдых? Море, солнце,               знакомство с    ...
Романтика и женское вниманиеКупальник, без миниатюр      Романтическая пара Ни одного неэффективного    4неэффективных к...
Все 6 вариантов  3 ошибки     3 ошибки   4 ошибкиБез ошибок!    2 ошибки   4 ошибки
Сравним показатели Любителям диаграмм
Концентрация кликов       Клики100%                                              Верхнее меню90%                          ...
Время до кликаСекунды 30                                                  Муж.                                            ...
Эффективность100%                                 Неэффект. клик90%                              Эффект. клик80%70%60%50% ...
Спасибо за внимание!+7 (495) 933-01-37
info@usabilitylab.ru
http://usabilitylab.ruМосква, ул. 8 марта, д. 1, стр. 12
Дмитрий Сатин: Доклад об удобстве туристических сайтов
Дмитрий Сатин: Доклад об удобстве туристических сайтов
Дмитрий Сатин: Доклад об удобстве туристических сайтов
Дмитрий Сатин: Доклад об удобстве туристических сайтов
Дмитрий Сатин: Доклад об удобстве туристических сайтов
Дмитрий Сатин: Доклад об удобстве туристических сайтов
Дмитрий Сатин: Доклад об удобстве туристических сайтов
Дмитрий Сатин: Доклад об удобстве туристических сайтов
Дмитрий Сатин: Доклад об удобстве туристических сайтов
Дмитрий Сатин: Доклад об удобстве туристических сайтов
Дмитрий Сатин: Доклад об удобстве туристических сайтов
Дмитрий Сатин: Доклад об удобстве туристических сайтов
Дмитрий Сатин: Доклад об удобстве туристических сайтов
Дмитрий Сатин: Доклад об удобстве туристических сайтов
Дмитрий Сатин: Доклад об удобстве туристических сайтов
Дмитрий Сатин: Доклад об удобстве туристических сайтов
Дмитрий Сатин: Доклад об удобстве туристических сайтов
Дмитрий Сатин: Доклад об удобстве туристических сайтов
Upcoming SlideShare
Loading in …5
×

Дмитрий Сатин: Доклад об удобстве туристических сайтов

483 views

Published on

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Дмитрий Сатин: Доклад об удобстве туристических сайтов

  1. 1. 1. «Я бы три раза уже ушла с этого сайта. Ничего не понятно, нет привычных форм поиска»2. «Хочу позвонить менеджеру. К предложенному в туре отелю нет описания»3. «Зачем мне все эти названия отелей? Я же ничего не знаю про Болгарию, хочу недорогой отель для поездки с детьми»
  2. 2. Ты кто такой? Давай, до свидания! • Посадочныестраницыч ащевидятлюди, которыеовасещё ничегонезнают! • Почемуонидолжныдов ерятьвам?
  3. 3. Лица людей• Мы все – «социальные животные»• Даже мизантропов привлекают человеческие лица• Выражение лица позволяет быстро понять, друг перед нами или враг
  4. 4. Влияние направления взгляда• Когда модель смотрит на зрителя, зритель смотрит на модель• Когда модель смотрит на предмет, зритель смотрит туда же, куда и модель
  5. 5. Ребенок может управлять взглядом
  6. 6. Кажется, что все просто• Достаточно: – Поместить на сайте лицо человека, чтобы оно привлекало к себе первичное внимание – Направить лицо или взгляд на ключевой объект• Лицо поймает взгляд и «отпасует» его в нужную область экрана• В итоге не пользователь выбирает объект, а объект направляет внимание пользователя
  7. 7. Проверим на практике Действительно ли всё элементарно?
  8. 8. План действий• Выбираем «подопытный» сайт, на главной странице которого используется лицо человека• Минимально изменяем дизайн главной страницы так, чтобы придать лицу и взгляду чёткую направленность• Проводим сравнительное исследование• Выясняем, какой вариант работает лучше
  9. 9. Требования к подопытному сайту• Имеет четкую коммерческую цель – Мы хотим помогать тем, кто четко понимает свои цели• Дизайнеры сайта пытаются влиять на внимание пользователя – Мы любим ищущих людей• Сайт работает с массовым рынком – Читатель должен относиться к примеру пристрастно• Сайт рекламируется на дорогих площадках – Мы любим людей с серьёзными намерениями• Дизайн симпатичный и позитивный – Мы любим красивые и приятные вещи
  10. 10. Подопытный сайт. Берём в работу!• Позитивно• Целенаправленно• Есть лицо• Массовый сервис• Сайт рекламируется на Путешествия@mail.ru
  11. 11. Задача – найти отдых в Египте
  12. 12. Задача решена, если…3 • Пользователь кликнул в один из указанных объектов: 1 – Форма поиска (1), 2 – Объект «Лучшие предложения дня» (2), – Ссылку «Поиск тура» в верхнем меню (3). • Клики в другие области считаем неэффективными с точки зрения бизнес- задач сайта.
  13. 13. Немного магии взгляда… • При помощи Photoshop: • Скашиваем девушке глаза в сторону формы и слегка наклоняем голову. • Все остальное оставляем без изменений.Было Стало
  14. 14. Пара слов о методологии• В тестировании каждого дизайна участвовало 11 человек (каждый раз новые)• Мужчины и женщины• Пользователи находили сайт на Mail.ru• Открывали его и должны были решить, куда кликнуть, чтобы найти тур в Египет• Тестирование продолжалось до первого клика
  15. 15. Результаты тестирования• Исходный дизайн • «Косые» глаза – 3 неэффективных клика – 3 неэффективных клика – Девушка почти не ловит взгляд – Пользователи меньше смотрят – Взгляды рассредоточены в на логотип и больше — на верхней части экрана «Лучшие предложения дня» (1)
  16. 16. Отрицательный результат• Изменение направления взглядя «модели» не повлияло на количество эффективных кликов• Должно быть, это из-за «пузырей», которые отвлекли на себя драгоценное внимание пользователей?• Давайте уберем «пузыри» и протестируем снова!
  17. 17. Дизайн без «пузырей»
  18. 18. Тестирование без "пузырей"• «Косые» глаза • Без «пузырей» – 3 неэффективных клика – 4 (!) неэффективных клика – Пользователи стали кликать миниатюру внизу (зона 2) и ссылки в верхнем меню (зона 1) 1 2
  19. 19. Разбор полетовЧто привлекло пользователей Почему пользователи сталиименно в этой миниатюре? замечать мелкие элементы?
  20. 20. Таинственная миниатюра Эта девушка у вас ассоциируется с отпуском?.. А эта?
  21. 21. Сравним приоритетыЧто бросается в глаза? А здесь?Яркие «пузыри» — бесспорные Когда исчезли «пузыри», их место напобедители в борьбе за внимание пьедестале заметности занялипользователей другие элементы
  22. 22. Тактика победоносной битвы• Вызываем приятные ассоциации – Никакого дресс-кода — только пляжные костюмы• Направляем взгляд на форму – Понижаем визуальную привлекательность второстепенных элементов
  23. 23. Купальник против дресс-кода
  24. 24. Приятные ассоциации + концентрация = …Без пузырей Купальник, без миниатюр 4 неэффективных клика  Ни одного неэффективного клика!  Внимание пользователей снова сконцентрировалось на форме
  25. 25. Взгляд на победителя• В предыдущем опыте мы внесли сразу два изменения• Выясним, какое из них оказалось эффективнее• Вернём миниатюры, оставив девушку в купальнике.
  26. 26. Приятные ассоциации или концентрация?Купальник, без миниатюр Купальник и миниатюры Ни одного неэффективного  2неэффективных клика клика  Пользователи снова стали обращать внимание на миниатюры
  27. 27. Что еще можно сделать с победителем?• Все клики были успешными, но два клика были сделаны не в форму• Оба клика не в форму были сделаны женщинами (хотя и они были эффективными)• Наше объяснение этому — модель в купальнике недостаточно влияет на женщин• А женщины явно покупают туры не реже мужчин• Создадим еще один вариант дизайна, чтобы повысить влияние на женщин
  28. 28. Влияние на женские взгляды • Что для женщины отдых? Море, солнце, знакомство с приятным мужчиной… • Возможно, женщин привлечет фотография романтической пары на пляже?
  29. 29. Романтика и женское вниманиеКупальник, без миниатюр Романтическая пара Ни одного неэффективного  4неэффективных клика клика  Похоже, локоть сработал в двух направлениях…
  30. 30. Все 6 вариантов 3 ошибки 3 ошибки 4 ошибкиБез ошибок! 2 ошибки 4 ошибки
  31. 31. Сравним показатели Любителям диаграмм
  32. 32. Концентрация кликов Клики100% Верхнее меню90% Ссылки вместо баблов80% Миниатюры Бабл70% Акции60% Форма50%40%30% 1 — исходный дизайн 2 — «косые» глаза20% 3 — без «пузырей» 4 — купальник, без миниатюр10% 5 — купальник, с миниатюрами 0% 6 — романтическая пара 1 2 3 4 5 6 Варианты дизайна
  33. 33. Время до кликаСекунды 30 Муж. Жен. 25 1 — исходный дизайн 2 — «косые» глаза 3 — без «пузырей» 20 4 — купальник, без миниатюр 5 — купальник, с миниатюрами 6 — романтическая пара 15 10 5 0 1 2 3 4 5 6
  34. 34. Эффективность100% Неэффект. клик90% Эффект. клик80%70%60%50% 1 — исходный дизайн40% 2 — «косые» глаза30% 3 — без «пузырей» 4 — купальник, без миниатюр20% 5 — купальник, с миниатюрами 6 — романтическая пара10% 0% 1 2 3 4 5 6
  35. 35. Спасибо за внимание!+7 (495) 933-01-37
info@usabilitylab.ru
http://usabilitylab.ruМосква, ул. 8 марта, д. 1, стр. 12

×