184. взгляд со стороны
DESCRIPTION
Взгляд со стороны или как люди из разных стран смотрят на одну и ту же веб-страницу. Юлия Суворова расскажет о том, какой интересный опыт для проектирования интерфейсов можно почерпнуть из кросскультурных исследований.TRANSCRIPT
![Page 1: 184. взгляд со стороны](https://reader033.vdocuments.site/reader033/viewer/2022050817/557fa05dd8b42a331b8b46cc/html5/thumbnails/1.jpg)
Взгляд со стороны или как люди из разных стран
смотрят на одну и ту же веб-страницу
184 вебинар UX Russia
Юлия Суворова
7 февраля 2013
![Page 2: 184. взгляд со стороны](https://reader033.vdocuments.site/reader033/viewer/2022050817/557fa05dd8b42a331b8b46cc/html5/thumbnails/2.jpg)
• 1-страничный сайт отеля Marriott
• 5 заданий на сайте
• 17 стран-участниц
• 30 тестов на страну (в среднем)
• 510 респондентов
Дано:
![Page 3: 184. взгляд со стороны](https://reader033.vdocuments.site/reader033/viewer/2022050817/557fa05dd8b42a331b8b46cc/html5/thumbnails/3.jpg)
Выделяем области интереса (AOI)
![Page 4: 184. взгляд со стороны](https://reader033.vdocuments.site/reader033/viewer/2022050817/557fa05dd8b42a331b8b46cc/html5/thumbnails/4.jpg)
Навигация
Найти на сайте переход в фотогалерею
Вот он!
![Page 5: 184. взгляд со стороны](https://reader033.vdocuments.site/reader033/viewer/2022050817/557fa05dd8b42a331b8b46cc/html5/thumbnails/5.jpg)
Навигация: кто привык к вкладкам внизу?
Время до первого взгляда на навигационные вкладки (в секундах)
![Page 6: 184. взгляд со стороны](https://reader033.vdocuments.site/reader033/viewer/2022050817/557fa05dd8b42a331b8b46cc/html5/thumbnails/6.jpg)
Поляки ищут навигацию
![Page 7: 184. взгляд со стороны](https://reader033.vdocuments.site/reader033/viewer/2022050817/557fa05dd8b42a331b8b46cc/html5/thumbnails/7.jpg)
Два типа культура
Вербальная коммуникация
Упор на факты
Высокий уровень абстракции
Гибкость и адаптация под изменения
Невербальная коммуникация
Упор на обстоятельства
Конкретность и образность
Сильное влияние традиций и стереотипов
Классификация культур Холла (1976)
Высоко-контекстные
культуры
Низко-контекстные
культуры
![Page 8: 184. взгляд со стороны](https://reader033.vdocuments.site/reader033/viewer/2022050817/557fa05dd8b42a331b8b46cc/html5/thumbnails/8.jpg)
География культур
![Page 9: 184. взгляд со стороны](https://reader033.vdocuments.site/reader033/viewer/2022050817/557fa05dd8b42a331b8b46cc/html5/thumbnails/9.jpg)
Какой национальности UX
США
Бразилия
![Page 10: 184. взгляд со стороны](https://reader033.vdocuments.site/reader033/viewer/2022050817/557fa05dd8b42a331b8b46cc/html5/thumbnails/10.jpg)
Какой национальности UX
США
Индия
![Page 11: 184. взгляд со стороны](https://reader033.vdocuments.site/reader033/viewer/2022050817/557fa05dd8b42a331b8b46cc/html5/thumbnails/11.jpg)
Загадочная русская душа
![Page 12: 184. взгляд со стороны](https://reader033.vdocuments.site/reader033/viewer/2022050817/557fa05dd8b42a331b8b46cc/html5/thumbnails/12.jpg)
Навигация: русские любят глазами
Время до первого клика на большую картинку
![Page 13: 184. взгляд со стороны](https://reader033.vdocuments.site/reader033/viewer/2022050817/557fa05dd8b42a331b8b46cc/html5/thumbnails/13.jpg)
Тексты на сайте
Найти информацию о номерах
Она находится за
сгибом и содержит
много букв
![Page 14: 184. взгляд со стороны](https://reader033.vdocuments.site/reader033/viewer/2022050817/557fa05dd8b42a331b8b46cc/html5/thumbnails/14.jpg)
Это занимает почти весь экран после прокрутки
![Page 15: 184. взгляд со стороны](https://reader033.vdocuments.site/reader033/viewer/2022050817/557fa05dd8b42a331b8b46cc/html5/thumbnails/15.jpg)
Много букв…
Среднее время фиксации взгляда на тексте
![Page 16: 184. взгляд со стороны](https://reader033.vdocuments.site/reader033/viewer/2022050817/557fa05dd8b42a331b8b46cc/html5/thumbnails/16.jpg)
Две линии поведения
От текста к символу От символа к тексту
![Page 17: 184. взгляд со стороны](https://reader033.vdocuments.site/reader033/viewer/2022050817/557fa05dd8b42a331b8b46cc/html5/thumbnails/17.jpg)
Информация об услугах
Найти информацию о дополнительных сервисах в отеле
Они здесь
(в информационной
части)
![Page 18: 184. взгляд со стороны](https://reader033.vdocuments.site/reader033/viewer/2022050817/557fa05dd8b42a331b8b46cc/html5/thumbnails/18.jpg)
Это в «Об отеле» или в «Об отеле»?
Не стоит разносить информацию одного класса в разные концы экрана
![Page 19: 184. взгляд со стороны](https://reader033.vdocuments.site/reader033/viewer/2022050817/557fa05dd8b42a331b8b46cc/html5/thumbnails/19.jpg)
А вот то же самое о программе лояльности
Бельгийцы продолжают цепляться за основную навигацию
![Page 20: 184. взгляд со стороны](https://reader033.vdocuments.site/reader033/viewer/2022050817/557fa05dd8b42a331b8b46cc/html5/thumbnails/20.jpg)
Бронировать!
Забронировать номер в отеле
Конечно же здесь
![Page 21: 184. взгляд со стороны](https://reader033.vdocuments.site/reader033/viewer/2022050817/557fa05dd8b42a331b8b46cc/html5/thumbnails/21.jpg)
А был ли паттерн?
![Page 22: 184. взгляд со стороны](https://reader033.vdocuments.site/reader033/viewer/2022050817/557fa05dd8b42a331b8b46cc/html5/thumbnails/22.jpg)
Что мне с этим делать
• Если разрабатываете иноязычную версию сайта – подумайте о культурном контексте.
• Просто перевести сайт на другой язык может быть недостаточно.
• Обратите внимание на паттерны, сформированные в других странах.
Проведите исследование
![Page 23: 184. взгляд со стороны](https://reader033.vdocuments.site/reader033/viewer/2022050817/557fa05dd8b42a331b8b46cc/html5/thumbnails/23.jpg)
Спасибо за внимание!