Введение
Интерфейс - это совокупность элементов сайта, через которые пользователь
взаимодействует с системой: структура страниц, навигация, визуальные элементы
и способы представления информации.
К 2000 году - появляются исследования, посвященные межкультурным аспектам
интерфейса веб-сайтов. Поскольку культура влияет на то, как люди
взаимодействуют вообще, она будет влиять и на то, как люди взаимодействуют с
компьютерами.
Культурный дизайн стал критически важным элементом процесса
проектирования продуктов и технологий. Компании, которые хотят работать с
разными культурными группами за национальными границами, сталкиваются с
проблемами адаптации при создании своих веб-сайтов. Сайты, которые отражают
культуру целевой страны, оказываются более эффективными.
Культурные маркеры
Для разработки локализованных сайтов для разных культур широко применяются
две модели. Первая - модель культурных маркеров, вторая - модель культурных
измерений.
Культурные маркеры (термин, введеный Barber и Barde (1998)) - это элементы
веб-дизайна, которые преобладают в одних культурах и используются реже в
других, создавая культурно-специфическую визуальную идентичность сайтов. К
таким маркерам относятся использование цвета, пространственная организация,
плотность информации, типы изображений, символы и визуальные метафоры.
Исследования Khanum et al. (2012) по арабским сайтам показали, что культурные
маркеры глубоко обусловлены культурой: для арабских стран характерны особые
предпочтения к структурам справа налево, определенным цветовым палитрам и
большей плотности текста.
Напротив, исследования Punhani and Batra (2014) показали, что немецкие
пользователи предпочитают минималистичный дизайн с большим количеством
пустого пространства, тогда как пользователи из Индии и Пакистана
предпочитают более цветные и информационно насыщенные дизайны. Примеры:
Сайт банка Indian Bank (Индия) и сайт банка HypoVereinsbank (Германия)
У разработчиков программного обеспечения также есть рекомендации по
локализации: например, у Microsoft имеются руководства по
интернационализации, которые касаются содержимого изображений,
расположения графики и т. д. В основном эти рекомендации основаны на
исследованиях по применению модели культурных маркеров.
Маркер цвета
Цвет - один из самых сильных культурных маркеров (цвета фона веб-страницы,
типографика, ссылки, изображения и логотипы). Разные цвета в разных культурах
означают разные вещи. Например, красный цвет в Китае означает счастье, а в
США - опасность. Поэтому использование цвета в интерфейсном дизайне может
оказывать сильное влияние на удовлетворенность и ожидания пользователя.
Анализ культурных маркеров показал, что белый цвет, символизирующий чистоту
и мир в арабской культуре, часто используется как основной цвет фона (85%), а
также как цвет шрифта меню (48%). Синий цвет, который, как предполагается,
обозначает защиту в арабской культуре [15], используется как цвет посещенных и
непосещенных ссылок (55%), а также как цвет фона меню (26%) на большинстве
веб-страниц, которые мы анализировали. Логотип, представляющий
исторический фон страны, можно найти на каждом сайте. Для логотипов обычно
используются несколько цветов, при этом преобладают зеленый и синий.
Примеры: Сайт Министерства образования Саудовской Аравии. Логотипы
университетов Саудовской Аравии
Модель Хофстеде
Модель Хофстеде - одна из ключевых моделей, применяемых для изучения
культурных аспектов в дизайне пользовательских интерфейсов.
Вслед за теорией Хофстеде некоторые исследователи начали применять его
культурную модель для изучения предпочтительных характеристик веб-дизайна в
разных культурах. Эрон Маркус, который является одним из пионеров в этой
области (2000, 2001, 2002 и 2009), провел серию исследований связи между
измерениями Хофстеде и особенностями дизайна веб-сайтов. Он заметил, что
культурные особенности отражаются в дизайне веб-сайтов разных стран.
Несмотря на то что работы Хофстеде и их применение в ИТ-сфере подвергались
серьезной критике, его классификация остается самой популярной. Хофстеде
объясняет, что культурные ориентации глубоко закреплены в культурах на
протяжении веков, поэтому современная технология не может их устранить.
Как правило, в исследованиях используются первые 4 измерения, поскольку
последние 2 мало влияют на интерфейс сайта различных культур.
Дистанция власти
• Измерение «дистанция власти» влияет на организацию контента сайта,
использование статуса людей в текстах, применение официальной
символики, знаков качества и использование формального языка.
Высокая дистанция власти:
• организация большого объема информации по вертикальному или высокому
иерархическому принципу без внимания к важности и связям между
элементами информации (просто длинный список сведений)
• симметричный дизайн веб-страницы
• частое использование фотографий зданий, факультетов и логотипа
университета
• акцент на выдающихся людях (политиках, религиозных деятелях и т. п.) в
оформлении и содержании сайта, что создает ощущение неравенства и
организационной иерархии
• акцент на религии и традициях с повторяющимся использованием
религиозных и национальных символов
• символическое подчеркивание социального и национального порядка.
• структурированный (контролируемый доступ) к информации с ограниченным
числом вариантов
• в культурах с высокой дистанцией власти важно правильное использование
титулов к людям (внимание к содержанию текста)
Пример: Сайт компании Petronas (Малайзия (индекс измерения: 100))
Низкая дистанция власти:
• минимальный акцент на статус и иерархию
• использование фотографий людей в их повседневной неформальной
деятельности
• В культурах с низкой дистанцией власти пользователи предпочитают более
развитую навигацию и контроль на сайте или в системе
• более свободная и гибкая структура страниц
• круглосуточная поддержка, возможность оставить отзыв (например,
вопросы, обзоры), подкасты и аналогичные сервисы
Пример: Сайт компании KONE (Финляндия (индекс измерения: 33))
Индивидуализм vs коллективизм
• Измерение «индивидуализм vs коллективизм» влияет на количество
предоставляемых на сайте вариантов, насыщенность графической
информации, возможности адаптации, общую информационную
насыщенность, организацию контента и создание навигации сайта.
Индивидуализм:
• Фотографии молодежи
• изображения и символы индивидуальных достижений
• Акцент на новых, особых темах
• Использование прямого и неформального языка в действительном залоге
• Постановка маркетингово-ориентированных тем
• Разнообразные настраиваемые опции, например, позволяющие
пользователям выражать личное мнение
• больше контента, где подчеркивается история успеха одного человека
• Макет элементов при высоком индивидуализме более асимметричный
Пример: Сайт Imperial College London (Великобритания (индекс измерения: 76))
Коллективизм:
• фотографии пожилых и опытных людей
• изображения и символы политических, социальных или коллективных /
групповых достижений
• акцент на опыте, традициях и религии
• использование формальной терминологии в страдательном залоге
• постановка организационных вопросов
• ограниченные традиционные методы доступа и варианты
• функции присоединения к группам и поддержка многократной коммуникации
«многие ко многим» (например, веб-форумы, публичные чаты, программы
лояльности, интеграция с социальными сетями)
• более локализованный контент (отсутствие локализации может влиять на
эффективность электронной коммерции)
• рейтинговые таблицы (например, самые скачиваемые мобильные
приложения, самые просматриваемые видео), а также мнению других людей о
продукте или услуге
• Симметричный интерфейс
Пример: Сайт университета Universitas Gadjah Mada (Индонезия (индекс
измерения: 5))
Маскулинность vs феминность (мужественность vs женственность)
• Измерение «маскулинность vs феминность» влияет на формулировку
контента, эстетический дизайн, использование графики, количество
предлагаемых вариантов и организацию выполнения задач.
Маскулинность:
• контент сайта с такими элементами, как годовые отчеты компании, истории
финансового успеха и изображения объектов
• веб-контент, ориентированный на традиции, гендер, семейные и возрастные
различия, а также контент с акцентом на конкуренцию в различных сферах
• показ символов денег, собственности и успеха, таких как финансовые отчеты
• «маскулинные» цвета, фотографии и анимации, выражающие символы власти
и традиции, таких как здания
• упор на функциональности и эффективности
• Ограниченный наборр одинаковых вариантов, ведущих к определенным
целям и быстрому результату
• бизнес- и задачо-ориентированный взгляд, с исполнительским подходом
• акцент на гендерных различиях (явные разные тона и ожидания для каждого
пола)
Пример: Сайт фондовой биржи Borsa Italiana (Италия (индекс измерения: 70))
Феминность:
• демонстрация ориентации на семью и отношения (качество жизни)
• использование «женственных» цветов и изображений, например, фотографии
студентов, которые разговаривают, учатся и смеются вместе
• демонстрация признаков социальной и культурной чувствительности (как знак
внимания к другим)
• акцент на деталях вместо предоставления целостного обзора
• упор на привлекательную форму дизайна
• разнообразие вариантов с установкой на кооперативные отношения и обмен
информацией
• подчеркивание равенства между полами и игнорирование различий между
ними
• больше изображений людей
Пример: Сайт фондовой биржи IMC Trading (Нидерланды (нидекс измерения: 14))
Избегание неопределенности
• Измерение «избегание неопределенности» влияет на отражение элементов
безопасности, формулировку коммуникации и признаков доверия,
насыщенность информации, дизайн навигации, использование подсказок и
дополнительной информации, а также использование графики.
Высокий уровень:
• использование вертикального дизайна
• ясная и понятная организация информации
• предоставление пользователям разных форм подсказок для уменьшения
неоднозначности, например, использование цветовых кодов и специальных
шрифтов
• ограниченный объем информации с небольшим количеством прокрутки
• простая навигационная система с полными и точными действиями
пользователя, ясной обратной связью о статусе пользователя, а также
понятной помощью и картой сайта
• акцент на правилах, дисциплине и формальностях
• простая и понятная форма интерфейса сайта с последовательными,
знакомыми, объективными и осязаемыми символами, связанными с
повседневной жизнью людей
Пример: Сайт интернет-платформы Skroutz (Греция (индекс измерения: 100))
Низкий уровень:
• акцент на гибкости, неформальности, неоднозначности и изменениях
• Использование горизонтального дизайна веб-страниц
• длинные страницы с большой прокруткой
• сложная навигационная система с ограниченным контролем, которая
поощряет пользователя блуждать и просматривать, открывать новые вкладки
и окна, а также использовать абстрактную помощь и ограниченную обратную
связь
• абстрактные картинки и символы
• насыщенность различных элементов, не имеющих четко описанного
результата, например, когда всплывающее окно может внезапно открыться
Пример: Сайт интернет-платформы Shopee (Сингапур (нидекс измерения: 8))