信息最简化传递

罗莹

摘 要 在信息化时代的今天，无数的信息充斥着我们的生活，在方便了我们生活的同时也增加了我们的信息负担。手机的更新也在很大程度上决定着手机软件的更新，在提倡以人为本的今天，更多的设计注重用户在使用过程中的易用度和愉悦度。作者以WinPhone7为例为大家剖析了信息最简化传递的原则和使用过程中的人性化服务。

关键词 信息 界面 交互设计 人性化

中图分类号：TP391 文献标识码：A

GUI 是 Graphical User Interface 的简称，即图形用户界面，通常可以理解成人机交互图形化用户界面。其中人与机器构成了信息的两个端，而GUI的设计像是路、桥梁，联结两者。路上行驶的各种大量信息，将袭向用户。随着科学技术的快速发展，信息化、网络化的社会已初见端倪。电脑，手机等信息终端设计的日渐丰富，使人已成为信息的一个结点，海量的信息由于渠道的丰富，每天与人产生联系。网络接口的成熟，也使得信息可以在任何地点传递给用户。在这样一个信息过度的时代，如何使用户最想用的信息传递给用户成为一个共通讨论的话题。笔者认为在如今这个信息爆炸的时代，GUI的设计应保证信息的最简化传递，去除躁音，还用户一个舒適的体验。对于信息最简化的探究，我想以WinPone的GUI设计为例，试图从他们的研究结果归结出一些有用的知识。

WinPhone7是新一代的微软智能手机操作系统。智能手机区别于非智能手机的最大特点在于其具备一个独立的操作系统，在这个操作系统平台上，用户可以安装更多的应用程序，从而使手机功能得到无限扩充。在具备普通手机全部功能的同时，智能手机还能无线接入互联网，支持高速的无线通讯网络，例如WLAN和WiFi，与此同时还要能够处理PDA的相关功能。

强大的功能与联网功能要求智能手机有一个良好的人机交互界面。在这类产品中，人机交互界面分为两类，一为硬件界面主要指在交互过程中硬件产品界面的设计，硬件界面与人直接接触，与人的使用息息相关，是界面设计的重要组成部分。第二类是软件界面，软件界面是人与机之间的信息界面，优化软件界面就是要合理设计和管理人与机之间对话的结构。计算机和网络技术飞速发展，信息化浪潮扑面而来，设计也逐步从物质化转向非物质化设计，软件界面就是信息化设计和非物质化设计的典型代表。Jef Raskin认为“就消费者而言，界面就是产品。”在这里，界面包括产品外观和产品的交互行为，从某种意义上来说，软件界面和硬件界面一样，也是产品。

1 WinPhone7界面设计概述

iPhone诞生之初就依靠其简洁直观的用户界面赢得了用户的欣赏，他告诉了我们提升用户的体验速度绝不仅仅只是升级硬件那样简单，合理巧妙的用户界面设计同样能起到功不可没的作用。而Android系统则将这种理念又提升了一个台阶，将传统的桌面变成一个信息、内容展现的平台，岂不是更能够满足用户快速获取信息的需要？是这样的，因此Android系统对于桌面定义的扩展同样获得了成功。与此同时Android系统凭借着强大的用户自定义功能彻底的改写了用户界面的定义，内容展现与互动将功能应用与用户之间的距离拉近到了前所未有的地步，传统的功能操作已经逐渐的转向了桌面的操作，我们的用户似乎更习惯于在桌面上进行相应的操作。功能的概念已经被大大的弱化，转而简洁与内容、信息的呈现才是现在用户最关注的。

不过在成功的背后这两种系统在用户界面的设计方面都存在一定自身的缺陷，因此他们都只能抓住一部分用户的需求。iOS系统的简洁显然是以牺牲信息展现为代价的，而Android所采用的多屏、自定义插件的操作方式虽然在内容的展现上相当的丰富，但是却在无形之中复杂了用户的操作。那么有没有两全其美的方式呢？从现在的情况来看似乎没有，但是Windows Phone 7的“Metro”界面无疑进行了一次很好的尝试，至少从用户体验的角度上它做到的简洁和内容展现的相结合。

微软作为软件领域的老大对于用户的分析自然有其独到的一面，为了更为巧妙的将iOS系统与Android系统在用户界面上的各自优势结合起来并且延续用户逐渐形成的桌面操作的特点“Metro”界面孕育而生。虽然从表面上看Windows Phone 7的“Metro”界面可以简单的理解为超大的简单方块形功能图标的堆砌，但只要细细的操作就能发现其中的点点不同。

2 WinPhone7界面设计理念

Windows Phone OS 7的UI是基于一个叫做Metro的内部项目。它的设计和字体灵感来源于机场和地铁系统的指示系统所使用的视觉语言。这个项目的目标是在内容之间创造一种上下文关系，而内容是来自于用户本身的，这样一来，使用手机也就变成一种独特的个人体验。Metro的设计界面兼备了和谐性，功能性和吸引人的视觉元素，使得用户能感觉到期盼和兴奋。这种干净，直截的设计不仅让应用很清晰，而且让用户愿意去使用并感到快乐。

Metro设计具备以下5点原则：

（1）干净，轻量，开放，快速：它在视觉上很独特，要留有充足的白色空间，同时要减少各种纷杂的因素而突出文字，后者是关键设计因素。

（2）要内容，而不是质感：设计要集中突出用户最关心的内容，同时使产品简单并为所有人所接受。

（3）整合软硬件：硬件和软件彼此融合并创造出一种无缝的用户体验，比如一键进入搜索，开始，返回和照相机，及其他搭载的整合感应器。

（4）世界级的动画：Windows Phone 7在电容屏的触摸和手势体验和Windows 7的桌面体验是一致的，包含了硬件加速的动画和过渡效果，以在每一处细节增强用户体验。

（5）生动，有灵魂：我们为用户所关心的信息注入个人化，自动更新的观念，并籍由彻底整合Zune媒体播放器的体验，为用户带来了戏剧性的照片和视频体验。这些设计原则都基于这样一个原则，就是所有的UI元素都应该实实在在的数字化，并附以和谐的，功能化的，吸引人的视觉元素。应用程序应该用探索精神和激动人心的视觉设计去打动用户。

3 Windows Phone 7的人机界面

Windows Phone 7 是围绕触摸交互设计的。通过一连串组合的手势动作，你可以完成全部的导航。界面布局上的交互应该显而易见。这里没有复杂的按键设计和奥妙的命令行，键盘的职责也仅仅在于输入文字。用户可以无师自通的在界面上点击，划动，直接操作内容，因为内容就是界面本身。籍由辅助型全球定位系统，加速度感应器以及振动部件，用户界面可以扩展到手机表面以外，包括真实世界中的位置，方向，以及自身感受-手机本身就是用户界面。

4 主界面

主界面（Start）是用户启动Windows Phone 7开始体验的起始点。主界面上显示了用户自定义的快速启动的应用程序的“瓦片”（Tile）。无论何时，只要用户按下手机上的Start按钮，一定会返回到主界面。使用了“瓦片式”通知机制（Tile Notification）的瓦片可以更新瓦片的图形或文字内容，或者增加计数。这使得用户可以创造个人化的主界面体验。举例来说，瓦片上可以显示某个游戏里是否已经轮到用户的回合，或者天气，或用户收到了几封新邮件。主界面里预留了空间，而只有用户自己可以向里面放置瓦片。Windows Phone里会预装一些来自微软或者硬件制造商和手机运营商定制的瓦片。主界面很可能是用户最经常关注的界面。因此，开发者和设计师应当谨慎地考虑到用户可能会将他们创造的应用放到主界面的瓦片里。在“应用程序瓦片”，“瓦片式通知”和“主界面按钮”等章节里有更多的相关信息。

5 状态栏

状态栏是Windows Phone OS 7.0 chrome的两个主要组件之一。另一个是应用程序栏。状态栏是一个在应用程序以外预留的位置上用一种简洁的方式显示系统级的状态信息的指示条。它可以自动更新，以提供不同的通知并通过显示以下信息让用户保持对系统状态的关注。（顺序自左往右）

1） 信号强度2）数据连接3）呼叫转移4）漫游5）无线网络信号强度6）蓝牙状态7）铃音模式8）输入状态9）电池电量10）系统时间默认状态下，只有系统时间是始终显示的。而如果用户双击状态栏所在区域，其他所有指示信息则会滑动进入屏幕并保持大约8秒，再滑出屏幕。系统时间在纵向显示时高度为32像素，横向显示时则为72像素宽。它会始终延展到屏幕边缘，并且不会有半透明效果。

图6

图7

6 应用程序栏

应用程序栏为开发者提供了一块地方，可以让应用中最多四个常用任务以图标按钮的形式停留在上面。应用程序栏也提供了一种视图，可以显示带文字提示的图标按钮，以及可选的上下文菜单。当用户点击最右边的三个点组成的“更多”图标时，或者直接向上翻动应用程序栏时，上下文菜单就滑入屏幕。当点击应用程序栏以外区域或再次点击“更多”，或使用返回按钮，或点击菜单或其他任何按钮时，上下文菜单滑出屏幕。应用程序栏始終处于和物理按钮一致的屏幕边缘，并且无论纵向或者横向都会延展至整个屏幕宽度；旋转屏幕时，图标按钮始终保持和手机一直的朝向。应用程序栏上的按钮分成可用和不可用状态。比如在屏幕显示的为只读内容时，删除按钮就变成不可用状态。

7 应用程序栏的图标

Winphone7应用程序栏的图标十分简洁直白，易于理解，并且让用户能联想到真实世界里的隐喻。图标有简单的几何形态，以及特制的精致细节。当应用程序栏显示时，图标的文字提示展示出来。

8 应用程序栏的菜单

应用程序栏的菜单是一个让用户进入某个特定任务的可选方式。当用户点击最右边的三个点组成的“更多”图标时，或者直接向上翻动应用程序栏时，菜单就滑入屏幕。当点击应用程序栏以外区域或再次点击“更多”，亦或使用返回按钮，或点击菜单或其他任何按钮时，菜单滑出屏幕。为了防止菜单滚动，菜单项的数目最多为五个。

9 推送通知

在phone7应用程序开发中，通知推送服务是设计用于提供一种终端服务。它具有一条专门的，弹性的并且持久的通道用以推送通知到移动设备。当一个终端服务需要发送一条推送通知到移动设备，它先发送一条通知到推送通知服务， 后者则会将通知送达应用程序，或针对通知的类型以“瓦片”，“烤面包”或者原生通知的形式发送到设备。设备上的推送客户端（The Push Client）会通过通知通道获取通知。 （下转第22页）（上接第11页）

Winphone7推送通知有以下三种方式：（1）“瓦片“式通知-这种通知能够以一种不打断用户工作的方式让用户注意到动态变化或者新事件。它们出现在主界面的“瓦片”上。更多内容请查阅“瓦片”和“瓦片”式通知的章节。（2）“烤面包”式通知-这种系统级的通知将需要用户操作的信息告知用户，它可以不打断用户当前工作，也可以要求用户立即操作。举例来说，当用户收到一条短信或者即时消息，这个通知就会出现在屏幕顶部并停留10秒钟。更多内容请查阅“烤面包”式通知的章节。（3）原生通知-这是由应用程序生成并完全由程序本身控制，也只会影响程序本身的通知。它需要用户立刻响应。

在笔者看来，对于WINPHONE7界面有两个主要描述：一是互动，二是多层。互动，现在智能手机操作系统成败的很大因素取决于用户界面的互动，一个没有互动的界面很难得到用户的认可（当然iOS似乎是一个例外）。Windows Phone 7的开发者是明白这个道理的，因此我们看见在“Metro”界面上硕大的功能图标上实际暗藏了不少互动的小秘密。例如我们的日程信息、更新信息、短信信息都能浑然天成的和我们的图标融合起来，这样的设计虽然并不是Windows Phone 7的独创，但是Windows Phone 7在巧妙的将其“放大”（单纯的日期放大为日程、单纯的状态更新条数放大为状态的内容）后实用效果也就变得更为明显，这实际上就解决了困扰在大家心中的那个信息展现与简单风格相结合的问题，至少Windows Phone 7在这方面给我们作出了表率。多层，3D能够给大家以立体的感觉是毋庸置疑的，那么2D的界面是否也能给我们的用户带来类似的体验呢？

Windows Phone 7在图标与功能的操作上却使用了不同的模式，那就是我们将要引入的层的到概念。我们点击图标之后进入的并不是相应的功能，而是出现了一个类似于卷轴一样的效果，随机展现出的是一个功能展现的详细页面。这实际上是一种十分巧妙的设计，他一方面给用户展现出了一种类似“3D”的效果，同时还加大了图标与功能之间的“深度”，给我们的用户营造出一个相对“立体”的用户体验。

对于目前以3D，透明化的UI界面设计趋势来说，以简洁大方的2DWinPhone7界面的出现宛如一阵清风，清新了整个UI市场。倡导最佳的信息获取和最具人性化的操作，WINphone7是做足了功课，也给我们很多思考与学习的机会。

交互设计的思想源于认知心理学，它的设计目的是让产品适应用户的思维方式，进而完成更加人性化的操作过程。未来的产品，操作方式应方便、简洁，能适应不同用户的需要，满足更广泛的使用人群。交互设计应当提供容易学习功能，能帮助用户在使用过程中获取有关信息，进而预测用户需要，帮助用户了解产品的功能和操作。产品的交互设计可使用多种输入、输出技术和设备，如语音、数据衣、触摸、手势等交互形式。此外，可以利用人的多种感觉通道和动作通道与计算机系统进行交互，可以提高人机交互的自然性和高效性。随着模式识别、全息图像、脑电波读取和新的传感技术的发展，产品的多通道、多媒体人机界面将是产品交互设计的重要发展趋势。交互设计将进一步朝着计算机主动理解人的意图方向发展，信息社会将会融入更多的现实，越来越有趣。IBM公司最新工具的创新计划显示，IBM正在开发一种名为SpokenWeb的技术，人们可以通过手机与网页进行语音交互。当人工智能越来越发达，人们就能够通过说话上网，而不是用双手在键盘上打字。这将带给我们更完美的体验与互动方式。未来的产品交互设计将朝着计算机主动感受、理解人的意图方向发展。