Page 1

文化与界面设计

TSD 张蔚

Copyright 2010 By Neusoft Group. All rights reserved


日本山水画

Copyright 2010 By Neusoft Group. All rights reserved

中国山水画


日本药妆品牌网站

Copyright 2010 By Neusoft Group. All rights reserved

中国药妆品牌网站


目录 • 文化的概念 • • • • • •

Geert Hofstede 文化维度 文化维度与界面设计 互动环节 Edward T. Hall 文化情境度 文化情境度与界面设计 色彩的文化寓意

Copyright 2010 By Neusoft Group. All rights reserved


什么是文化? • • • • •

环境 社会经验 教育 心理程序 思维方式

Copyright 2010 By Neusoft Group. All rights reserved


Stanley N. Herman 文化冰川

Copyright 2010 By Neusoft Group. All rights reserved


Stanley N. Herman 文化冰川 显性文化差异 • 语言 • 行为 • 审美 • 政策与规章制度

隐性文化差异 • 价值观 • 态度 • 认知

Copyright 2010 By Neusoft Group. All rights reserved


目录 • 文化的概念

• Geert Hofstede 文化维度 • • • • •

文化维度与界面设计 互动环节 Edward T. Hall 文化情境度 文化情境度与界面设计 色彩的文化寓意

Copyright 2010 By Neusoft Group. All rights reserved


Geert Hofstede 文化维度 • 100,000 IBM员工 • 70多个西方国家 • 0-100分

Copyright 2010 By Neusoft Group. All rights reserved


Geert Hofstede 文化维度 • • • • •

权力距离(power distance) 不确定性避免(uncertainty avoidance) 个人主义 (individualism) 阳刚度 (masculine) 长线取向 (long term orientation)

Copyright 2010 By Neusoft Group. All rights reserved


权力距离(Power Distance Index) 社会对特权和不平等的忍耐度

• • • •

集权度 收入差异 公司组织结构(扁平金字塔或者垂直金字塔) 对不同工种(蓝领,白领)的看待方式

• PDI高的国家 马来西亚,菲律宾,印度等 • PDI低的国家 澳大利亚,丹麦,瑞典,挪威等

Copyright 2010 By Neusoft Group. All rights reserved


不确定性避免(Uncertainty Avoidance Index) 社会对无结构的组织以及模棱两可的事情的容忍度

• • • •

通才与专家 书面规范 变化容忍度与标准度 冒险意愿

• UAI高的国家 希腊,葡萄牙,日本,法国等 • UAI低的国家 澳大利亚,瑞典,英国,美国等

Copyright 2010 By Neusoft Group. All rights reserved


个人主义 (Individualism) 反方向则是集体主义,表明了个体融入群体组织内部的程度

• • • •

个体之间联系 直系亲属与群体 员工利益的捍卫 集体荣誉感与个人能动性

• IDV高的国家 美国,澳大利亚,英国,荷兰等 • IDV低的国家 委内瑞拉,哥伦比亚,台湾等

Copyright 2010 By Neusoft Group. All rights reserved


阳刚度 (Masculine) 对立面则是阴柔度,该指数由解决问题时男性女性角色的不同分配而定义的。 阳刚度高的社会价值观具有竞争性与独断性,阴柔度高的社会则体贴而中庸。

• • • •

性别角色 组织对个人生活的干预程度 柔和弹性与竞争公平 社会责任感与工作成就

• MAS高的国家 日本,奥地利等 • MAS低的国家 瑞典,丹麦,泰国,芬兰等

Copyright 2010 By Neusoft Group. All rights reserved


长线思维(Long Term Orientation) 对立面是短线思维。 长线思维模式关注未来,而短线思维模式关注过去和此 时此地。 • 投资方向(将来与当下) • 关注利润(缓慢结果与季度年度) • 储蓄与消费

• LTO高的国家 中国,日本等 • LTO低的国家 菲律宾,英国,美国等

Copyright 2010 By Neusoft Group. All rights reserved


查询个人的文化纬度分数

http://geert-hofstede.com/cultural-survey.html

Copyright 2010 By Neusoft Group. All rights reserved


目录 • 文化的概念 • Geert Hofstede 文化维度

• 文化维度与界面设计 • • • •

互动环节 Edward T. Hall 文化情境度 文化情境度与界面设计 色彩的文化寓意

Copyright 2010 By Neusoft Group. All rights reserved


权力距离(Power Distance Index) 社会对特权和不平等的忍耐度

PDI低 • 网站信息层次扁平化 • 使用普通消费者的形象 • 隐藏社会角色,使用普通市民或者 员工的形象 • 少量使用表达社会等级与层次的符 号 • 含蓄表达限制访问模块或者提升网 站透明度

Copyright 2010 By Neusoft Group. All rights reserved

PDI高 • 网站信息层次垂直化 • 使用专家,老人或者权威人士的形象 • 凸显社会角色,使用领导者的形象 • 使用表达社会等级与层次的符号,比 如官方Logo或者印章标志 • 明确表达限制访问的模块


斯德哥尔摩大学 低 PDI (18)

Copyright 2010 By Neusoft Group. All rights reserved

www.su.se


马来西亚工艺大学 高PDI(104)

Copyright 2010 By Neusoft Group. All rights reserved

www.utm.my


不确定性避免(Uncertainty Avoidance Index) 社会对无结构的组织以及模棱两可的事情的容忍度

UAI低 • 最大化内容与选择度,增加页面复 杂性 • 对用户徘徊与冒险有较大容忍度, 避免过度保护用户 • 减少导航的控制性 • 帮助系统辅助用户理解整体的概念 而非完成单独的任务

Copyright 2010 By Neusoft Group. All rights reserved

UAI高 • 界面简洁,运用大量隐喻元素,减 少选择机会,限制数据量 • 暗示操作后的结果 • 清晰的导航框架防止用户迷失 • 帮助系统减少用户可能的操作错误


芬兰航空公司 低 UAI (59)

Copyright 2010 By Neusoft Group. All rights reserved

www.finnair.com


爱情海航空公司 高 UAI (100)

Copyright 2010 By Neusoft Group. All rights reserved

En.aegeanair.com


个人主义 (Individualism) 反方向则是集体主义,表明了个体融入群体组织内部的程度

IDV低 • 凸显集体成就,隐藏个体成就 • 通过社会或者政治符号来展示成功 • 展示官方标语,隐藏与主流思想矛 盾的言论 • 凸显富有经验,睿智的领导者形象 • 焦点置于众人或使用产品的个人 • 展示品牌的历史与传统

Copyright 2010 By Neusoft Group. All rights reserved

IDV高 • • • • • •

凸显或者夸大个人成就 通过物质与消费主义来展示成功 宽容矛盾对立的言论 凸显富有行动力的年轻人的形象 焦点置于个人 展示创新与独特的特点


印度尼西亚国家公园 低IDV (26)

Copyright 2010 By Neusoft Group. All rights reserved

www.komodonationalpark.org


荷兰国家森林公园 高IDV (80)

Copyright 2010 By Neusoft Group. All rights reserved

www.hogeveluwe.nl


阳刚度 (Masculine) 阳刚度高的社会价值观具有竞争性与独断性,阴柔度高的社会则体贴而中庸。

MAS低 • 性别角色模糊化 • 强调多面协作,交换资源以及关联 合作 • 通过诗歌,视觉美学取得用户注意 • 实现统一化的价值

Copyright 2010 By Neusoft Group. All rights reserved

MAS高 • • • •

传统性别角色以及年龄角色 强调团队角色以及各级领导的控制 通过比赛以及游戏去取得用户注 达到功利主义的目的


Excite Website Japan 高MAS (95)

Copyright 2010 By Neusoft Group. All rights reserved

www.woman.excite.co.jp


Excite Website Netherlands 低MAS (14)

Copyright 2010 By Neusoft Group. All rights reserved

www.excite.nl


长线思维(Long Term Orientation) 长线思维模式关注未来,而短线思维模式关注过去和此时此地。

LTO低 • 通过规则去构建信息与可信度 • 亟需显而易见,立刻能完成的目标 与结果

Copyright 2010 By Neusoft Group. All rights reserved

LTO高 • 通过关系去构建信息与可信度 • 在达成目标与结果时候充满耐心


西门子德国官方网站 www.siemens.com/answers/dk 低LTO (31)

Copyright 2010 By Neusoft Group. All rights reserved


西门子中国官方网站 www.siemens.com/answers/cn 高LTO (118)

Copyright 2010 By Neusoft Group. All rights reserved


目录 • 文化的概念 • Geert Hofstede 文化维度 • 文化维度与界面设计

• 互动环节 • Edward T. Hall 文化情境度 • 文化情境度与界面设计 • 色彩的文化寓意

Copyright 2010 By Neusoft Group. All rights reserved


互动环节

Copyright 2010 By Neusoft Group. All rights reserved


中国toysrus官网

Copyright 2010 By Neusoft Group. All rights reserved


•权力距离↘

信息层次扁平化 使用普通消费者的形象 少量使用表达社会等级的符号 提升网站透明度

•个人主义↗

凸显或者夸大个人成就 通过物质与消费主义来展示成功 宽容矛盾对立的言论 凸显富有行动力的年轻人的形象 焦点置于个人 展示创新与独特的特点

Copyright 2010 By Neusoft Group. All rights reserved


•不确定性避免↗ 运用隐喻元素 清晰的导航框架 限制用户的选择机会 提供操作结果暗示 防止出错系统

•长线取向↘

通过规则去构建信息与可信度 使完成的目标与结果显而易见

Copyright 2010 By Neusoft Group. All rights reserved


美国toysrus官网

Copyright 2010 By Neusoft Group. All rights reserved


目录 • • • •

文化的概念 Geert Hofstede 文化维度 文化维度与界面设计 互动环节

• Edward T. Hall 文化情境度 • 文化情境度与界面设计 • 色彩的文化寓意

Copyright 2010 By Neusoft Group. All rights reserved


Edward T. Hall 文化情境度 • 信息传递与接收 • 准确性和清晰性 • 相对高低

Copyright 2010 By Neusoft Group. All rights reserved


高情境文化(High-context culture)

• • • • •

重视“情境”而非“内容” 沟通含蓄 局外人难以介入 人际关系持续长期化 商务谈判中,重视“时间”“效率”胜过“形式”

• 高情境文化的国家 日本阿拉伯国家,希腊,西班牙等

Copyright 2010 By Neusoft Group. All rights reserved


低情境文化(Low-context culture)

• • • • •

重视“内容”而非“情境” 沟通直接,以文字为主 局外人容易介入 人际关系持续短期化 商务谈判中,重视“形式”胜过“实践”

• 低情境文化的国家 美国,英国,德国等

Copyright 2010 By Neusoft Group. All rights reserved


目录 • • • • •

文化的概念 Geert Hofstede 文化维度 文化维度与界面设计 互动环节 Edward T. Hall 文化情境度

• 文化情境度与界面设计 • 色彩的文化寓意

Copyright 2010 By Neusoft Group. All rights reserved


文化情境度 高情境文化 • 精心制作以及丰富的动画 • 图像展示活跃的人群或个体 • 人物与产品结合的图像 • 半透明的网站框架,鼓励用户尝试 • 众多侧边和顶部导航,在新的窗口 打开新页面

Copyright 2010 By Neusoft Group. All rights reserved

低情境文化 • 少量使用的动画 • 图像展示放松的个体 • 人物单独的图像 • 透明清晰的网站框架 • 少量侧边和顶部导航,在原先窗口打 开新页面


麦当劳日本商店列表 半透明的网站框架

Copyright 2010 By Neusoft Group. All rights reserved

http://www.mcdonalds.co.jp/s hop/map/mcd_shop.php


麦当劳瑞士商店列表 透明清晰的网站框架

Copyright 2010 By Neusoft Group. All rights reserved

http://www.mcdonalds.ch/d e/restaurantfinder


肯德基日本主页 大量卡通形象

Copyright 2010 By Neusoft Group. All rights reserved

http://www.kfc.co.jp/top.html


肯德基德国主页 简洁大图

Copyright 2010 By Neusoft Group. All rights reserved

http://www.kfc.de/


可口可乐日本

http://www.kfc.jp/

团体图片,产品和人物结合

Copyright 2010 By Neusoft Group. All rights reserved


http://www.coca可口可乐美国 colacompany.com/brands/coca-cola/ 个体图片,产品和人物脱离

Copyright 2010 By Neusoft Group. All rights reserved


色彩的文化寓意

Copyright 2010 By Neusoft Group. All rights reserved


目录 • • • • • •

文化的概念 Geert Hofstede 文化维度 文化维度与界面设计 互动环节 Edward T. Hall 文化情境度 文化情境度与界面设计

色彩的文化寓意

Copyright 2010 By Neusoft Group. All rights reserved


色彩寓意举例

白色

宝蓝色

东亚:哀悼或死亡 澳大利亚:快乐或纯洁

荷兰:温暖 瑞典:冷酷 印度:纯洁

Copyright 2010 By Neusoft Group. All rights reserved


色彩寓意举例

草绿色

正红色

马拉西亚:危险和疾病 日本:爱情与快乐与冒险精神 美国:好品味与冒险精神

中国:骄傲,幸运 德国:不幸 印度:野心和愿望

Copyright 2010 By Neusoft Group. All rights reserved


色彩寓意举例

紫色 日本:罪孽和恐惧 墨西哥:愤怒和妒忌 中国:爱情,神秘和昂贵

Copyright 2010 By Neusoft Group. All rights reserved


色彩文化寓意图

Copyright 2010 By Neusoft Group. All rights reserved


Q&A

Copyright 2010 By Neusoft Group. All rights reserved

Culture dimensions and interface design  

《文化与界面设计》workshop

Read more
Read more
Similar to
Popular now
Just for you