Sctronlinux Lab: 用户界面交互

未来的多媒体中心Microsoft Surface

Sat, 02 Jun 2007 15:22:38 GMT

Microsoft Surface

记得以前电影里才见过如此的虚幻画面，概念级的产品，微软终于发布了类似的产品 Microsoft Surface 。所谓 Microsoft Surface 就是一台配有水平放置的30英寸的可触摸（不用完全碰它就能和它交流, 官方Q&A中说它使用摄像头来感应物体）的等离子或者液晶屏幕的电脑。从前在科技馆、电影中看到过，谁不想自己拥有一台类似的“桌子”呢。先来段 TV Show 陶醉下。

http://link.brightcove.com/services/player/bcpid932579976?bclid=932553050&bctid=933742930

这里还有些图片。

官方网站：http://www.microsoft.com/surface/

第一次进入，buffering...载入时间会比较长，请耐心等待。

官方视频下载点击这里。

Go Top

PS. 上次说过的 Popfly 目前已经可以直接向微软申请邀请了。见以前的blog 《使用popfly，你是Microsoft初学者吗？》

登录官方网站 http://www.popfly.ms/ ，使用live帐号登录后可以直接申请邀请了。

刚收到邀请，使用后，向大家放出最新的感受。

GUI设计禁忌（书摘）

Thu, 19 Apr 2007 14:45:15 GMT

1. 同一页面包含重复功能的链接或按钮
2. 将复选框用作单选按钮
3. 无初始值的多选一设置
4. 在非开/关设置中使用复选框
5. 用文本框显示只读数据
6. 单选按钮之间间隔太大
7. 属性标记对齐方式不一致
8. 当前无效的控件不充分置灰
9. 显示对用户无意义的错误提示
10. 不同的类型页面窗口显示相同的标题
11. 窗口的标题和调用的命令不一致
12. 要求用户输入随机数
13. 相似的功能却有不一致的用户操作界面
14. 取消按钮无法真正取消操作
15. 网站结构反映公司的结构或网站升级的历史
16. 返回按钮不能达到预期的目的
17. 搜索选项过多，过度复杂
18. 使用容易被忽略的隐藏的图片链接
19. 需要向下滚动才能看到当前页的重要信息
20. 图片按钮对鼠标按下操作没有视觉变化
21. 无意义的虚假进度条
22. 执行长时间的任务时鼠标指针不显示成忙状态
23. 不考虑用户可能的人为的错误输入
24. 认为好的UI就是漂亮的UI
25. 盲目错误的使用页面模块化设计

Go Top

用户界面设计的指导原则（书摘）

Thu, 19 Apr 2007 14:37:27 GMT

阐述一些指导原则的样本，它们用于界面导航、组织显示、引起用户注意以及方便数据输入。指导原则是一个好的起点，它们可以告诉设计者一些有益的经验，但常常需要一些管理过程促进教育、执行、增减以及提高。

界面导航

美国国家癌症研究所的388条指导原则，已被一些研究发现所证实，它涵盖了设计过程、通用原则以及特殊规则。指导原则的这个实例提供了独具风格的有益建议：

将任务序列标准化

在相似的环境下，允许用户以相同的顺序和方法执行任务。

确保嵌入式链接是描述性的

当使用嵌入式链接的时候，链接文字应该准确描述链接的目的地。

使用惟一的描述性标题

使用相互之间独一无二的标题，并且标题要从概念上与它们所描述的内容相关联。

将单选框用于二元选择

当用户要在两个清晰易辨的选项（如“开”或者“关”）中做出选择时，提供单选框控件

开发适宜打印的网页

如果用户可能打印一页或者更多的网页，那么要开发宽度适于打印的网页。

使用缩略图来预览大图

当查看原本尺寸的图片不是很重要时，就先提供图片的缩略图。

组织显示

显示设计是个大话题，它包含许多特殊情况。Smith和Mosier（1986）提出了五个高层目标，并将它们作为面向数据显示的指导原则的一部分。

数据显示的一致性

在设计过程中，通过使用事先写好的（或是计算机管理的）项目字典，对术语、缩略语、格式、颜色、大小写进行标准化和控制。

让用户有效地吸引信息

数据格式应该为操作人员所熟悉，并与需要这些数据的任务相关联。这个目标可以通过以下规则来实现：数据列保持整齐，字母和数字左对齐，整数右对齐，小数点排成列，合理空格，使用易懂的标签，适当的度量单位以及十进制数位个数。

尽量减少用户的记忆负担

设计者不应要求用户记住某个屏幕的信息，然后将其用在另一个屏幕上。安排任务时应让用户以尽可能少的操作完成工作，并尽可能降低其忘记某个步骤的可能性。对新用户和间歇用户应提供标签和通用格式。

数据显示与数据输入相兼容

数据显示格式应与数据输入格式清晰地联系起来。在可能并且合适的地方，输出字段也应作为可编辑的输入字段。

用户可以灵活地控制数据显示

用户应能从最方便当前任务的数据显示中获取信息。例如，用户应能很容易改变行列的顺序。

引起用户注意

由于用户正常工作时可能要面对大量的信息，所以异常情况或者与时间相关的信息，必须用特殊的方式加以显示，从而吸引用户的注意力（Wichens 和 Hollands, 2000）。以下这些指导原则详述了用来吸引用户注意力的几种技术。

亮度

仅使用两种亮度，在有限的场合用高亮度吸引注意力。

标记

加下划线、加边框、用箭头指示或者使用指示标记，如星号、小圆点、破折号、加号或叉号。

尺寸

使用4种尺寸，让大的尺寸吸引更多的注意力。

字体选择

使用3种字体。

反相显示

使用反相着色。

闪烁

在有限的区域里谨慎地使用闪烁显示（2-4Hz）或者闪烁的颜色变化。

颜色

使用4种标准颜色，其他的颜色在特殊场合下使用。

音频

使用柔和的音调表示正常的积极反馈；使用刺耳的音调表示很少发生的紧急情况。

但是要注意，过度使用以上技术会使显示画面变得杂乱。一些网页设计者使用闪烁式广告或者活动图标来吸引用户的注意力，但用户几乎普遍反对这种做法。用户认可动画的主要情形是，动画提供有意义的信息，比如指示进度的信息。对新用户而言，他们需要简单、组织合理、标注清楚的显示画面来指导他们进行操作。而专家用户喜欢使用有限的字段标签，这样可以更容易地获取数据值。对于变化值，微妙的突出显示(highlighting)或者位置显示就已足够。至于显示格式，必须配合用户对它进行测试，看它是否容易理解。

方便数据输入

数据输入工作可能占用用户相当多的时间，而且可能导致既让人沮丧又包含潜在危险的错误。Smith和Mosier（1986）针对数据输入提出了五个高层目标，并将它们作为指导原则的一部分。

数据输入事务的一致性

在所有条件下应使用相似的操作序列、分隔符和缩略语等。

尽量减少用户操作

越少的输入操作意味着越高的生产率，同时通常也意味着较低的出错几率。使用一次按键、鼠标选择、手指触压而不是通过输入一长串字符进行选择，这类操作具有潜在的好处。从列表中进行选择这种方式消除了用户的记忆压力，使决策工作结构化，也消除了键入错误的可能性。然后，如果用户必须用手从键盘移到另一种输入设备上，这种好处就会丧失，因为手离开了引导行（home-row）的位置。专家用户通常更愿意键入6-8个字母而不是把手移到光笔、操纵杆或者其他选择设备。这个原则的第二个方面是避免多余数据的输入。在两个地方输入相同信息会让用户觉得厌烦，这不仅浪费精力，而且容易出错。当两个地方需要相同信息时，系统应当帮用户将信息复制过去，而用户仍可以通过重新输入覆盖已有的信息。

尽量减轻用户的记忆负担

当用户进行数据输入时，不应要求他们记住长长的代码清单以及复杂的命令语句。

数据输入与数据显示相兼容

数据输入的信息格式应与数据显示的信息格式紧密相关。

让用户灵活地控制数据输入

有经验的数据输入员可能喜欢按自己能控制的方式输入信息。灵活性可能与一致性原则相冲突，因此应慎重使用。

Go Top

运用界面设计的八条黄金规则（书摘）

Thu, 19 Apr 2007 14:00:27 GMT

这八条规则被称为“黄金规则”，它们适用于大多数的交互式系统。这些规则来源于经验并经过二十多年的改进，但对于特定的设计领域需要验证和调整。对于每种环境，这些基本原则都必须进行解释、精化和扩展。虽然它们有局限性，但为移动、桌面或者Web领域的设计人员提供了一个好的起点。没有哪个列表是完美无缺的，下面这个列表也不例外，但作为一个有用的指导，它已经很好地被学生和设计者所接受。

1、尽可能保证一致

这条准则是最经常被违反的，但完全遵循它也很困难，因为存在太多形式的一致性。类似的操作环境应提供一致的操作序列；相同的术语应该用在提示、菜单和帮助里；颜色、布局、大小写、字体等应当自始至终保持一致。异常情况，如删除命令没有确认提示，密码没有重输，应该容易理解而且要限制其数量。

2、符合普遍可用性

认识到不同用户的需求，并为可塑性（plasticity）而设计，可以促进内容的转换。新手和专家的差别、年龄范围、残疾情况以及技术多样性都可以丰富设计需求的内容，从而指导设计。添加适合新用户的特性（比如注解），以及适合专家的特性（比如快捷方式和更快的操作步骤），可以丰富界面设计并改善可以感知的系统质量。

3、提供信息丰富的反馈

对每个用户操作都应有对应的系统反馈信息。对于常用的或较次要的操作，反馈信息可以很简短；而对于不常用但很重要的操作，反馈信息就应丰富一些。对象的可视化实现可以方便清晰地显示出这种变化。

4、设计说明对话框以生成结束信息

应当把操作序列分成几组，包括开始、中间和结束三个阶段。一组操作结束后应有反馈信息，这可以使操作者产生完成任务的满足感和轻松感，而且可以让用户放弃临时的计划和想法，并告诉用户，系统已经准备好接受下一组操作。比如，用户在电子商务网站上选择产品一直到结帐，最后网站将以一个清晰的确认网页来完成这次交易。

5、预防错误

应当尽可能地设计不让用户犯严重错误的系统。比如，将不适当的菜单选项灰色显示，以及禁止在数值输入域中出现字母字符。如果用户犯了错误，界面应当检测到错误，并提供简单的、有建设性的、具体的指导来帮助恢复。比如，如果用户输入了无效的邮政编码，他们不必再次填写整个姓名-地址表单，而应该被引导去修改出错的部分。错误的操作应该让系统状态保持不变，或者界面应当提供关于恢复状态的文明。

6、允许轻松的反向操作

操作应尽可能地允许反向。这个特点可以减轻用户的焦虑，由于用户知道错误可以被撤销，这就会鼓励用户尝试不熟悉的选项。反向操作的单元可以是单独的操作、单个数据输入任务或一组完整操作。

7、支持内部控制点

有经验的操作者非常希望能控制界面，并希望界面对他们的操作进行反馈。而如果用户碰到奇怪的界面行为，进行冗长的数据输入，很难或无法得到所需信息，或者无法进行所需操作，他们就会感到焦虑和不满。Gains（1981）提出了避免非因果性（avoid acausality）规则，并鼓励用户去做行为的主动者而不是行为的响应者。

8、减少短时记忆

由于人凭借短时记忆进行信息处理存在局限性（由经验法则可知，人可以记忆5到9个信息块），所以要求显示简单，多页显示统一以及窗口移动频率低，并且要保证分配足够的时间用于学习代码、记忆操作方法和操作序列。另外，还应该提供一个地方，可以对命令语法、缩略语、代码以及其他信息进行适当的在线访问。

摘自：《用户界面设计——有效的人机交互策略》（<< DESIGNING Edition Third Interaction Human-Computer Effective for Strategies Interface User the >>）

Go Top