目前，我們的生活越來越智能化，就拿智能手機(jī)來說，中國(guó)越來越多的移動(dòng)用戶為我們的社會(huì)和網(wǎng)絡(luò)創(chuàng)造新的奇跡！

今天，25學(xué)堂跟大家重新來闡述下移動(dòng)平臺(tái)的特點(diǎn)和APP應(yīng)用設(shè)計(jì)需求。

移動(dòng)智能平臺(tái)的特點(diǎn)

1. 用戶時(shí)間碎片化：

移動(dòng)設(shè)備的方便攜帶，也同時(shí)帶來了它瀏覽時(shí)間的碎片化。以智能手機(jī)為例：我們通常在短暫的時(shí)間里，完成一件任務(wù)或者是進(jìn)行一個(gè)娛樂事件，比如：散步、坐公交、睡前、午后閑暇、旅行的時(shí)候，開始拍照、分享、做筆記、玩游戲、購物，等等。在平均短短5-30分鐘的時(shí)間里，思路常常被打斷，手機(jī)常常被拿起放下，高效和輕交互，就成為了移動(dòng)設(shè)計(jì)的特點(diǎn)。

2. 手勢(shì)的應(yīng)用：手代替鼠標(biāo)來操作，即觸摸

移動(dòng)觸屏的產(chǎn)生，同時(shí)也帶來了各種手勢(shì)的配搭。這些手勢(shì)的應(yīng)用，相比于鍵盤、鼠標(biāo)，能更加快速做出響應(yīng)，并且降低學(xué)習(xí)成本，更加直觀地進(jìn)行人機(jī)交流。但觸摸相比鼠標(biāo)，卻無法達(dá)到高度的精準(zhǔn)，也無法出現(xiàn)像網(wǎng)頁中的鼠標(biāo)hover、懸停等的效果。東西方人的指尖觸碰面積略有不同，但通常，它們合適的點(diǎn)擊區(qū)域是在44-44px的范圍里。

3. 屏幕的限制：不像電腦屏幕一樣 很大尺寸

我們說移動(dòng)平臺(tái)的設(shè)計(jì)，其實(shí)就像是帶著枷鎖跳舞，這個(gè)枷鎖不僅是來自各個(gè)平臺(tái)系統(tǒng)的控件規(guī)范，還有最大的問題就是屏幕空間的有限，加之前面說過的44-44px的點(diǎn)擊區(qū)域，更是需要我們的APP設(shè)計(jì)，在單個(gè)界面的展示，簡(jiǎn)潔再扼要，交互輕量再輕量，層級(jí)淺顯再淺顯。

如何在有限的屏幕中展現(xiàn)更多的信息。

有三個(gè)要素：

a. 巧妙地利用工具欄與toolbar的隱藏與浮出，最大程度地展示主題，同時(shí)快速的做出交互動(dòng)作。

b. 合理放置控件布局：盡量把最重要的交互按鈕和信息，放置在第一屏中，這點(diǎn)相信在PC端網(wǎng)頁設(shè)計(jì)中也同樣適用。

c. 有針對(duì)性的移植：現(xiàn)在有越來越多的客戶端應(yīng)用，都來自于成熟的網(wǎng)站產(chǎn)品的轉(zhuǎn)移，但網(wǎng)頁所能承載的信息與交互，遠(yuǎn)遠(yuǎn)大于客戶端。于是我們應(yīng)該高度解理產(chǎn)品的核心功能與精神理念，提取最重要的信息模塊，進(jìn)行客戶端的轉(zhuǎn)化移植。

4.輸入和選擇的 限制：即搜索功能的限制

我們?cè)谑褂弥悄苁謾C(jī)和其他移動(dòng)設(shè)備的時(shí)候，必須在環(huán)境不穩(wěn)定，并且碎片時(shí)間里快速地完成任務(wù)，而不像在PC電腦前，沉溺專注地做一件事，而敲擊鍵盤輸入文字，卻需要花費(fèi)一定的時(shí)間精力，在不得已的情況下，用戶并不喜歡在手機(jī)上長(zhǎng)時(shí)間的敲擊虛擬鍵盤，(各位一定有經(jīng)常按錯(cuò)鍵的時(shí)候吧)所以許多優(yōu)秀的app就會(huì)用其他的功能代替鍵盤，比如微信的語音功能。

如上是一款手機(jī)花費(fèi)充值的app，在選擇金額上，它通過用戶利用滑動(dòng)區(qū)域值，很好地解決了輸入數(shù)字的問題.

5. 流量與費(fèi)用的考慮：

移動(dòng)用戶通常包流量來實(shí)現(xiàn)上網(wǎng)的樂趣，所以我們?cè)谠O(shè)計(jì)app的時(shí)候應(yīng)該同時(shí)考慮到流量與耗電的節(jié)約，尤其是合理的圖片展示對(duì)流量的影響。

比如weico+的應(yīng)用，最新版節(jié)省了60%的耗電量，無疑是一大賣點(diǎn)。

還有新浪weibo的客戶端，對(duì)于圖片的展示，分成feeds小圖、點(diǎn)擊出中圖、再點(diǎn)擊加載詳細(xì)大圖，滿足了各種用戶瀏覽圖片的需要，通過需求細(xì)分來達(dá)到了節(jié)約流量的目的。

APP界面設(shè)計(jì)要求：

現(xiàn)在我們要開始著手開始設(shè)計(jì)一個(gè)app，說到實(shí)際操刀，該從何入手呢?

首先你要了解自己的產(chǎn)品屬性，它是一個(gè)全新的未有任何PC基礎(chǔ)的app，還是移植性的app和混合型的webapp?

1. 全新的app設(shè)計(jì)：

每一個(gè)app都有它的精神宗旨。我們?cè)谶@里給它一個(gè)定義叫做：產(chǎn)品定義描述(Application Definition Statement簡(jiǎn)稱ADS)，融會(huì)貫通，這個(gè)概念不僅體現(xiàn)在app的設(shè)計(jì)上，同時(shí)也體現(xiàn)在廣告策略案等不同工作領(lǐng)域的形成引導(dǎo)。

第一步：明確你要設(shè)計(jì)的產(chǎn)品類型；是屬于工具類，娛樂類，游戲類等等

第二步：思考用戶會(huì)喜歡的功能點(diǎn)和不喜歡的功能點(diǎn)

第三步：細(xì)分你的目標(biāo)客戶和找準(zhǔn)客戶

第四步：為設(shè)備而設(shè)計(jì)

我們知道不同的設(shè)備有不同的系統(tǒng)，不同的系統(tǒng)有不同的原生交互與UI控件，良好合理地利用，能緊密地高度地節(jié)約開發(fā)成本，并且達(dá)到用戶體驗(yàn)一致，讓他們感覺iphone的app的操作習(xí)慣就是應(yīng)該按照iphone自身原有的慣性的。

2. 應(yīng)用網(wǎng)頁和網(wǎng)頁思維來移植到移動(dòng)平臺(tái)產(chǎn)品：

更多時(shí)候當(dāng)我們擁有一個(gè)成熟的網(wǎng)頁產(chǎn)品的時(shí)候，我們會(huì)需要搶占用戶在碎片里的時(shí)間，方便他們解決問題。這時(shí)候你需要重新考慮給予web的設(shè)計(jì)。

首先你要關(guān)注你的程序，提取重要功能，時(shí)時(shí)想著ADS，確保你不會(huì)因?yàn)檫^多的功能或提取錯(cuò)了重要功能而使應(yīng)用發(fā)生了方向性的變化。

確保你的應(yīng)用app，能幫助用戶做事，更高效直接地完成任務(wù)，不論是游戲任務(wù)還是工作任務(wù)。

結(jié)合移動(dòng)設(shè)備的特點(diǎn)，多考慮合適的交互：合理輕松的觸摸手勢(shì)。

當(dāng)內(nèi)容展示不下的時(shí)候，可以考慮讓用戶翻頁，因?yàn)樵诳蛻舳耍撌且患茌p松完成的動(dòng)作。

重置主頁圖標(biāo)，也許在web端，兩個(gè)功能的按鈕可能相隔很遠(yuǎn)，但在移動(dòng)平臺(tái)中，你需要重新考慮它們的位置產(chǎn)生的關(guān)系。