文/易卿

2、移動(dòng)網(wǎng)絡(luò)特征

當(dāng)前國(guó)內(nèi)手機(jī)主要通過(guò)2G、3G、Wi-Fi和4G四種方式接入移動(dòng)互聯(lián)網(wǎng)，其中在3G、4G、Wi-Fi網(wǎng)絡(luò)下，應(yīng)用使用的流暢性比較高；而2G網(wǎng)絡(luò)傳輸速度比較慢，用戶需要等待較長(zhǎng)時(shí)間。但是目前2G用戶仍占領(lǐng)較大的市場(chǎng)份額，這需要我們?cè)谧鲆苿?dòng)產(chǎn)品設(shè)計(jì)的時(shí)候，考慮應(yīng)用在網(wǎng)速較慢時(shí)，怎樣讓用戶獲得更好的體驗(yàn)。

較常見(jiàn)的形式有全頁(yè)面加載、分布加載、懶加載、智能加載、以及離線加載等形式。

3、觸摸手勢(shì)特征

iPhone后，手機(jī)的操作方式發(fā)生了改變，不同于功能手機(jī)的按鍵操作和筆式輸入方式。以手勢(shì)為基礎(chǔ)的交互方式已經(jīng)取代了鼠標(biāo)的交互，但是手指點(diǎn)擊手機(jī)的操作不準(zhǔn)確，手勢(shì)種類繁多，迫使我們考慮更多的交互問(wèn)題。

• 手機(jī)的所有屏幕區(qū)域不是同樣易于操作的，這跟拇指與手指的滑動(dòng)弧度正相關(guān)。
• 食指在操作時(shí)，屏幕的右側(cè)空間很難操作。

手勢(shì)交互不僅僅是點(diǎn)擊，還有雙擊、拖拽、滑動(dòng)、晃動(dòng)、放大、縮小、長(zhǎng)按、雙指旋轉(zhuǎn)等。

所以我們?cè)诋a(chǎn)品設(shè)計(jì)的過(guò)程中要注意手勢(shì)交互的：

• 自然性
• 易發(fā)現(xiàn)性
• 反饋
• 有趣
• 適合程度

4、屏幕特征

移動(dòng)設(shè)備的屏幕比較小而且種類繁多；目前以觸屏操作為主，但還有按鍵配合；基于傳感器的多種輸入形式。這也是需要我們?cè)谠O(shè)計(jì)過(guò)程中所要注意和了解的。

其次，我們要了解移動(dòng)設(shè)計(jì)的基本原則:

1、內(nèi)容優(yōu)先

對(duì)于手機(jī)而言，屏幕空間資源顯得非常珍貴，為了提升屏幕空間的利用率，界面布局應(yīng)以內(nèi)容為核心，而提供符合用戶期望的內(nèi)容是移動(dòng)應(yīng)用獲得成功的關(guān)鍵。如何設(shè)計(jì)和組織內(nèi)容，使用戶能快速理解移動(dòng)應(yīng)用所提供的內(nèi)容，使內(nèi)容真正有意義，這是非常關(guān)鍵的。

• 充足內(nèi)容，使內(nèi)容符合移動(dòng)的特征。
• 優(yōu)先突出用戶需要的信息，而簡(jiǎn)化頁(yè)面的導(dǎo)航。
• 適時(shí)提升屏幕空間的利用率。

2、為觸摸而設(shè)計(jì)

點(diǎn)擊操作是PC時(shí)代交互的基礎(chǔ)，在觸摸屏設(shè)備上基于手指的手勢(shì)操作已經(jīng)代替了鼠標(biāo)的點(diǎn)擊操作。

• 以信息架構(gòu)為基礎(chǔ)，簡(jiǎn)歷手勢(shì)交互規(guī)范。
• 優(yōu)先設(shè)計(jì)自然的手勢(shì)交互，而不是TAP點(diǎn)擊
• 引導(dǎo)用戶在情境中學(xué)習(xí)手勢(shì)操作。
• 特殊手勢(shì)不是必須的。
• 可觸區(qū)域必須大于7×7mm,盡量大于9×9mm。
• 手勢(shì)操作需要提供過(guò)程及反饋演示。

3、轉(zhuǎn)換輸入方式

文字輸入是移動(dòng)端的軟肋之一，不管是手寫輸入還是鍵盤輸入，操作效率都相對(duì)較低。在行走或者單手操作時(shí)，輸入的出錯(cuò)率也比較高。

• 減少文本輸入，轉(zhuǎn)化輸入形式。
• 簡(jiǎn)化輸入選項(xiàng)，變填空為選擇。
• 使用手機(jī)已有的傳感器輸入。

4、流暢性

在移動(dòng)產(chǎn)品的操作過(guò)程中會(huì)碰到多種多樣的情況——找不到目標(biāo)、不知道該怎么操作、操作后沒(méi)有及時(shí)反饋，等等，這都會(huì)對(duì)產(chǎn)品的流暢性造成影響。在移動(dòng)產(chǎn)品的設(shè)計(jì)中主要從三個(gè)方面來(lái)考慮產(chǎn)品的流暢性：

• 手指及手勢(shì)的操作流。
• 用戶的注意流。
• 轉(zhuǎn)場(chǎng)流暢流。

5、多通道

多通道設(shè)計(jì)是指系統(tǒng)的輸入和輸入都可以由視覺(jué)、聽覺(jué)、觸覺(jué)等來(lái)協(xié)作完成，協(xié)同的多通道界面和交互也會(huì)讓用戶更有真實(shí)感和沉浸感。當(dāng)前各個(gè)系統(tǒng)平臺(tái)的基礎(chǔ)技術(shù)已經(jīng)越來(lái)越成熟，語(yǔ)音輸入、手勢(shì)識(shí)別及其他由多種傳感器組成的綜合識(shí)別系統(tǒng)也會(huì)給用戶帶來(lái)更接近自然的感覺(jué)。作為產(chǎn)品設(shè)計(jì)師，也可以從其他通道的角度思考設(shè)計(jì)，給用戶更好的交互方式。

6、易學(xué)性

對(duì)于移動(dòng)產(chǎn)品，提倡的是簡(jiǎn)單、直接的操作，傾向于清晰地表達(dá)產(chǎn)品目標(biāo)和價(jià)值。讓用戶快速學(xué)會(huì)使用，盡量不要讓他們查看幫助文檔。界面架構(gòu)簡(jiǎn)單，明了，導(dǎo)航設(shè)計(jì)清晰易理解，操作簡(jiǎn)單可見(jiàn)，通過(guò)界面元素的表意的和界面提供的想說(shuō)就能讓用戶清晰地知道操作方式。只有這樣的設(shè)計(jì)，才能讓用戶的學(xué)習(xí)使用沒(méi)有負(fù)擔(dān)，而不是通過(guò)幫助系統(tǒng)來(lái)教會(huì)用戶操作。

7、避免干擾和打斷

在玩手機(jī)時(shí)突然沒(méi)電了、寫微博時(shí)又被老板叫去做重要的事情、在搜索商品時(shí)收到一條重要的信息……在移動(dòng)情境中，被各種其他的事情打斷是很正常的。

保存用戶的操作，減少重復(fù)勞動(dòng)。

• 網(wǎng)絡(luò)中斷狀態(tài)。
• 編輯中斷狀態(tài)。

銜接用戶的記憶而不是讓用戶重頭開始。

8、智能有愛(ài)

在E-mail的設(shè)計(jì)中，郵件內(nèi)容有“附件”文字時(shí)，如果沒(méi)有貼附件，則會(huì)提醒用戶“是否忘記附件了？”……很多這樣令人稱贊的貼心設(shè)計(jì)。在移動(dòng)產(chǎn)品的設(shè)計(jì)中，更需要這樣的設(shè)計(jì)來(lái)提升產(chǎn)品的競(jìng)爭(zhēng)力。評(píng)價(jià)一個(gè)移動(dòng)產(chǎn)品用戶體驗(yàn)的好壞，除了要看它是否滿足用戶需求和是否基友友好的可用性之外，能讓用戶感受到驚喜是在移動(dòng)產(chǎn)品設(shè)計(jì)最為推崇的。這樣的設(shè)計(jì)往往是超越了用戶的期望，它的表現(xiàn)是功能、交互或者操作流雖不是用戶預(yù)期的，但是用戶能很好地理解，并且更高效、更有趣地完成任務(wù)。移動(dòng)產(chǎn)品的設(shè)計(jì)應(yīng)是驚喜有趣、智能高效和貼心的。

最后，我們要學(xué)習(xí)最新的移動(dòng)平臺(tái)開發(fā)潮流趨勢(shì):

●Android

●IOS

ps：

《iOS 7和Android 4.4奇巧巧克力：巨人之爭(zhēng)》

《Android的設(shè)計(jì)在行動(dòng) – 復(fù)用操作欄》

《淺析Android 4.0的通知系統(tǒng)（附Android 4.0設(shè)計(jì)指南全文翻譯）》

《騰訊設(shè)計(jì)師談微信的舊容與新妝，Android Design是大勢(shì)所趨》

《iOS7設(shè)計(jì)的利與弊》

《iOS 8中隱藏的14個(gè)小細(xì)節(jié)》

《扁平和簡(jiǎn)約來(lái)襲》

《必須了解的七大移動(dòng)互聯(lián)網(wǎng)設(shè)計(jì)趨勢(shì)》

部分資料參考自《移動(dòng)設(shè)計(jì)》

轉(zhuǎn)載請(qǐng)注明來(lái)源：人人都是產(chǎn)品經(jīng)理