当前课程知识点：User Experience (UX) Design: Human Factors and Culture in Design > 4-Chinese User Experience Design: A Case study > 4.1.2-Information Visualization > VIDEO
返回《User Experience (UX) Design: Human Factors and Culture in Design》慕课在线视频课程列表
返回《User Experience (UX) Design: Human Factors and Culture in Design》慕课在线视频列表
有一个荷兰的朋友，
做了一个研究，
关于一个隐喻，
一个大学校园的隐喻。
你会画怎样的一幅图来展示大学校园？
你现在正在网上学习，不是在一个真实的校园里学习。
你和我，现在实际上是在一个虚拟的校园里。
我们怎么
描述这个虚拟校园？
虚拟校园和真实校园是不一样的。
但是，如果你想要画一幅画来展示头脑中的虚拟校园，
你会怎么考虑？
或者，当我说大学校园时，
你的脑海中首先浮现的是什么？ 什么是你觉得需要包含在这幅画里面的？
在你的心智模型里有什么？
我们在图画里如何表现一个大学的样子？
我的朋友告诉我，
一个虚拟校园的隐喻能够很好地被理解
北美学生来说能够很好理解。然而，却不会被
被其他文化的学生认为是一个虚拟校园，比如，中国学生。
在中国，大多数学院和大学
有一个清晰的边界，
有一个围墙，
有大门，就像清华大学。如果你想参观清华大学，
你想要去参观东门，西门，或者只参观清华大学的东门，
你会看到很多人照相。
在东门，
西门同样非常有名。
你也能看到很多游客，
许多中国游客，
来自中国的各个地方，
参观清华大学，照相。 而且你会发现有很多小孩子，
你会看到老师，家长带着小孩来清华大学。
如果你懂中文，
你会听到类似于这样的对话
“亲爱的学生们，女孩们，男孩们，这是一个非常好的大学。
如果你将来想到这个大学学习，让我们来参观这个校园，
让我带领你们参观校园。如果你喜欢，如果你好好学习，你就能到这个大学学习。
但是虚拟校园是怎么样的呢？现在你和我在虚拟校园里学习，我们确实在一个虚拟校园里。
你想为这个虚拟校园画一堵墙么？
这有点奇怪。
因为确实没有墙啊。
信息技术
打破了这堵墙。
这里没有墙。
但是很多大学并没有清晰的边界，比如校园的围墙。在英语里面我们说“on campus”(在校园内)“off campus”(在校园外)。
如果没有看到清晰的边界，我们怎么知道是“on”还是“off”？
这个问题可能非常简单
对于
欧洲学生或者美国学生来说。
但是对中国学生而言，
也很简单。在边界里，在围墙里，我们说“on campus”。
在边界外，在围墙外，我们说“off campus”，在大门外，我们也说“off campus”。
但是又回到最初的问题，如果让你画一幅图，来展示你认知的大学，
要不要
画一堵墙？
这是有差别的。
如果你去中国门户网站，
即使你不懂中文
你会发现它的设计风格是完全不同
于很多其他国家的门户网站。
我们称之为丰富的门户网站设计风格。
相对于简单设计风格，
你会看到很多文本超链接，
还有
你会看到动画，
你会看到很多广告横幅，各种各样的形状，遍布整个网页，而且这个网页非常非常长。
你必须向下滚向下滚向下滚……
我和设计这些网站的朋友交流过。
我问他们
谁教他们做网站设计。
为什么设计这种网页？
这种有这么超链接，这么多图片，这么多动画横幅的网页？
信息铺天盖地，
意味着对人们来说，有太多信息要获取。
你不会中文也没有关系，
你同样可以发现如此多的超链接。
你会发现这些文本，这些中文，
彼此之间非常紧凑。
行距非常非常小。
汉字之间的距离非常小。
从文本可辨别性来说，
我们通常认为短句子很容易读，
但如果这一行在任意位置结束，非常短的句子也不好读。
中国汉字是象形字。
你会看到不同的字体
在中文里。
在这个例子，你看到不一致
中文字体。
即使你不懂中文，
你可以区别不同的字体。
我们建议你用一致的简单形式的字体
在中文里。
一个网页，
中国设计者倾向于有比较小的汉字。
大一点的汉字比较好读。
但是有时候看起来不是那么好看。
带有汉字的设计
是不同的。
在中国的门户网站，
图片太多，
设计者
告诉我，因为用户想要动画，想要超链接。
但是，这里的“用户”是谁？
他们告诉我，
是那想要为它们的产品、服务或者公司本身在网站上做广告的公司。这些中国门户网站
努力地挤出尽可能多的空间为这些想要做广告的人。因为门户网站靠这些人养活。
这是铺天盖地的图片的主要原因，
以及Flash和动画。
但是如果你想要为中国人设计一个网页或者用户界面，如果你不想只是为
为你的产品、
服务，或者你的公司名字，或者你自己做广告，
我建议你最好选择合适种类的图片。
而且最好遵循相关传统。
而且最好把文本和图片结合起来。
你需要考虑分辨率的问题，还有文件尺寸问题。
再者，对于丰富的中文
门户网站，我们看到很多动画和视频短片。
动画通常用来图解运动，
用来提供动态的反馈，用来吸引注意力，但是如果有太多动画，
用户的注意力很难被吸引。
动画通常用来展示系统是如何工作的。
视频短片通常用来传达人的行为和情感，
来展示用户不能直接看到的事件。
而且视频短片可以用来激励用户，可以提供上下文的信息。
但是，包括太多的动画和视频短片在一个网页上
也许不是一个好主意。
你可以访问中国门户网站，
然后亲自体验一下。
如果你真的这么做了，
你还会听到，
声音、音乐、歌曲，
是这些广告的声音。
声音效果可以加强视觉组件，
在理想情况下，
声音可以加强这些广告的效果。
声音也可以用来确认成功完成
一次操作，而且声音可以吸引注意力。
音乐，
有歌词的音乐，效果可能不同。
对重复性操作，使用音乐必须很小心，如果用户对音乐里的歌词很熟悉，
他们的注意力
能够很容易的被吸引。
但是这个音乐没有歌词，如果没有人声在这个音乐里，
它会被认为是背景音乐
被人们无视，
无视这个音乐。
但是如果你想要吸引注意力，如果你让这个声音太大、
太强，
对设计门户网站来说也不是一个好主意。
-1.0-Course Introduction
--1-0
-1.1-Early History of Human Factors/Ergonomics
--1.1
-1-Introduction of Human Factors HCI and Human-Cen
-1.2-Physical Ergonomics
--1.2
-1-Introduction of Human Factors HCI and Human-Cen
-1.3-Ergonomics in Ancient China
--1.3
-1-Introduction of Human Factors HCI and Human-Cen
-1.4-Cognitive Ergonomics
--1.4
-1.4-Cognitive Ergonomics-quiz
-1.5-Human Information Processing
--1.5
-1.5-Human Information Processing-quiz
-1.6-Organizational Ergonomics and Human-Centered Design
--1.6
-1.6-Organizational Ergonomics and Human-Centered Design-quiz
-1.7-Homework
--Week 1
-2.1-Examples of Culture Differences
--2.1
-2.1-Examples of Culture Differences-quiz
-2.2-Culture Differences and Design
--default
-2.2-Culture Differences and Design-quiz
-2.3.1-Culture Theories
--2.3.1
-2.3.1-Culture Theories-quiz
-2.3.2-Culture Theories
--video
-2.3.2-Culture Theories-quiz
-2.3.3-Culture Theories
--video
-2.3.3-Culture Theories-quiz
-2.4-Homework
--Week 2
-3.1.1-Trust on Technology
--video
-3.1.1-Trust on Technology-quiz
-3.1.2-Trust on Technology
--video
-3.1.2-Trust on Technology-quiz
-3.2-Time management and Time orientation
--video
-3.2-Time management and Time orientation-quiz
-3.3.1-Cognitive Styles and Decision Making
--video
-3.3.1-Cognitive Styles and Decision Making-quiz
-3.3.2-Cognitive Styles and Decision Making
--video
-3.3.2-Cognitive Styles and Decision Making-quiz
-3.4 Homework
--Week 3
-Mid-term report
--Midterm Report
-4.1.1-Information Visualization
--video
-4.1.1-Information Visualization-quiz
-4.1.2-Information Visualization
--VIDEO
-4.1.2-Information Visualization-quiz
-4.2-Control of Interaction
--video
-4.2-Control of Interaction-quiz
-4.3.1-Case: Rural Chinese Users
--VIDEO
-4.3.1-Case: Rural Chinese Users-quiz
-4.3.2-Case: Rural Chinese Users
--video
-4.3.2-Case: Rural Chinese Users-quiz
-4.3.3-Case: Rural Chinese Users
--video
-4.3.3-Case: Rural Chinese Users-quiz
-4.4-Homework
--Week 4
-5.1-Development of Robot
--video
-5.1-Development of Robot-quiz
-5.2.1-How to design a culturally adaptive robot?
--video
-5.2.1-How to design a culturally adaptive robot?-quiz
-5.2.2-How to design a culturally adaptive robot?
--video
-5.2.2-How to design a culturally adaptive robot?-quiz
-5.3-Communication styles and recommendations acceptance from robots
--video
-5.3-Communication styles and recommendations acceptance from robots-quiz
-5.4-Homework
--Week 5
-6.1-Group decision making
--video
-6.2-Culturally normative communication style
--video
-6.3.1- Senior Experience Suit
--video
-6.3.2- Senior Experience Suit
--video
-6.4- Lab of Usability and HCI
--video
-6.5- Homework
--Week 6
-Final Report
--Final Report
