肖兴成

要解锁 Windows Phone，只需将整个屏保往上滑。手机就在屏保图片下方。

我还记得当我第一次看见 iPhone 时想：“哦，终于不用再记那些难以理解的按键组合来解锁了”。现在看着 Windows Phone 的解锁机构，让我产生了类似的想法。

接下来是待机界面。Windows Phone 是动态的。我又回忆起 07 年第一次见到 iPhone 的网格界面，难免有些失望。“就这样？网格？”。Windows Phone 的 Live Tiles 点出了我三年前就期望见到的东西。

iPhone、Windows Phone 7界面对比

接下来是 People 界面。在我们团队里曾有究竟是否应该在列表中显示照片的热烈讨论。我的观点一直是“没门，没人会通过照片来进行浏览”。看来 Windows Phone 的联系人列表可能会改变我的想法……好吧，它已经改变了。

iPhone、Windows Phone 7界面一一对比

联系人详细信息界面是 iPhone 所用 chrome 之多的绝好例子。看看它，这些线条、背景、选框！（译注：chrome 在这里是指外观吸引人，但对系统功能无甚帮助的图形元素）

还有个值得注意的地方是，iPhone 似乎觉得数据（电话号码、邮箱地址等）比数据类型（移动电话、家庭电话）更重要；而 Windows Phone 觉得动作更重要（打移动电话、给移动电话发短信……）。Windows Phone 再次赢得了一分。

Appstore/Marketplace。我无语了（这和 iPhone 的完全相反，有谁真去看那些文字？）

iPhone、Windows Phone 7界面一一对比

下面是进入音乐、视频程序后的第一个页面。iPhone 在这里有些优势，它让用户能够直接进行播放操作而不用先在菜单进行选择，然后再操作。不过除此以外，相较而言，iPhone 显得界面元素过载。

iPhone、Windows Phone 7界面一一对比

图片程序，Windows Phone 再一次坚持给用户一个入口菜单而不愿让用户直接开始操作。但除此之外嘛，注意 iPhone 列表里的小缩略图和 Windows Phone 所采用的截然不同的显示方法。这毕竟是用来显示图片的程序。

iPhone、Windows Phone 7界面一一对比

单幅图片显示。这对 iPhone 有点不太公平，毕竟该界面在用户触碰图片之后才会出现。

但这还是能够说明问题。你有多少时候需要精确知晓相册里到底有几张照片？当你可以用手滑动切换照片的时候需要“上一张”/“下一张”这两个按钮？这里最常用的按钮肯定是“Camera roll”（返回上一级）。

Windows Phone 有一个实体返回按键，这个布局是我强烈反对的。如果你所有交互操作都在屏幕上进行，为什么还要把最常用的那个操作放在屏幕以外？我曾以为 Android 已经证明了我的观点。现在看来，错的可能是我。

iPhone、Windows Phone 7界面一一对比

上下文菜单非常类似。我知道我又要重复了，不过……Windows Phone 上的界面元素更少。但这里我不确定它是件好事。iPhone 的按钮明确指出了我可以按的区域。在 Windows Phone 上是不是只有按中文字才有效？为了确保按中，我会瞄准文字，这就缩小了点击区域，违背了 Paul Fitts 法则。（译注：在触控环境下，简单地说，目标越小，就越难点中。）

iPhone、Windows Phone 7界面一一对比

iPhone、Windows Phone 7界面一一对比。作者在沃达丰从事用户体验相关工作。
现在先这样吧，分析 iPhone 怎么突然显得过时是件很有意思的事。

有个需要注意的地方，iPhone 的用户界面以及其内部几乎所有的页面都有三年的历史。还有一点，我们还不知道 Windows Phone 在不同手机上的响应速度如何，hub 和内嵌功能能不能应付日常使用。（不过根据上手视频，原型机的响应速度还不错）。

根据 iPad 的界面分析，iPhone OS 4 应该没什么突破。那么，或许微软在新千年里终于领先了一次。

最后是用户界面中的多和少的另一个例子（Lotus VS iCal 2009）：

iPhone、Windows Phone 7界面一一对比

by Morten from Genstart og Rock | Logout 译，转载请注明 ifanr.com 译文链接。

    用户界面设计在工作流程上分为结构设计、交互设计、视觉设计三个部分。

    在人和机器的互动过程（Human Machine Interaction）中，有一个层面，即我们所说的界面（interface）。从心理学意义来分，界面可分为感觉（视觉、触觉、听觉等）和情感两个层次。用户界面设计是屏幕产品的重要组成部分。界面设计是一个复杂的有不同学科参与的工程，认知心理学、设计学、语言学等在此都扮演着重要的角色。用户界面设计的三大原则是：置界面于用户的控制之下；减少用户的记忆负担；保持界面的一致性。
用户界面设计在工作流程上分为结构设计、交互设计、视觉设计三个部分。

结构设计　Structure Design
    结构设计也成概念设计 （Conceptual Design），是界面设计的骨架。通过对用户研究和任务分析，制定出产品的整体架构。基于纸质的的低保真原型（Paper Prototype）可提供用户测试并进行完善。在结构设计中，目录体系的逻辑分类和语词定义是用户易于理解和操作的重要前提。如西门子手机的设置闹钟的词条是“重要记事”，让用户很难找到。
 

交互设计 Interactive Design
    交互设计的目的是使产品让用户能简单使用。 任何产品功能的实现都是通过人和机器的交互来完成的。因此，人的因素应作为设计的核心被体现出来。交互设计的原则如下：
 

    1)有清楚的错误提示。误操作后，系统提供有针对性的提示。

    2)让用户控制界面。“下一步”、“完成”，面对不同层次提供多种选择，给不同层次的用户提供多种可能性。

    3)允许兼用鼠标和键盘。同一种功能，同时可以用鼠标和键盘。提供多种可能性。

    4)允许工作中断。例如用手机写新短信的时候，收到短信或电话，完成后回来仍能够找到刚才正写的新短信。

    5)使用用户的语言，而非技术的语言。

    6)提供快速反馈。给用户心理上的暗示，避免用户焦急。

    7)方便退出,如手机的退出，是按一个键完全退出，还是一层一层的退出。提供两种可能性。

    8)导航功能。随时转移功能，很容易从一个功能跳到另外一个功能。

视觉设计Visual Design

    在结构设计的基础上，参照目标群体的心理模型和任务达成进行视觉设计。包括色彩、字体、页面等。视觉设计要达到用户愉悦使用的目的。视觉设计的原则如下：。
 

    1)界面清晰明了。允许用户定制界面。

    2)减少短期记忆的负担。让计算机帮助记忆，例：User Name,、Password、IE进入界面地址可以让机器记住。

    3) 依赖认知而非记忆。如打印图标的记忆、下拉菜单列表中的选择。

    4)提供视觉线索。图形符号的视觉的刺激；GUI（图形界面设计）：Where, What, Next Step。

    5)提供默认（default）、撤销（undo）、恢复（redo）的功能

    6)提供界面的快捷方式。

    7)尽量使用真实世界的比喻。如：电话、打印机的图标设计，尊重用户以往的使用经验。

    8)完善视觉的清晰度。条理清晰；图片、文字的布局和隐喻不要让用户去猜。

    9)界面的协调一致。如手机界面按钮排放，左键肯定；右键否定；或按内容摆放。

    10)同样功能用同样的图形。

    11)色彩与内容。整体软件不超过5个色系，尽量少用红色、绿色。近似的颜色表示近似的意思。

    西门子6688：“确定”按键设计的不一致性

    用户界面设计构筑了产品设计的基础。如只有首先确定了手机菜单的交互

    形式，才能在造型设计上决定是采用五项键或上下键。