2011年移動(dòng)用戶體驗(yàn)趨勢(shì)：精致實(shí)用的界面
51CTO編者按：前不久我們剛剛轉(zhuǎn)發(fā)了一篇翻譯稿《iPhone應(yīng)用界面設(shè)計(jì)指南》，iPhone的應(yīng)用界面改變了移動(dòng)智能移動(dòng)終端設(shè)備Symbian統(tǒng)治時(shí)期原有的死板界面。而2010年底Apple在線軟件商店App Store中的軟件數(shù)量超過(guò)30萬(wàn)個(gè)，Google在線軟件商店Android Market里的軟件數(shù)量已經(jīng)突破10萬(wàn)，Windows Phone 7也于今年10月正式發(fā)布，隨著移動(dòng)終端設(shè)備硬件造價(jià)的降低和應(yīng)用數(shù)量的上升，移動(dòng)互聯(lián)網(wǎng)的發(fā)展前景普遍被看好。
但是移動(dòng)互聯(lián)網(wǎng)沒(méi)有固定盈利模式之前，如何依靠產(chǎn)品優(yōu)秀的用戶體驗(yàn)侵占移動(dòng)終端設(shè)備桌面和用戶瑣碎的時(shí)間是眾開(kāi)發(fā)者們面臨的主要問(wèn)題之一。
匯總本年度移動(dòng)終端設(shè)備應(yīng)用程序和熱點(diǎn)問(wèn)題之后，不難看出其中的趨勢(shì)性特征，如精致的界面、操作體驗(yàn)、基于硬件的應(yīng)用和消息推送等問(wèn)題?？梢灶A(yù)計(jì)的是，在2011年的產(chǎn)品設(shè)計(jì)中這些特征會(huì)逐漸得到強(qiáng)化。
精致實(shí)用的界面
自從iPhone 4視網(wǎng)膜屏幕（Retina Display）發(fā)布，成為迄今為止在移動(dòng)設(shè)備上能見(jiàn)到的最細(xì)膩、顯示細(xì)節(jié)最清晰的屏幕，326顯示精度比普通印刷品還要高，而以往普通移動(dòng)終端設(shè)備的96像素，Android平臺(tái)各種移動(dòng)終端設(shè)備在120-240像素區(qū)間內(nèi)，iPhone 4之前的屏幕也只有164像素。
高精度意味著同樣大小的屏幕上可以顯示更多的細(xì)節(jié)，這對(duì)界面視覺(jué)設(shè)計(jì)要求也更高。出色的設(shè)計(jì)也能讓你的應(yīng)用程序脫穎而出，同時(shí)美觀的界面看起來(lái)更好用。
為了保證視覺(jué)效果統(tǒng)一性，各產(chǎn)品都不遺余力地彌補(bǔ)終端差異性，wap網(wǎng)站通過(guò)識(shí)別終端分辨率和平臺(tái)顯示不同的視覺(jué)效果，客戶端也會(huì)在Android平臺(tái)達(dá)到屏幕***適配。
多主題
在安裝包容許的情況下，為應(yīng)用程序設(shè)計(jì)多套主題也是設(shè)計(jì)師滿足用戶多樣化需求的手段之一。優(yōu)先滿足主體需求，也能照顧到用戶的個(gè)性化需求。
控件
設(shè)計(jì)師也不再滿足于系統(tǒng)提供的看起來(lái)千篇一律的標(biāo)準(zhǔn)控件，特別是Android平臺(tái)黑乎乎的表格視圖讓人難以忍受。后半年新出的應(yīng)用程序大多采用更為美觀的自定義控件，提升用戶體驗(yàn)的同時(shí)注重產(chǎn)品的品牌形象。
根據(jù)產(chǎn)品的實(shí)際情況修正的自定義控件，也能帶來(lái)操作上的便利。如可愛(ài)的小地陪沒(méi)有使用Android的下拉框控件，雖然單欄一次無(wú)法展現(xiàn)多個(gè)選項(xiàng)，但是去掉了彈框能減少了操作步驟和等待時(shí)間，而小米分享將引入網(wǎng)頁(yè)和iPad中的氣泡框。由于設(shè)計(jì)經(jīng)驗(yàn)有限，需要避免網(wǎng)頁(yè)設(shè)計(jì)的照搬，設(shè)計(jì)適用于移動(dòng)終端設(shè)備的控件是交互設(shè)計(jì)們需要關(guān)注的問(wèn)題。
字體
早期諾基亞為了滿足低像素移動(dòng)終端設(shè)備的字體顯示要求，設(shè)計(jì)了點(diǎn)陣式字體諾基亞 Sans，為了讓用戶一眼就能識(shí)別出諾基亞，該字體一直沿用至今。但移動(dòng)終端設(shè)備渲染字體的能力已經(jīng)顯著提升，針對(duì)高分辨率設(shè)計(jì)的Android的Droid和iPhone的Helvetica更能適應(yīng)顯示要求。
但是界面中過(guò)多的細(xì)節(jié)也會(huì)有損用戶體驗(yàn)，如像素提升一倍，對(duì)界面中的文字的閱讀享受并沒(méi)有相應(yīng)成倍提升，相反字體過(guò)于銳利反而會(huì)干擾閱讀，造成視覺(jué)疲勞，甚至不如低精度的電子書?，F(xiàn)在還處在移動(dòng)終端設(shè)備界面設(shè)計(jì)的早期，還沒(méi)有像網(wǎng)頁(yè)設(shè)計(jì)那樣多種設(shè)計(jì)風(fēng)格，也正如現(xiàn)代主義那樣，“形式追隨功能”的功能主義特征仍是先期產(chǎn)品設(shè)計(jì)的原則，避免過(guò)度設(shè)計(jì)。
布局
頂部標(biāo)題欄、中部正文和底部工具/標(biāo)簽欄是常見(jiàn)的移動(dòng)終端設(shè)備界面布局，根據(jù)操作情境在調(diào)用合適的控件。一方面設(shè)計(jì)要關(guān)注如何讓界面更為巧妙地布局，如在標(biāo)題欄中顯示Tab分欄和充分利用表視圖，另一方面似乎如何巧妙都不滿足用戶的屏幕顯示尺寸的需求，主體部分***化已經(jīng)在部分應(yīng)用程序和操作系統(tǒng)中有所體現(xiàn)。如隨著操作Android自帶瀏覽器掩藏地址欄，而Windows Phone 7掩藏狀態(tài)欄。
尺寸
在網(wǎng)頁(yè)設(shè)計(jì)中柵格系統(tǒng)和比例關(guān)系能大大提高網(wǎng)頁(yè)的規(guī)范性，頁(yè)面中所有組件的尺寸都是有規(guī)律的。
如上圖的布局尺寸主要包括比例和模數(shù)尺寸，界面設(shè)計(jì)中不存在孤立的元素。除了色彩之外，布局和采用有聯(lián)系的模數(shù)尺寸和建立界面元素的聯(lián)系，看起來(lái)更為協(xié)調(diào),，克服視覺(jué)的不確定性。但一方面移動(dòng)終端設(shè)備端界面設(shè)計(jì)還需要考慮手指點(diǎn)擊，另一方面移動(dòng)終端設(shè)備屏幕統(tǒng)一程度低，同樣的設(shè)計(jì)在各個(gè)終端看起來(lái)不盡相同，規(guī)范性尺寸設(shè)計(jì)較低。但是未來(lái)如條件容許，科學(xué)精確性設(shè)計(jì)是必然化趨勢(shì)。
【編輯推薦】
