0% нашли этот документ полезным (0 голосов)
2 просмотров8 страниц

UI Aspects Notes

Документ обсуждает важность культурного дизайна в веб-интерфейсах, подчеркивая, как культура влияет на взаимодействие пользователей с сайтами. Он описывает модели культурных маркеров и измерений, а также их влияние на предпочтения в дизайне, включая цвет, организацию контента и навигацию. Приведены примеры сайтов из разных стран, иллюстрирующие, как культурные особенности отражаются в веб-дизайне.

Загружено:

leon.on.on07
Авторское право
© All Rights Reserved
Мы серьезно относимся к защите прав на контент. Если вы подозреваете, что это ваш контент, заявите об этом здесь.
Доступные форматы
Скачать в формате PDF, TXT или читать онлайн в Scribd
0% нашли этот документ полезным (0 голосов)
2 просмотров8 страниц

UI Aspects Notes

Документ обсуждает важность культурного дизайна в веб-интерфейсах, подчеркивая, как культура влияет на взаимодействие пользователей с сайтами. Он описывает модели культурных маркеров и измерений, а также их влияние на предпочтения в дизайне, включая цвет, организацию контента и навигацию. Приведены примеры сайтов из разных стран, иллюстрирующие, как культурные особенности отражаются в веб-дизайне.

Загружено:

leon.on.on07
Авторское право
© All Rights Reserved
Мы серьезно относимся к защите прав на контент. Если вы подозреваете, что это ваш контент, заявите об этом здесь.
Доступные форматы
Скачать в формате PDF, TXT или читать онлайн в Scribd

Введение

Интерфейс - это совокупность элементов сайта, через которые пользователь


взаимодействует с системой: структура страниц, навигация, визуальные элементы
и способы представления информации.

К 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))

Вам также может понравиться