2011年手機產品設計趨勢(1):精致實用的界面

0 評論 1622 瀏覽 0 收藏 8 分鐘

前言

2010年底Apple在線軟件商店App Store中的軟件數量超過30萬個,而Google在線軟件商店Android Market里的軟件數量已經突破10萬,Windows Phone 7也于今年10月正式發布,隨著手機硬件造價的降低和應用數量的上升,移動互聯網的發展前景普遍被看好。但是移動互聯網沒有固定盈利模式之前,如何依靠產品優秀的用戶體驗侵占手機桌面和用戶瑣碎的時間是眾開發者們面臨的主要問題之一。

匯總本年度手機應用程序和熱點問題之后,不難看出其中的趨勢性特征,如精致的界面、操作體驗、基于硬件的應用和消息推送等問題。可以預計的是,在2011年的產品設計中這些特征會逐漸得到強化。

精致實用的界面

自從iPhone 4視網膜屏幕(Retina Display) 發布,成為迄今為止在移動設備上能見到的最細膩、顯示細節最清晰的屏幕,326顯示精度比普通印刷品還要高,而以往普通手機的96像素,Android平臺各種手機在120-240像素區間內,iPhone 4之前的屏幕也只有164像素。

clock

高精度意味著同樣大小的屏幕上可以顯示更多的細節,這對界面視覺設計要求也更高。出色的設計也能讓你的應用程序脫穎而出,同時美觀的界面看起來更好用。

2-81 m9

為了保證視覺效果統一性,各產品都不遺余力地彌補終端差異性,wap網站通過識別終端分辨率和平臺顯示不同的視覺效果,客戶端也會在Android平臺達到屏幕完美適配。

多主題

weico2

在安裝包容許的情況下,為應用程序設計多套主題也是設計師滿足用戶多樣化需求的手段之一。優先滿足主體需求,也能照顧到用戶的個性化需求。

控件

設計師也不再滿足于系統提供的看起來千篇一律的標準控件,特別是Android平臺黑乎乎的表格視圖讓人難以忍受。后半年新出的應用程序大多采用更為美觀的自定義控件,提升用戶體驗的同時注重產品的品牌形象。

m4 m3

根據產品的實際情況修正的自定義控件,也能帶來操作上的便利。如可愛的小地陪沒有使用Android的下拉框控件,雖然單欄一次無法展現多個選項,但是去掉了彈框能減少了操作步驟和等待時間,而小米分享將引入網頁和iPad中的氣泡框。由于設計經驗有限,需要避免網頁設計的照搬,設計適用于手機的控件是交互設計們需要關注的問題。

字體

spiekermann15

早期Nokia為了滿足低像素手機的字體顯示要求,設計了點陣式字體Nokia Sans,為了讓用戶一眼就能識別出Nokia,該字體一直沿用至今。但手機渲染字體的能力已經顯著提升,針對高分辨率設計的Android的Droid和iPhone的Helvetica更能適應顯示要求。

ziti

但是界面中過多的細節也會有損用戶體驗,如像素提升一倍,對界面中的文字的閱讀享受并沒有相應成倍提升,相反字體過于銳利反而會干擾閱讀,造成視覺疲勞,甚至不如低精度的電子書?,F在還處在手機界面設計的早期,還沒有像網頁設計那樣多種設計風格,也正如現代主義那樣,“形式追隨功能”的功能主義特征仍是先期產品設計的原則,避免過度設計。

布局

wp77

頂部標題欄、中部正文和底部工具/標簽欄是常見的手機界面布局,根據操作情境在調用合適的控件。一方面設計要關注如何讓界面更為巧妙地布局,如在標題欄中顯示Tab分欄和充分利用表視圖,另一方面似乎如何巧妙都不滿足用戶的屏幕顯示尺寸的需求,主體部分最大化已經在部分應用程序和操作系統中有所體現。如隨著操作Android自帶瀏覽器chrome掩藏地址欄,而Windows Phone 7掩藏狀態欄。

尺寸

95ca_Twittergoldenratio_thumb

在網頁設計中柵格系統和比例關系能大大提高網頁的規范性,頁面中所有組件的尺寸都是有規律的。

golden

圖片來自Tencent CDC Blog

如上圖的布局尺寸主要包括比例和模數尺寸,界面設計中不存在孤立的元素。除了色彩之外,布局和采用有聯系的模數尺寸和建立界面元素的聯系,看起來更為協調,,克服視覺的不確定性。但一方面手機端界面設計還需要考慮手指點擊,另一方面手機屏幕統一程度低,同樣的設計在各個終端看起來不盡相同,規范性尺寸設計較低。但是未來如條件容許,科學精確性設計是必然化趨勢。

來源:http://daichuanqing.com/index.php/archives/2281

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!