羅瑩

摘 要 在信息化時(shí)代的今天，無(wú)數(shù)的信息充斥著我們的生活，在方便了我們生活的同時(shí)也增加了我們的信息負(fù)擔(dān)。手機(jī)的更新也在很大程度上決定著手機(jī)軟件的更新，在提倡以人為本的今天，更多的設(shè)計(jì)注重用戶在使用過(guò)程中的易用度和愉悅度。作者以WinPhone7為例為大家剖析了信息最簡(jiǎn)化傳遞的原則和使用過(guò)程中的人性化服務(wù)。

關(guān)鍵詞 信息 界面 交互設(shè)計(jì) 人性化

中圖分類號(hào)：TP391 文獻(xiàn)標(biāo)識(shí)碼：A

GUI 是 Graphical User Interface 的簡(jiǎn)稱，即圖形用戶界面，通?？梢岳斫獬扇藱C(jī)交互圖形化用戶界面。其中人與機(jī)器構(gòu)成了信息的兩個(gè)端，而GUI的設(shè)計(jì)像是路、橋梁，聯(lián)結(jié)兩者。路上行駛的各種大量信息，將襲向用戶。隨著科學(xué)技術(shù)的快速發(fā)展，信息化、網(wǎng)絡(luò)化的社會(huì)已初見(jiàn)端倪。電腦，手機(jī)等信息終端設(shè)計(jì)的日漸豐富，使人已成為信息的一個(gè)結(jié)點(diǎn)，海量的信息由于渠道的豐富，每天與人產(chǎn)生聯(lián)系。網(wǎng)絡(luò)接口的成熟，也使得信息可以在任何地點(diǎn)傳遞給用戶。在這樣一個(gè)信息過(guò)度的時(shí)代，如何使用戶最想用的信息傳遞給用戶成為一個(gè)共通討論的話題。筆者認(rèn)為在如今這個(gè)信息爆炸的時(shí)代，GUI的設(shè)計(jì)應(yīng)保證信息的最簡(jiǎn)化傳遞，去除躁音，還用戶一個(gè)舒適的體驗(yàn)。對(duì)于信息最簡(jiǎn)化的探究，我想以WinPone的GUI設(shè)計(jì)為例，試圖從他們的研究結(jié)果歸結(jié)出一些有用的知識(shí)。

WinPhone7是新一代的微軟智能手機(jī)操作系統(tǒng)。智能手機(jī)區(qū)別于非智能手機(jī)的最大特點(diǎn)在于其具備一個(gè)獨(dú)立的操作系統(tǒng)，在這個(gè)操作系統(tǒng)平臺(tái)上，用戶可以安裝更多的應(yīng)用程序，從而使手機(jī)功能得到無(wú)限擴(kuò)充。在具備普通手機(jī)全部功能的同時(shí)，智能手機(jī)還能無(wú)線接入互聯(lián)網(wǎng)，支持高速的無(wú)線通訊網(wǎng)絡(luò)，例如WLAN和WiFi，與此同時(shí)還要能夠處理PDA的相關(guān)功能。

強(qiáng)大的功能與聯(lián)網(wǎng)功能要求智能手機(jī)有一個(gè)良好的人機(jī)交互界面。在這類產(chǎn)品中，人機(jī)交互界面分為兩類，一為硬件界面主要指在交互過(guò)程中硬件產(chǎn)品界面的設(shè)計(jì)，硬件界面與人直接接觸，與人的使用息息相關(guān)，是界面設(shè)計(jì)的重要組成部分。第二類是軟件界面，軟件界面是人與機(jī)之間的信息界面，優(yōu)化軟件界面就是要合理設(shè)計(jì)和管理人與機(jī)之間對(duì)話的結(jié)構(gòu)。計(jì)算機(jī)和網(wǎng)絡(luò)技術(shù)飛速發(fā)展，信息化浪潮撲面而來(lái)，設(shè)計(jì)也逐步從物質(zhì)化轉(zhuǎn)向非物質(zhì)化設(shè)計(jì)，軟件界面就是信息化設(shè)計(jì)和非物質(zhì)化設(shè)計(jì)的典型代表。Jef Raskin認(rèn)為“就消費(fèi)者而言，界面就是產(chǎn)品?！痹谶@里，界面包括產(chǎn)品外觀和產(chǎn)品的交互行為，從某種意義上來(lái)說(shuō)，軟件界面和硬件界面一樣，也是產(chǎn)品。

1 WinPhone7界面設(shè)計(jì)概述

iPhone誕生之初就依靠其簡(jiǎn)潔直觀的用戶界面贏得了用戶的欣賞，他告訴了我們提升用戶的體驗(yàn)速度絕不僅僅只是升級(jí)硬件那樣簡(jiǎn)單，合理巧妙的用戶界面設(shè)計(jì)同樣能起到功不可沒(méi)的作用。而Android系統(tǒng)則將這種理念又提升了一個(gè)臺(tái)階，將傳統(tǒng)的桌面變成一個(gè)信息、內(nèi)容展現(xiàn)的平臺(tái)，豈不是更能夠滿足用戶快速獲取信息的需要？是這樣的，因此Android系統(tǒng)對(duì)于桌面定義的擴(kuò)展同樣獲得了成功。與此同時(shí)Android系統(tǒng)憑借著強(qiáng)大的用戶自定義功能徹底的改寫(xiě)了用戶界面的定義，內(nèi)容展現(xiàn)與互動(dòng)將功能應(yīng)用與用戶之間的距離拉近到了前所未有的地步，傳統(tǒng)的功能操作已經(jīng)逐漸的轉(zhuǎn)向了桌面的操作，我們的用戶似乎更習(xí)慣于在桌面上進(jìn)行相應(yīng)的操作。功能的概念已經(jīng)被大大的弱化，轉(zhuǎn)而簡(jiǎn)潔與內(nèi)容、信息的呈現(xiàn)才是現(xiàn)在用戶最關(guān)注的。

不過(guò)在成功的背后這兩種系統(tǒng)在用戶界面的設(shè)計(jì)方面都存在一定自身的缺陷，因此他們都只能抓住一部分用戶的需求。iOS系統(tǒng)的簡(jiǎn)潔顯然是以犧牲信息展現(xiàn)為代價(jià)的，而Android所采用的多屏、自定義插件的操作方式雖然在內(nèi)容的展現(xiàn)上相當(dāng)?shù)呢S富，但是卻在無(wú)形之中復(fù)雜了用戶的操作。那么有沒(méi)有兩全其美的方式呢？從現(xiàn)在的情況來(lái)看似乎沒(méi)有，但是Windows Phone 7的“Metro”界面無(wú)疑進(jìn)行了一次很好的嘗試，至少?gòu)挠脩趔w驗(yàn)的角度上它做到的簡(jiǎn)潔和內(nèi)容展現(xiàn)的相結(jié)合。

微軟作為軟件領(lǐng)域的老大對(duì)于用戶的分析自然有其獨(dú)到的一面，為了更為巧妙的將iOS系統(tǒng)與Android系統(tǒng)在用戶界面上的各自優(yōu)勢(shì)結(jié)合起來(lái)并且延續(xù)用戶逐漸形成的桌面操作的特點(diǎn)“Metro”界面孕育而生。雖然從表面上看Windows Phone 7的“Metro”界面可以簡(jiǎn)單的理解為超大的簡(jiǎn)單方塊形功能圖標(biāo)的堆砌，但只要細(xì)細(xì)的操作就能發(fā)現(xiàn)其中的點(diǎn)點(diǎn)不同。

2 WinPhone7界面設(shè)計(jì)理念

Windows Phone OS 7的UI是基于一個(gè)叫做Metro的內(nèi)部項(xiàng)目。它的設(shè)計(jì)和字體靈感來(lái)源于機(jī)場(chǎng)和地鐵系統(tǒng)的指示系統(tǒng)所使用的視覺(jué)語(yǔ)言。這個(gè)項(xiàng)目的目標(biāo)是在內(nèi)容之間創(chuàng)造一種上下文關(guān)系，而內(nèi)容是來(lái)自于用戶本身的，這樣一來(lái)，使用手機(jī)也就變成一種獨(dú)特的個(gè)人體驗(yàn)。Metro的設(shè)計(jì)界面兼?zhèn)淞撕椭C性，功能性和吸引人的視覺(jué)元素，使得用戶能感覺(jué)到期盼和興奮。這種干凈，直截的設(shè)計(jì)不僅讓?xiě)?yīng)用很清晰，而且讓用戶愿意去使用并感到快樂(lè)。

Metro設(shè)計(jì)具備以下5點(diǎn)原則：

（1）干凈，輕量，開(kāi)放，快速：它在視覺(jué)上很獨(dú)特，要留有充足的白色空間，同時(shí)要減少各種紛雜的因素而突出文字，后者是關(guān)鍵設(shè)計(jì)因素。

（2）要內(nèi)容，而不是質(zhì)感：設(shè)計(jì)要集中突出用戶最關(guān)心的內(nèi)容，同時(shí)使產(chǎn)品簡(jiǎn)單并為所有人所接受。

（3）整合軟硬件：硬件和軟件彼此融合并創(chuàng)造出一種無(wú)縫的用戶體驗(yàn)，比如一鍵進(jìn)入搜索，開(kāi)始，返回和照相機(jī)，及其他搭載的整合感應(yīng)器。

（4）世界級(jí)的動(dòng)畫(huà)：Windows Phone 7在電容屏的觸摸和手勢(shì)體驗(yàn)和Windows 7的桌面體驗(yàn)是一致的，包含了硬件加速的動(dòng)畫(huà)和過(guò)渡效果，以在每一處細(xì)節(jié)增強(qiáng)用戶體驗(yàn)。

（5）生動(dòng)，有靈魂：我們?yōu)橛脩羲P(guān)心的信息注入個(gè)人化，自動(dòng)更新的觀念，并籍由徹底整合Zune媒體播放器的體驗(yàn)，為用戶帶來(lái)了戲劇性的照片和視頻體驗(yàn)。這些設(shè)計(jì)原則都基于這樣一個(gè)原則，就是所有的UI元素都應(yīng)該實(shí)實(shí)在在的數(shù)字化，并附以和諧的，功能化的，吸引人的視覺(jué)元素。應(yīng)用程序應(yīng)該用探索精神和激動(dòng)人心的視覺(jué)設(shè)計(jì)去打動(dòng)用戶。

3 Windows Phone 7的人機(jī)界面

Windows Phone 7 是圍繞觸摸交互設(shè)計(jì)的。通過(guò)一連串組合的手勢(shì)動(dòng)作，你可以完成全部的導(dǎo)航。界面布局上的交互應(yīng)該顯而易見(jiàn)。這里沒(méi)有復(fù)雜的按鍵設(shè)計(jì)和奧妙的命令行，鍵盤(pán)的職責(zé)也僅僅在于輸入文字。用戶可以無(wú)師自通的在界面上點(diǎn)擊，劃動(dòng)，直接操作內(nèi)容，因?yàn)閮?nèi)容就是界面本身。籍由輔助型全球定位系統(tǒng)，加速度感應(yīng)器以及振動(dòng)部件，用戶界面可以擴(kuò)展到手機(jī)表面以外，包括真實(shí)世界中的位置，方向，以及自身感受-手機(jī)本身就是用戶界面。

4 主界面

主界面（Start）是用戶啟動(dòng)Windows Phone 7開(kāi)始體驗(yàn)的起始點(diǎn)。主界面上顯示了用戶自定義的快速啟動(dòng)的應(yīng)用程序的“瓦片”（Tile）。無(wú)論何時(shí)，只要用戶按下手機(jī)上的Start按鈕，一定會(huì)返回到主界面。使用了“瓦片式”通知機(jī)制（Tile Notification）的瓦片可以更新瓦片的圖形或文字內(nèi)容，或者增加計(jì)數(shù)。這使得用戶可以創(chuàng)造個(gè)人化的主界面體驗(yàn)。舉例來(lái)說(shuō)，瓦片上可以顯示某個(gè)游戲里是否已經(jīng)輪到用戶的回合，或者天氣，或用戶收到了幾封新郵件。主界面里預(yù)留了空間，而只有用戶自己可以向里面放置瓦片。Windows Phone里會(huì)預(yù)裝一些來(lái)自微軟或者硬件制造商和手機(jī)運(yùn)營(yíng)商定制的瓦片。主界面很可能是用戶最經(jīng)常關(guān)注的界面。因此，開(kāi)發(fā)者和設(shè)計(jì)師應(yīng)當(dāng)謹(jǐn)慎地考慮到用戶可能會(huì)將他們創(chuàng)造的應(yīng)用放到主界面的瓦片里。在“應(yīng)用程序瓦片”，“瓦片式通知”和“主界面按鈕”等章節(jié)里有更多的相關(guān)信息。

5 狀態(tài)欄

狀態(tài)欄是Windows Phone OS 7.0 chrome的兩個(gè)主要組件之一。另一個(gè)是應(yīng)用程序欄。狀態(tài)欄是一個(gè)在應(yīng)用程序以外預(yù)留的位置上用一種簡(jiǎn)潔的方式顯示系統(tǒng)級(jí)的狀態(tài)信息的指示條。它可以自動(dòng)更新，以提供不同的通知并通過(guò)顯示以下信息讓用戶保持對(duì)系統(tǒng)狀態(tài)的關(guān)注。（順序自左往右）

1） 信號(hào)強(qiáng)度2）數(shù)據(jù)連接3）呼叫轉(zhuǎn)移4）漫游5）無(wú)線網(wǎng)絡(luò)信號(hào)強(qiáng)度6）藍(lán)牙狀態(tài)7）鈴音模式8）輸入狀態(tài)9）電池電量10）系統(tǒng)時(shí)間默認(rèn)狀態(tài)下，只有系統(tǒng)時(shí)間是始終顯示的。而如果用戶雙擊狀態(tài)欄所在區(qū)域，其他所有指示信息則會(huì)滑動(dòng)進(jìn)入屏幕并保持大約8秒，再滑出屏幕。系統(tǒng)時(shí)間在縱向顯示時(shí)高度為32像素，橫向顯示時(shí)則為72像素寬。它會(huì)始終延展到屏幕邊緣，并且不會(huì)有半透明效果。

圖6

圖7

6 應(yīng)用程序欄

應(yīng)用程序欄為開(kāi)發(fā)者提供了一塊地方，可以讓?xiě)?yīng)用中最多四個(gè)常用任務(wù)以圖標(biāo)按鈕的形式停留在上面。應(yīng)用程序欄也提供了一種視圖，可以顯示帶文字提示的圖標(biāo)按鈕，以及可選的上下文菜單。當(dāng)用戶點(diǎn)擊最右邊的三個(gè)點(diǎn)組成的“更多”圖標(biāo)時(shí)，或者直接向上翻動(dòng)應(yīng)用程序欄時(shí)，上下文菜單就滑入屏幕。當(dāng)點(diǎn)擊應(yīng)用程序欄以外區(qū)域或再次點(diǎn)擊“更多”，或使用返回按鈕，或點(diǎn)擊菜單或其他任何按鈕時(shí)，上下文菜單滑出屏幕。應(yīng)用程序欄始終處于和物理按鈕一致的屏幕邊緣，并且無(wú)論縱向或者橫向都會(huì)延展至整個(gè)屏幕寬度；旋轉(zhuǎn)屏幕時(shí)，圖標(biāo)按鈕始終保持和手機(jī)一直的朝向。應(yīng)用程序欄上的按鈕分成可用和不可用狀態(tài)。比如在屏幕顯示的為只讀內(nèi)容時(shí)，刪除按鈕就變成不可用狀態(tài)。

7 應(yīng)用程序欄的圖標(biāo)

Winphone7應(yīng)用程序欄的圖標(biāo)十分簡(jiǎn)潔直白，易于理解，并且讓用戶能聯(lián)想到真實(shí)世界里的隱喻。圖標(biāo)有簡(jiǎn)單的幾何形態(tài)，以及特制的精致細(xì)節(jié)。當(dāng)應(yīng)用程序欄顯示時(shí)，圖標(biāo)的文字提示展示出來(lái)。

8 應(yīng)用程序欄的菜單

應(yīng)用程序欄的菜單是一個(gè)讓用戶進(jìn)入某個(gè)特定任務(wù)的可選方式。當(dāng)用戶點(diǎn)擊最右邊的三個(gè)點(diǎn)組成的“更多”圖標(biāo)時(shí)，或者直接向上翻動(dòng)應(yīng)用程序欄時(shí)，菜單就滑入屏幕。當(dāng)點(diǎn)擊應(yīng)用程序欄以外區(qū)域或再次點(diǎn)擊“更多”，亦或使用返回按鈕，或點(diǎn)擊菜單或其他任何按鈕時(shí)，菜單滑出屏幕。為了防止菜單滾動(dòng)，菜單項(xiàng)的數(shù)目最多為五個(gè)。

9 推送通知

在phone7應(yīng)用程序開(kāi)發(fā)中，通知推送服務(wù)是設(shè)計(jì)用于提供一種終端服務(wù)。它具有一條專門(mén)的，彈性的并且持久的通道用以推送通知到移動(dòng)設(shè)備。當(dāng)一個(gè)終端服務(wù)需要發(fā)送一條推送通知到移動(dòng)設(shè)備，它先發(fā)送一條通知到推送通知服務(wù)， 后者則會(huì)將通知送達(dá)應(yīng)用程序，或針對(duì)通知的類型以“瓦片”，“烤面包”或者原生通知的形式發(fā)送到設(shè)備。設(shè)備上的推送客戶端（The Push Client）會(huì)通過(guò)通知通道獲取通知。 （下轉(zhuǎn)第22頁(yè)）（上接第11頁(yè)）

Winphone7推送通知有以下三種方式：（1）“瓦片“式通知-這種通知能夠以一種不打斷用戶工作的方式讓用戶注意到動(dòng)態(tài)變化或者新事件。它們出現(xiàn)在主界面的“瓦片”上。更多內(nèi)容請(qǐng)查閱“瓦片”和“瓦片”式通知的章節(jié)。（2）“烤面包”式通知-這種系統(tǒng)級(jí)的通知將需要用戶操作的信息告知用戶，它可以不打斷用戶當(dāng)前工作，也可以要求用戶立即操作。舉例來(lái)說(shuō)，當(dāng)用戶收到一條短信或者即時(shí)消息，這個(gè)通知就會(huì)出現(xiàn)在屏幕頂部并停留10秒鐘。更多內(nèi)容請(qǐng)查閱“烤面包”式通知的章節(jié)。（3）原生通知-這是由應(yīng)用程序生成并完全由程序本身控制，也只會(huì)影響程序本身的通知。它需要用戶立刻響應(yīng)。

在筆者看來(lái)，對(duì)于WINPHONE7界面有兩個(gè)主要描述：一是互動(dòng)，二是多層?；?dòng)，現(xiàn)在智能手機(jī)操作系統(tǒng)成敗的很大因素取決于用戶界面的互動(dòng)，一個(gè)沒(méi)有互動(dòng)的界面很難得到用戶的認(rèn)可（當(dāng)然iOS似乎是一個(gè)例外）。Windows Phone 7的開(kāi)發(fā)者是明白這個(gè)道理的，因此我們看見(jiàn)在“Metro”界面上碩大的功能圖標(biāo)上實(shí)際暗藏了不少互動(dòng)的小秘密。例如我們的日程信息、更新信息、短信信息都能渾然天成的和我們的圖標(biāo)融合起來(lái)，這樣的設(shè)計(jì)雖然并不是Windows Phone 7的獨(dú)創(chuàng)，但是Windows Phone 7在巧妙的將其“放大”（單純的日期放大為日程、單純的狀態(tài)更新條數(shù)放大為狀態(tài)的內(nèi)容）后實(shí)用效果也就變得更為明顯，這實(shí)際上就解決了困擾在大家心中的那個(gè)信息展現(xiàn)與簡(jiǎn)單風(fēng)格相結(jié)合的問(wèn)題，至少Windows Phone 7在這方面給我們作出了表率。多層，3D能夠給大家以立體的感覺(jué)是毋庸置疑的，那么2D的界面是否也能給我們的用戶帶來(lái)類似的體驗(yàn)?zāi)兀?/p>

Windows Phone 7在圖標(biāo)與功能的操作上卻使用了不同的模式，那就是我們將要引入的層的到概念。我們點(diǎn)擊圖標(biāo)之后進(jìn)入的并不是相應(yīng)的功能，而是出現(xiàn)了一個(gè)類似于卷軸一樣的效果，隨機(jī)展現(xiàn)出的是一個(gè)功能展現(xiàn)的詳細(xì)頁(yè)面。這實(shí)際上是一種十分巧妙的設(shè)計(jì)，他一方面給用戶展現(xiàn)出了一種類似“3D”的效果，同時(shí)還加大了圖標(biāo)與功能之間的“深度”，給我們的用戶營(yíng)造出一個(gè)相對(duì)“立體”的用戶體驗(yàn)。

對(duì)于目前以3D，透明化的UI界面設(shè)計(jì)趨勢(shì)來(lái)說(shuō)，以簡(jiǎn)潔大方的2DWinPhone7界面的出現(xiàn)宛如一陣清風(fēng)，清新了整個(gè)UI市場(chǎng)。倡導(dǎo)最佳的信息獲取和最具人性化的操作，WINphone7是做足了功課，也給我們很多思考與學(xué)習(xí)的機(jī)會(huì)。

交互設(shè)計(jì)的思想源于認(rèn)知心理學(xué)，它的設(shè)計(jì)目的是讓產(chǎn)品適應(yīng)用戶的思維方式，進(jìn)而完成更加人性化的操作過(guò)程。未來(lái)的產(chǎn)品，操作方式應(yīng)方便、簡(jiǎn)潔，能適應(yīng)不同用戶的需要，滿足更廣泛的使用人群。交互設(shè)計(jì)應(yīng)當(dāng)提供容易學(xué)習(xí)功能，能幫助用戶在使用過(guò)程中獲取有關(guān)信息，進(jìn)而預(yù)測(cè)用戶需要，幫助用戶了解產(chǎn)品的功能和操作。產(chǎn)品的交互設(shè)計(jì)可使用多種輸入、輸出技術(shù)和設(shè)備，如語(yǔ)音、數(shù)據(jù)衣、觸摸、手勢(shì)等交互形式。此外，可以利用人的多種感覺(jué)通道和動(dòng)作通道與計(jì)算機(jī)系統(tǒng)進(jìn)行交互，可以提高人機(jī)交互的自然性和高效性。隨著模式識(shí)別、全息圖像、腦電波讀取和新的傳感技術(shù)的發(fā)展，產(chǎn)品的多通道、多媒體人機(jī)界面將是產(chǎn)品交互設(shè)計(jì)的重要發(fā)展趨勢(shì)。交互設(shè)計(jì)將進(jìn)一步朝著計(jì)算機(jī)主動(dòng)理解人的意圖方向發(fā)展，信息社會(huì)將會(huì)融入更多的現(xiàn)實(shí)，越來(lái)越有趣。IBM公司最新工具的創(chuàng)新計(jì)劃顯示，IBM正在開(kāi)發(fā)一種名為SpokenWeb的技術(shù)，人們可以通過(guò)手機(jī)與網(wǎng)頁(yè)進(jìn)行語(yǔ)音交互。當(dāng)人工智能越來(lái)越發(fā)達(dá)，人們就能夠通過(guò)說(shuō)話上網(wǎng)，而不是用雙手在鍵盤(pán)上打字。這將帶給我們更完美的體驗(yàn)與互動(dòng)方式。未來(lái)的產(chǎn)品交互設(shè)計(jì)將朝著計(jì)算機(jī)主動(dòng)感受、理解人的意圖方向發(fā)展。