偷偷摘套内射激情视频,久久精品99国产国产精,中文字幕无线乱码人妻,中文在线中文a,性爽19p

Part.1 移動應(yīng)用設(shè)計入門

移動開發(fā)
隨著智能手機、平板電腦的快速普及,越來越多的企業(yè)意識到建立自己的APP應(yīng)用和移動網(wǎng)站的重要性,也有越來越多設(shè)計師開始轉(zhuǎn)戰(zhàn)移動平臺。本篇主要介紹移動平臺的一些入門知識和各平臺的設(shè)計要求。

  隨著智能手機、平板電腦的快速普及,越來越多的企業(yè)意識到建立自己的APP應(yīng)用和移動網(wǎng)站,也有越來越多設(shè)計師開始轉(zhuǎn)戰(zhàn)移動平臺。本篇主要介紹移動平臺的一些入門知識和各平臺的設(shè)計要求。

 

一、移動產(chǎn)品的實現(xiàn)方式

移動產(chǎn)品的實現(xiàn)方式主要有三種:①Native App;② Web App;③ Hybrid App

 

① Native App指的是本地化應(yīng)用,就是我們從應(yīng)用商店下載安裝的獨立應(yīng)用,類似于PC平臺上的客戶端,Native App的主要優(yōu)勢有:
最佳的用戶體驗,最華麗的交互,操作流暢 
可節(jié)省帶寬成本 
能夠輕松調(diào)用圖片相機,各類傳感器,麥克風,電話…. 
可以使用PUSH推送 
Native App有著非常明顯的優(yōu)勢,也是用戶接受程度最高的呈現(xiàn)方式,但開發(fā)原生應(yīng)用的成本比較高,而且維護更新滯后,訪問路徑封閉;如果不是用戶常用的應(yīng)用,很難長時間存活在用戶手機里。
 
② Web App 通常是指觸屏站,就是我們通過手機瀏覽器訪問的Html5網(wǎng)站,Html5支持一些新標簽和腳本,可以做出類原生應(yīng)用的效果和動畫,Web App的主要優(yōu)勢有:

實時更新 
不需要針對各平臺開發(fā)不同的版本,開發(fā)成本低 
輸入網(wǎng)址即可訪問,不需要下載安裝更新。

但Web App的缺點也比較明顯:
部分瀏覽器無法調(diào)用相冊, 硬件資源和傳感器 
無法使用推送功能 
性能較差 
瀏覽器適配容易出問題 
緩存小,以iPhone為標準,所有的圖片和腳本都要小于25KB 
目前只兼容webkit內(nèi)核的手機瀏覽器, WP,Symbian等平臺的瀏覽器無法正常訪問。Web App主要服務(wù)于產(chǎn)品的輕度用戶,或作為Native App宣傳下載的中轉(zhuǎn)站。

 

③ Hybrid App 是指混合模式應(yīng)用,同時使用網(wǎng)頁語言與程序語言編寫,包含原生視圖和Web視圖兩種方式,使用方式和Native App一致,而又繼承了Web App實時更新開發(fā)成本低等優(yōu)點。

Hybrid App通常分為三種類型:多View混合型,單View混合型,Web主體型。

 

我們先來認識一下什么是多View混合型:


 

  天貓App的產(chǎn)品詳情頁使用的就是多View混合型,基本信息用的Native view, 而數(shù)據(jù)格式較為混亂的商品詳情頁就直接用的Web view視圖。這種移動應(yīng)用主體通常是Native App,Web技術(shù)只是起到補充作用。


再來了解一下什么是單View混合型:

  即在同一個View內(nèi),同時包括Native View和Web View?;ハ嘀g是覆蓋(層疊)的關(guān)系。這種方式的體驗要優(yōu)于多View混合型,一般用于Native View中部分數(shù)據(jù)接口不方便實現(xiàn)的頁面,普通用戶基本上看不出與原生視圖的區(qū)別。


而Web主體型可以理解為一個Native的外殼內(nèi)嵌入了純Html網(wǎng)頁,這種方式的app想通過商店審核非常困難,而且用戶體驗也非常的糟糕,目前的技術(shù)不是太成熟,缺錢缺人缺時間的情況下可以考慮使用這種方式。
 
二、移動產(chǎn)品的需求特性

  一般企業(yè)級的App都是根據(jù)Web主站的需求做移動化定制,規(guī)劃需求時主要考慮用戶的使用環(huán)境。


根據(jù)移動平臺的用戶使用環(huán)境,需求主要考慮:
 App作為主站的快捷工具,只需實現(xiàn)核心需求,考慮添加場景需求,而不是所有需求的復(fù)制; 
信息處理方式多樣化:視覺、聽覺和運動觸覺;手機是各個終端的組合體:電話、互聯(lián)網(wǎng)、電腦、信用卡、電視、媒體播放器、收音機、錄音筆、攝像頭…需要充分利用; 
要利用好手機隨身攜帶的優(yōu)勢,比如推送通知,LBS定位; 
手機的輸入效率有限,需要避免復(fù)雜的編輯操作和危險操作需求; 
網(wǎng)絡(luò)環(huán)境不穩(wěn)定,避免單頁面呈現(xiàn)內(nèi)容過多; 
手機平臺無資源管理器,屏幕小,硬件能力有限,只適用于微任務(wù),代替不了PC端; 
移動平臺本身具有短路徑的缺陷(無法在眾多APP間自由跳轉(zhuǎn))。

 

三、移動產(chǎn)品的交互特性

① 操作行為的革新
PC端的輸入設(shè)備是鍵盤+鼠標,而移動端主要靠手勢

② 傳感器的利用
移動設(shè)備除了各種手勢操作,各種傳感器也應(yīng)該是交互設(shè)計可以利用的利器,下面簡單介紹幾種常用的傳感器類型:
重力感應(yīng)器,最常應(yīng)用與橫豎屏切換,平衡球游戲等.

速度感應(yīng)器,應(yīng)用最成功的是微信的搖一搖,然后市面出現(xiàn)了大批的搖晃類操作的應(yīng)用都是利用的加速度傳感器;

方位感應(yīng)器,主要應(yīng)用于指南針,地圖等。

光線感應(yīng)器主要應(yīng)用與屏幕亮度自動調(diào)節(jié),自動切換白天夜間模式;

圖中的新聞客戶端之所以沒有設(shè)計成自動切換,可能是考慮到絕大都數(shù)用戶都不習慣夜間模式,或者不喜歡應(yīng)用的強制切換。

除了上述的幾個常用傳感器,還有方向傳感器(賽車類游戲)、距離傳感器(接電話時屏幕自動熄滅)、壓力傳感器(部分機型有,可以檢測樓層、海拔)等。
 

③小屏幕,單窗口

  在設(shè)計Web網(wǎng)頁時,我們會有全局導(dǎo)航,頁簽,柵格,面包屑等方法處理復(fù)雜信息的呈現(xiàn),而在移動端,會有小屏幕單窗口的特性,而且手指的精準度遠差與鼠標,所以移動應(yīng)用的設(shè)計相比網(wǎng)頁有更多的要求:

最小點擊熱區(qū)不小于44*44 
不超過4個次級關(guān)系的頁面層級 
明確的操作反饋和提示 
使用不同平臺的標準控件 
頁面跳轉(zhuǎn)的意向化過渡 
具備趣味性

 

④平臺操作的差異化

  雖然很多Android的應(yīng)用和iOS應(yīng)用無差異,但各平臺的操作習慣和實體按鍵并不相同,iOS應(yīng)用的所有操作都是通過手勢完成,而Android和WindowsPhone卻有使用率非常高的實體鍵,而且高級手勢在android和WP端并不能實現(xiàn)。

 

  那么各平臺的設(shè)計規(guī)范又有哪些區(qū)別和優(yōu)勢,這個..還是等下一個章節(jié)再講吧。

 

來源:小猛的交互設(shè)計

責任編輯:佚名 來源: cocoachina
相關(guān)推薦

2013-05-02 15:05:44

2018-10-26 14:14:19

Zigbee無線安全網(wǎng)絡(luò)拓撲

2023-08-29 07:53:17

領(lǐng)域驅(qū)動設(shè)計

2013-09-04 15:07:06

移動應(yīng)用設(shè)計

2011-06-08 13:08:03

WEB設(shè)計

2016-05-31 15:24:15

APP前后端

2013-03-04 14:13:13

HTML5CSS3響應(yīng)式

2010-10-15 09:39:22

MeeGoQt

2017-04-24 23:22:23

2012-04-17 09:20:38

表單設(shè)計移動應(yīng)用

2017-04-10 08:14:28

移動應(yīng)用應(yīng)用內(nèi)搜索業(yè)務(wù)轉(zhuǎn)化

2011-05-24 16:07:21

UI設(shè)計移動應(yīng)用

2013-04-17 09:50:36

用戶體驗設(shè)計UED手勢

2017-03-31 22:38:05

移動應(yīng)用導(dǎo)航瀏覽

2013-04-08 10:48:41

移動應(yīng)用API

2015-03-06 17:24:56

Android應(yīng)用安全安卓應(yīng)用安全

2011-12-28 09:52:30

移動優(yōu)先移動Web

2011-12-26 10:28:39

移動Web

2011-12-29 20:38:47

移動應(yīng)用

2013-01-17 14:34:49

微信移動應(yīng)用產(chǎn)品設(shè)計
點贊
收藏

51CTO技術(shù)棧公眾號