|
交互操作
手機網(wǎng)頁的操作發(fā)送只有點擊，點擊鏈接和控件，交互方式非常單一，而Web App 的操作將越來越接近應用程序。
1.Web App的建立離不開網(wǎng)絡速度的提升，加載更多的內(nèi)容，圖形元素更為豐富。同時更多的JS交互，便于用戶操作和形成扁平化的信息架構。
 
圖標取代文字鏈接，界面更為美觀，便于識別的。點擊區(qū)域不限于元素的視覺區(qū)域，便于用戶點擊。同時排版不受限制，可以達到原生App的視覺效果。
 
增加標簽欄，首頁呈現(xiàn)更為的內(nèi)容，減少界面的層級關系，頁面關系更為明確。
 
界面可以部分更新，在需要時再呈現(xiàn)，減少界面的刷新，保存視覺的穩(wěn)定性。
氣泡框可以減少頁面跳轉(zhuǎn)，適合消息提醒等微任務的處理。信息架構上越來越接近原生App，有利于扁平化層級關系和減少界面跳轉(zhuǎn)等設計元素將得到更多的應用。
 
2.識別更多的手勢操作，如下拉刷新和右滑存檔等平移手勢。操作不必全部呈現(xiàn)在界面中，和平臺操作保證一致。
3.調(diào)用系統(tǒng)硬件，如重力感應等傳感器，不過在手機端還鮮有應用案例，離大規(guī)模應用還有一定的距離。
 
總之，交互上可以按照原生App的設計方式，效果將越來越接近，主要區(qū)別在于：
- 設計中要考慮到瀏覽器地址欄和工具欄的占有空間，和其對App的操作存在一定的影響。
- 暫時不適合調(diào)用系統(tǒng)底層接口，更適合web網(wǎng)站適配手機做的分支版本。
- 由于HTML的限制，交互的細節(jié)上存在一定的差異。
- 動效還沒大規(guī)模的應用，但Web App界面操作將更為流暢，界面跳轉(zhuǎn)時的平滑移動已經(jīng)可以實現(xiàn)，以后還有更多的動效得到應用。
- 現(xiàn)階段信息架構還混雜著原生App和wap兩種架構方式。
參考資料：
原文：http://daichuanqing.com/index.php/archives/3155
本文鏈接：http://www.95time.cn/design/doc/2011/8678.asp 
出處：曉生語錄
責任編輯：bluehearts
上一頁 淺析手機Web App的交互設計 [1] 下一頁
|
第 1 頁 
第 2 頁 淺析手機Web App的交互設計 [2]
