自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

2012年移動應用交互設計趨勢

移動開發(fā)
2011年涌現出諸多優(yōu)秀設計,隨著操作系統的更新和硬件性能的提升,交互設計又被提升到一個新的高度。不再是將內容從互聯網搬至移動設備,而是解決設備本身的問題,根據用戶需求從操作方式、信息架構和內容呈現等各個方面挖掘設計的可能性,為用戶帶來新穎的交互體驗。

本文匯總今年熱門產品的界面案例,希望能從中總結出未來一年需要重點關注的設計趨勢。

突出主要功能

對于信息架構的不同,主界面也會有很大區(qū)分,以某一功能吸引用戶,如拍照分享。

專注是從眾多相似產品中脫穎而出的產品策略。有數據表明,如果界面某項功能在視覺上最明顯,那也將提高用戶使用的機率,而從主界面點擊超過三次才能操作的功能被使用機率則非常低。

 

 

integram在視覺上“share”按鈕的樣式區(qū)分去其他標簽,強調分享,而不是拍照功能。

 

#p#

 

語音交互

設備硬件為取代其他終端產品和實現新穎的功能提供了技術基礎,用戶與設備之間的交互方式不僅局限受觸摸屏,語音和拍攝在2011年的移動應用中發(fā)揮了巨大的作用,促成微信和Instagram等熱門產品。

 

[[54946]]

 

Siri被譽為革命性產品,不管其是否夸大其詞,它成功將語音交互引入到移動設備中,比起語音命令更為智能。

 

 

百度手機瀏覽器Android率先引入語音搜索,解放雙手,提供更為自然的操作方式,但需要交互輔助解決識別率和使用環(huán)境嘈雜等問題。

 

 

語聊可能是今年最火的功能,音頻讓用戶溝通更為方便,在此基礎之上還能衍生出更豐富的語音交互方式,比如語音表情等等。

 

 

語音輸入是語音識別的基礎應用,有望廣泛實現在手機的輸入法中。

#p#

攝像頭交互

 

 

攝像頭的潛力同樣讓人興奮,除了拍照和拍視頻還有很多料想不到的功能,比如類似于kinect的操作,在屏幕上方移動手掌可以操作手機。

 

 

裸眼3D利用前置攝像頭探測用戶和設備的相對位置,在屏幕上顯示立體化的圖形,不需要戴眼鏡可以看到3D的效果,這項技術可能優(yōu)先使用在游戲中。

攝像頭還可以捕捉眼球的位置移動,取代觸摸屏操作,計算出用戶的視覺注意力在屏幕哪部分區(qū)域,頁面可以隨著眼球的移動,當眼球的注意力集中在某個圖標上2秒鐘可以觸發(fā)點擊操作。

 

 

Galaxy Nexus的臉部識別功能,利用前置攝像頭將成熟技術應用在移動端,視頻通話也將在未來幾年得到普及。

#p#

手勢操作

以N9為代表,滑動手勢取代Home鍵,滑動操作將非常頻繁地出現在觸摸屏操作中,設計中使用滑動手勢取代點擊有諸多優(yōu)點,比如避免點擊區(qū)域導致的誤操作問題、操作流暢和隱藏控件等。

 

 

N9手機

 

[[54950]]

 

uc瀏覽器雙指滑動可以新建或者切換界面,有助于提高操作效率。

 

 

iPhone版Flipboard向上滑動實現翻頁,不過效果過于強烈,視覺上并不連貫。

 

 

百度手機瀏覽器WP7版單指滑動工具欄可以縮放頁面,隨意控制頁面比例。

#p#

動效

隨著手機性能的提升,系統和應用程序中的動效越來越豐富,其豐富的視覺細節(jié)對于交互設計有著諸多的輔助作用,有效保證富交互的實現效果,應用形式有轉場、控件交互、操作效果和提供反饋等。

 

 

翻頁和點擊單個元素進入新頁面時,專場效果讓界面看起來更為流暢。

 

 

Path控件的動效成為今年流行設計元素,越來越多的應用為針對ios5增加動效。

#p#

側邊欄

當界面結構比較復雜,類似Pad的側邊欄有助于減少界面的層級關系,充分利用顯示空間,或者讓目錄型數據便于操作。

 

 

Facebook&Pa

 

 

 

 

全局顯示

移動設備的屏幕越來越大,但還是要減少不必要視覺元素干擾用戶,特別是對于瀏覽類產品,更注重擴大主體顯示區(qū)域。

 

 

WP7瀏覽器將地址欄放置底部,增加顯示空間,同時讓用戶的操作集中在界面底部。

 

 

唐茶閱讀盡量屏蔽了無關的視覺元素,代表了***的中文閱讀體驗。

 

 

百度手機瀏覽器WP7版單指滑動工具欄可以縮放頁面,這也是動效的應用案例之一。

#p#

近距離交互

近距離交互是個人杜撰出來的詞匯,意指實現近距離的設備與設備之間的交互,移動設備中數據可以像物品一樣被隨時隨地的交換,包括用戶的身份信息。

 

 

搖手機換名片應用到LBS和重力感應,實現“碰撞”設備交互數據,如通訊錄、照片和應用程序等等。

Square可以查找到周圍的移動設備,發(fā)送支付清單,實現線上支付。

 

 

移動設備自帶的NFC功能,包含用戶各種卡類信息,從而可以取代用戶的銀行卡、飯卡、公交卡和門卡等等。

【編輯推薦】

  1. 移動應用如何推動物理和虛擬世界的聯姻
  2. 2011移動應用發(fā)展回顧,2012路在何方?
  3. 星期日:發(fā)布移動應用的***時間
責任編輯:冰凝兒 來源: 曉生語錄
相關推薦

2014-07-14 11:04:46

2012-01-18 13:25:15

移動應用設計趨勢

2013-08-02 14:10:24

移動App交互設計

2012-02-01 15:12:09

交互設計移動設備

2015-01-14 11:05:07

移動交互設計自查表

2013-02-19 10:47:17

情感交互產品交互趨勢

2012-03-12 13:55:22

交互設計

2011-06-21 15:12:23

交互設計UI設計

2011-09-07 09:55:25

2023-06-25 10:10:00

2015-04-23 11:00:23

交互設計APP設計

2011-11-25 10:43:59

Android平板電腦交互設計

2012-12-24 14:18:51

移動應用LBSHTML5

2011-04-19 16:06:04

包豪斯運動交互設計

2024-01-02 11:38:41

體驗交互設計

2011-01-13 14:52:47

移動應用開發(fā)趨勢2011年

2014-05-16 10:44:57

設計交互設計

2013-05-22 10:45:47

程序員交互設計

2013-12-19 10:10:58

交互設計費茨法則席克定律

2012-03-05 17:16:13

移動開發(fā)就業(yè)
點贊
收藏

51CTO技術棧公眾號