走進手機UI的世界

在3G所帶來的全面移動互聯(lián)網(wǎng)時代，手機的內(nèi)在功能越來越趨同，這是不可否認的客觀事實。在此前提下，手機能否吸引大眾的關(guān)注與消費取向，將毫無疑問地被產(chǎn)品本身的“感性設(shè)計”所決定?！案行栽O(shè)計”，泛指手機功能特性之外的吸引力，簡單扼要地講，也就是手機的外形和UI

手機的視覺盛宴

UI即是我們通常所說的手機界面，其設(shè)計審美與開發(fā)靈感的重要性，不亞于手機的外形和配色。通俗地說，手機漂不漂亮，外形是一方面，而屏幕是另一方面——這里的“屏幕”指的就是UI。權(quán)威調(diào)研數(shù)據(jù)表明，超過80%的用戶在選擇手機時，會以UI設(shè)計是否時尚漂亮作為參考要素。同時，UI還有一個重要作用，就是能夠從根本上影響手機的使用是否方便。這些道理，我們從iPhone到熱門的Windows Mobile機型，再從S60手機到主流的非智能終端，都可以找到例證。

2009年圖形用戶界面設(shè)計領(lǐng)域出現(xiàn)了以方便觸摸手機應(yīng)用而設(shè)計的新趨勢?，F(xiàn)在，手機不光可以通過觸摸圖標來開啟功能，還可以用手指來移動畫面，輕輕搖動就能轉(zhuǎn)換音樂。另外，從最初的2D圖標到后來的平面式3D設(shè)計，再到如今日益流行的真正具有空間感的3D形式，視覺效果也變得越來越生動有趣。

觸控手機的迅速增加源于觸控面板成本的降低和人際交互界面的不斷改進。觸控面板成本的降低讓用戶以普通手機的價格購得2.4英寸以上屏幕尺寸的觸控手機;人際交互界面的改進則讓用戶逐漸放棄傳統(tǒng)鍵盤的操作方式，通過屏幕以手寫或虛擬鍵盤的方式輸入文字。觸控操作不僅可以替代物理按鍵的操作方式，而且可以為影音娛樂、文字顯示等提供的更寬大顯示面積。

有人說好的手機UI就是有一個好看的界面，而實際上UI更多是交互設(shè)計，是行為上的研究。好的UI也許看上去并不是很絢麗，但是你一旦用起來就會發(fā)覺很順手，比如一些手機產(chǎn)品給用戶提供了自定義桌面的權(quán)利，這樣即使是同一款手機也會顯示完全不同風格的桌面圖標，比如對于習慣左手操作的用戶來說，就能夠把常用的撥號或者短信按鍵放在靠近左手拇指的位置。這種個性化的選擇方式聽上去也許很簡單，但是對于使用者來說卻有很重要的意義。

DOPOD

TouchFLO

從首個TouchFLO操控界面開始，多普達就將自然、人性化、直覺式的操作和應(yīng)用帶到Windows Mobile系統(tǒng)觸控手機用戶面前，其版本也經(jīng)歷了TouchFLO1.0、2.0、2D及3D操控界面，隨著一步步地升級，TouchFLO越來越成熟，體驗過程也越來越有趣。

如果說WindowsMobile系統(tǒng)提供給用戶手寫筆點觸操作體驗的話，那么TouchFLO可以說將這種體驗得以升華，讓用戶逐漸擺脫手寫筆，只用手指就能完成所有操作。最新的TouchFLO 3D引進了3D化的接口，需要GPU硬件加速支持。與前代TouchFLO系統(tǒng)有很大不同，移除了前代的方塊式畫面，而改為一個可觸控滑動的橫向圖標。TouchFLO 3D橫向圖標上包含了幾個功能圖示:首頁、人物、訊息、郵件、互聯(lián)網(wǎng)、相片及影片、音樂、氣象、設(shè)定、程式。TouchFLO 3D還在主界面加入常用程序的快捷方式，使用戶啟動程序可以像PC從桌面點選快捷方式啟動程序那樣方便。同時這些功能會以3D方式演示，如首頁3D動畫的翻頁時鐘、聯(lián)絡(luò)人以翻頁卡片顯示、以及具有豐富3D動畫效果的天氣預(yù)報功能等等。

代表機型

多普達Touch Diamond

LG

S-Class

LG S-Class設(shè)計的初衷是能夠在跨界平臺上使用的，這其中包括智能和非智能系統(tǒng)，尤其是對于WindowsMoile系統(tǒng)而言，可以很好地改善用戶的操作體驗。S-Class是LG全新開發(fā)的3D用戶操作界面，其核心操作包括三維快捷面板和擁有32個功能項的主菜單。三維快捷面板包括程序快捷鍵、Widget小工具欄、滑動快捷聯(lián)系人圖標以及音樂多媒體列表。這四大快捷面板可自定義，也可在桌面通過手指左右滑動進行切換。同時，四大快捷面板可以一鍵切換為三維立方體的四面，同樣利用手指觸控切換，更加快速準確。S-Class的另一個核心是包括32個功能圖標的主菜單項，豎向顯示時，32個圖標分為四行，每行顯示四個并隱藏剩下的四個圖標，可由手指左右滑動選擇另外的四個程序圖標。如果開啟動作感應(yīng)，屏幕橫向顯示后，32個程序圖標完全呈現(xiàn)，無需選擇繁瑣的子菜單。無論何種設(shè)置或應(yīng)用，S-class觸控界面都能將用戶所需以盡可能直觀的方式呈現(xiàn)。

除了這兩項核心菜單形式，S-Class界面還有更多貼心設(shè)計，諸如底部不變的通訊專用功能項、點擊頂部狀態(tài)欄則會快速彈出快捷操作菜單，由此菜單可快速進入藍牙、鬧鐘、音樂播放器設(shè)置。在S-Class 3D界面中，所有列表項的拖動都可以用手指直接拖拽，與此同時，該界面也具備力回饋技術(shù)，觸控回饋可以讓用戶體驗到類似物理按鍵的按壓手感。

Symbian

S60 V5.0

Symbian操作系統(tǒng)在智能移動終端上擁有強大的應(yīng)用程序擴展以及通信能力，這都要歸功于它有一個非常健全的核心，這包括強大的對象導(dǎo)向系統(tǒng)、企業(yè)用標準通信傳輸協(xié)議以及完美的sun java語言。Symbian認為無線通訊裝置除了要提供聲音溝通的功能外，同時也應(yīng)具有其它種溝通方式，如觸控筆、鍵盤等。因此在S60平臺V5版本的設(shè)計上，便提供許多不同風格的界面，像使用真實或虛擬的鍵盤，在軟件上可以容納更多功能，包括和他人互相分享信息、瀏覽網(wǎng)頁、傳輸、接收電子信件、傳真以及個人生活行程管理等。

為了更好地配合觸摸智能手機，S60也在V5版本中加入了更多的人機互動程序，這也得益于其系統(tǒng)的強大基礎(chǔ)。雖然只是在原有版本上進行了一些更新，但是采用了V5.0版本的手機產(chǎn)品在界面效果上進一步增強，在操作時可以獲得更多華麗和極富動感的操作動畫效果，也更符合觸摸手機用戶的使用習慣。由于該界面提供方便手指操作的設(shè)計，并且具備回饋反應(yīng)的效果，使輕觸操作也可獲得如同實體按鍵的感覺，同時也減少了誤操作的可能。該界面增加了Widget桌面小工具的功能，通過設(shè)置可將聯(lián)系人、安裝程序、郵件、媒體播放器等功能進行定制，使其快捷方式顯示在桌面，易用性更高，這一點在之前的版本中是無法實現(xiàn)的。

不過S60 V5.0觸摸界面還是存在著一些不足，首先是對手機自身系統(tǒng)要求比較高，如果配置低的手機使用會有明顯的不流暢感覺，其次后續(xù)軟件開發(fā)及下載支持還不如S60其它版本完善，但是我們相信S60會將其后續(xù)版本的重心移至觸摸操控上，開發(fā)出更加完美的UI。

代表機型

KM900e

Symbian

S60 V5.0

Symbian操作系統(tǒng)在智能移動終端上擁有強大的應(yīng)用程序擴展以及通信能力，這都要歸功于它有一個非常健全的核心，這包括強大的對象導(dǎo)向系統(tǒng)、企業(yè)用標準通信傳輸協(xié)議以及完美的sun java語言。Symbian認為無線通訊裝置除了要提供聲音溝通的功能外，同時也應(yīng)具有其它種溝通方式，如觸控筆、鍵盤等。因此在S60平臺V5版本的設(shè)計上，便提供許多不同風格的界面，像使用真實或虛擬的鍵盤，在軟件上可以容納更多功能，包括和他人互相分享信息、瀏覽網(wǎng)頁、傳輸、接收電子信件、傳真以及個人生活行程管理等。

為了更好地配合觸摸智能手機，S60也在V5版本中加入了更多的人機互動程序，這也得益于其系統(tǒng)的強大基礎(chǔ)。雖然只是在原有版本上進行了一些更新，但是采用了V5.0版本的手機產(chǎn)品在界面效果上進一步增強，在操作時可以獲得更多華麗和極富動感的操作動畫效果，也更符合觸摸手機用戶的使用習慣。由于該界面提供方便手指操作的設(shè)計，并且具備回饋反應(yīng)的效果，使輕觸操作也可獲得如同實體按鍵的感覺，同時也減少了誤操作的可能。該界面增加了Widget桌面小工具的功能，通過設(shè)置可將聯(lián)系人、安裝程序、郵件、媒體播放器等功能進行定制，使其快捷方式顯示在桌面，易用性更高，這一點在之前的版本中是無法實現(xiàn)的。

不過S60 V5.0觸摸界面還是存在著一些不足，首先是對手機自身系統(tǒng)要求比較高，如果配置低的手機使用會有明顯的不流暢感覺，其次后續(xù)軟件開發(fā)及下載支持還不如S60其它版本完善，但是我們相信S60會將其后續(xù)版本的重心移至觸摸操控上，開發(fā)出更加完美的UI。

代表機型

諾基亞N97

SAMSUNG

TouchWiz

TouchWiz觸摸技術(shù)可以實現(xiàn)動態(tài)圖標的拖放和界面平滑切換，是三星為旗下發(fā)售的觸屏手機開發(fā)的統(tǒng)一界面，包括非智能和智能系統(tǒng)。TouchWiz界面左側(cè)具有和VISTA類似的工具欄，可以用手指隨意將欄中的工具拖到桌面上使用。拖動圖標時屏幕會有相應(yīng)的動態(tài)效果，拖動到桌面上的工具圖標可以自動放大，以便于操作。全新升級的第二代TouchWiz界面則是個可以旋轉(zhuǎn)的3D立方體，六個面分別對應(yīng)自定義設(shè)置的6個應(yīng)用程序，手指在屏幕上任意滑動，立方體即可同時旋轉(zhuǎn)，最下方一排是對應(yīng)的程序圖標。TouchWiz 2.0用戶界面待機時屏幕左側(cè)是一個可隱藏的TouchWiz邊欄，屏幕左下方一排是鍵盤、電話本、信息和功能表四個快捷鍵。和上一個版本相比最大的變化就是加入了在線Widget插件的應(yīng)用，提供了多個應(yīng)用程序在側(cè)邊欄的預(yù)置，同時還能通過Widget在線下載最新的程序。三星的TouchWiz UI邊欄設(shè)計從去年開始進入用戶的視野，也讓Widget桌面插件全部實現(xiàn)了定制化。

最近三星公司又放出了TouchWiz的軟件開發(fā)工具包，鼓勵第三方開發(fā)者為TouchWiz編寫更加豐富的應(yīng)用程序。據(jù)悉，三星的Mobile Widget軟件開發(fā)工具包支持所有TouchWiz界面手機，橫跨Symbian、Windows Mobile和Java三大平臺。開發(fā)者可以使用該工具包開發(fā)TouchWiz界面上的各類小工具，軟件開發(fā)工具包中還內(nèi)置了各平臺手機模擬器，可以直接在電腦上測試軟件運行效果。三星將通過他們自己的軟件商店來銷售這些Widget，并且將在今年發(fā)售的Verizon定制版Omnia II中預(yù)裝這個在線商店。有了更多開發(fā)者的加入之后，相信三星特色的TouchWiz將會更有前景。

代表機型

三星S8000 JET

MOTOROLA

TouchN’Roll

摩托羅拉也是比較早在智能觸摸手機中引入WindowsMoile操作系統(tǒng)的廠家之一，但是同樣受限制于WindowsMoile操作系統(tǒng)簡單而又重復(fù)的UI設(shè)計，過往的手機產(chǎn)品很難從操作界面上與其它產(chǎn)品有所區(qū)分，在看到iPhone、多普達等手機產(chǎn)品炫麗的UI設(shè)計后也開始將自主研發(fā)的操作界面升級，使其更炫麗、更易用，同時也更有自身品牌特色。摩托羅拉給這個全新的桌面程序名為Touch N’Roll，分為首頁、快速聯(lián)絡(luò)人、網(wǎng)絡(luò)快捷鍵、天氣、RSS 摘要、以及快速程序啟動等六項。在這個界面上，用戶可以通過手寫、觸摸和軌跡球的三種方式的來進行操作，并伴隨精美的3D操作界面，用戶界面十分友好。主界面上加入了可以下拉的功能快捷菜單，我們能將一些常用的功能放置在其中，不但豐富了主界面的功能，也方便了大家的操作。 在應(yīng)用程序和快速聯(lián)絡(luò)人中都可以實現(xiàn)九宮格上任意一個對象隨意移動重新排列順序。天氣預(yù)報頁面中不但可以自己加入任意城市，更支持把天氣做成桌面背景圖片。這樣的操控界面切換十分迅速，用手指滑動時也不會有延遲感，順暢程度與實用性都很高。

與其它的手機操作界面不同的是TouchN’Roll觸控技術(shù)并不是單純的在手指觸摸屏幕上下功夫，而是把觸控和軌跡球的應(yīng)用設(shè)計合二為一，通過軌跡球不但可以有手指滑動選擇選項的體驗，還可以通過按下軌跡球來選定打開的項目，同時優(yōu)化后的操作界面也提高了WindowsMoile系統(tǒng)的易用性，很多大圖標的界面也為手指觸控帶來了便捷。

代表機型

摩托羅拉A3000