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

一、移動(dòng)產(chǎn)品的實(shí)現(xiàn)方式

移動(dòng)產(chǎn)品的實(shí)現(xiàn)方式主要有三種：①Native App；② Web App；③ Hybrid App

① Native App指的是本地化應(yīng)用，就是我們從應(yīng)用商店下載安裝的獨(dú)立應(yīng)用，類(lèi)似于PC平臺(tái)上的客戶(hù)端，Native App的主要優(yōu)勢(shì)有：

最佳的用戶(hù)體驗(yàn)，最華麗的交互，操作流暢

可節(jié)省帶寬成本

能夠輕松調(diào)用圖片相機(jī)，各類(lèi)傳感器，麥克風(fēng)，電話….

可以使用PUSH推送

Native App有著非常明顯的優(yōu)勢(shì)，也是用戶(hù)接受程度最高的呈現(xiàn)方式，但開(kāi)發(fā)原生應(yīng)用的成本比較高，而且維護(hù)更新滯后，訪問(wèn)路徑封閉；如果不是用戶(hù)常用的應(yīng)用，很難長(zhǎng)時(shí)間存活在用戶(hù)手機(jī)里。

② Web App 通常是指觸屏站，就是我們通過(guò)手機(jī)瀏覽器訪問(wèn)的Html5網(wǎng)站，Html5支持一些新標(biāo)簽和腳本，可以做出類(lèi)原生應(yīng)用的效果和動(dòng)畫(huà)，Web App的主要優(yōu)勢(shì)有：

實(shí)時(shí)更新

不需要針對(duì)各平臺(tái)開(kāi)發(fā)不同的版本，開(kāi)發(fā)成本低

輸入網(wǎng)址即可訪問(wèn)，不需要下載安裝更新。

但Web App的缺點(diǎn)也比較明顯：

部分瀏覽器無(wú)法調(diào)用相冊(cè), 硬件資源和傳感器

無(wú)法使用推送功能

性能較差

瀏覽器適配容易出問(wèn)題

緩存小，以iPhone為標(biāo)準(zhǔn)，所有的圖片和腳本都要小于25KB

目前只兼容webkit內(nèi)核的手機(jī)瀏覽器, WP,Symbian等平臺(tái)的瀏覽器無(wú)法正常訪問(wèn)。Web App主要服務(wù)于產(chǎn)品的輕度用戶(hù)，或作為Native App宣傳下載的中轉(zhuǎn)站。

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

Hybrid App通常分為三種類(lèi)型：多View混合型，單View混合型，Web主體型。

我們先來(lái)認(rèn)識(shí)一下什么是多View混合型：

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

再來(lái)了解一下什么是單View混合型：

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

而Web主體型可以理解為一個(gè)Native的外殼內(nèi)嵌入了純Html網(wǎng)頁(yè)，這種方式的app想通過(guò)商店審核非常困難，而且用戶(hù)體驗(yàn)也非常的糟糕，目前的技術(shù)不是太成熟，缺錢(qián)缺人缺時(shí)間的情況下可以考慮使用這種方式。

二、移動(dòng)產(chǎn)品的需求特性

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

根據(jù)移動(dòng)平臺(tái)的用戶(hù)使用環(huán)境，需求主要考慮：

App作為主站的快捷工具，只需實(shí)現(xiàn)核心需求，考慮添加場(chǎng)景需求，而不是所有需求的復(fù)制；
信息處理方式多樣化：視覺(jué)、聽(tīng)覺(jué)和運(yùn)動(dòng)觸覺(jué)；手機(jī)是各個(gè)終端的組合體：電話、互聯(lián)網(wǎng)、電腦、信用卡、電視、媒體播放器、收音機(jī)、錄音筆、攝像頭…需要充分利用；

要利用好手機(jī)隨身攜帶的優(yōu)勢(shì)，比如推送通知，LBS定位；

手機(jī)的輸入效率有限，需要避免復(fù)雜的編輯操作和危險(xiǎn)操作需求；

網(wǎng)絡(luò)環(huán)境不穩(wěn)定，避免單頁(yè)面呈現(xiàn)內(nèi)容過(guò)多；

手機(jī)平臺(tái)無(wú)資源管理器，屏幕小，硬件能力有限，只適用于微任務(wù)，代替不了PC端；

移動(dòng)平臺(tái)本身具有短路徑的缺陷（無(wú)法在眾多APP間自由跳轉(zhuǎn)）。

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

① 操作行為的革新

PC端的輸入設(shè)備是鍵盤(pán)+鼠標(biāo)，而移動(dòng)端主要靠手勢(shì)

② 傳感器的利用

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

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

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

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

圖中的新聞客戶(hù)端之所以沒(méi)有設(shè)計(jì)成自動(dòng)切換，可能是考慮到絕大都數(shù)用戶(hù)都不習(xí)慣夜間模式，或者不喜歡應(yīng)用的強(qiáng)制切換。

除了上述的幾個(gè)常用傳感器，還有方向傳感器（賽車(chē)類(lèi)游戲）、距離傳感器（接電話時(shí)屏幕自動(dòng)熄滅）、壓力傳感器（部分機(jī)型有，可以檢測(cè)樓層、海拔）等。

③小屏幕，單窗口

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

最小點(diǎn)擊熱區(qū)不小于44*44

不超過(guò)4個(gè)次級(jí)關(guān)系的頁(yè)面層級(jí)

明確的操作反饋和提示

使用不同平臺(tái)的標(biāo)準(zhǔn)控件

頁(yè)面跳轉(zhuǎn)的意向化過(guò)渡

具備趣味性

④平臺(tái)操作的差異化

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