如何設(shè)計移動端產(chǎn)品发框？

大家好泣懊，我是IT修真院上海分院第4期學(xué)員伸辟，一枚正直、純潔馍刮、善良信夫，嚴(yán)謹(jǐn)理性與藝術(shù)智慧并存的PM。

今天給大家分享一下卡啰，PM任務(wù)15的內(nèi)容：如何設(shè)計移動端產(chǎn)品静稻？

現(xiàn)在相比于歷史上任何時期，人們對手機(jī)的依賴性都更強(qiáng)匈辱。

用戶體驗是衡量移動應(yīng)用優(yōu)秀與否的最重要標(biāo)準(zhǔn)振湾，尤其是用戶對App的期待越來越高：快速加載、易用性亡脸、趣味性押搪。如果想讓你的App取得成功树酪，那么用戶體驗是不可或缺的，是產(chǎn)品設(shè)計各階段都必須時刻思考的大州。

當(dāng)設(shè)計移動端產(chǎn)品時续语，有很多事情需要考慮，這次小課堂摧茴，總結(jié)了移動端產(chǎn)品設(shè)計中的一些建議绵载，希望能給大家以啟發(fā)。

目錄如下苛白，?

1. 降低認(rèn)知負(fù)荷

2. 滿足用戶的控制感

3. 界面的無障礙設(shè)計

4. 導(dǎo)航欄設(shè)計

5. 導(dǎo)航中的動效設(shè)計

6. 關(guān)注用戶的首次啟動

7. 加快App的響應(yīng)速度

8. 提高內(nèi)容的展示質(zhì)量

9. 觸控設(shè)計

10. 情感化設(shè)計

11. 優(yōu)化消息推送

12. 針對移動設(shè)備的優(yōu)化

13. App的設(shè)計應(yīng)適應(yīng)新興市場

14. 測試和反饋

1. 降低認(rèn)知負(fù)荷

認(rèn)知負(fù)荷指用戶使用App時所需的大腦能量。人腦的處理能力有限焚虱，而且當(dāng)App一次性提供過多信息時购裙，可能會讓用戶產(chǎn)生壓迫感，并促使他們放棄使用鹃栽。

1.1. 整理界面

減少產(chǎn)品的凌亂感是一個有效的方法躏率。凌亂是糟糕產(chǎn)品的最大特征，如果界面堆滿了雜亂的元素民鼓，用戶就要承載過多的信息：每個新增的按鈕薇芝、圖片和icon都會讓界面更加臃腫。

凌亂的桌面讓我們心煩丰嘉，凌亂的產(chǎn)品則會讓用戶更加煩躁（這點很容易理解夯到，智能手機(jī)的屏幕更小，凌亂感相應(yīng)地會被放大）饮亏。產(chǎn)品經(jīng)理和交互設(shè)計師應(yīng)該盡量去掉App中的不必要元素耍贾，因為降低凌亂感有助于提高用戶的理解力。簡約的界面和功能設(shè)計不失為好方案：

? 將內(nèi)容數(shù)量保持在最低限度路幸，只展示用戶必須知道的內(nèi)容荐开；

? 盡量減少界面元素，讓產(chǎn)品的界面更清晰简肴，這也有助于降低認(rèn)知負(fù)荷晃听；

1.2. 減少任務(wù)

尋找產(chǎn)品方案中任何可能需要用戶思考的模塊（可能是表單輸入或者選項選擇），并找尋其他的替代方案砰识。舉例來說能扒，某些情況下，可以通過本地緩存記錄數(shù)據(jù)仍翰，而不是要求用戶每次都在相同的地方反復(fù)輸入赫粥；此外，還可以根據(jù)用戶的使用行為和使用習(xí)慣予借，為用戶設(shè)置默認(rèn)值越平。

1.3. 分解任務(wù)

如果一項任務(wù)包含多個步驟频蛔、需要用戶執(zhí)行多個操作，那最好將其分解為若干相關(guān)的子任務(wù)秦叛。這個原則在移動端產(chǎn)品設(shè)計上非常重要晦溪，因為不應(yīng)讓用戶一次性承載過多過復(fù)雜的任務(wù)。一個很好的例子是電商App的下單購買流程挣跋，在電商的購買任務(wù)里三圆，原本一個復(fù)雜的任務(wù)被分解為一系列邏輯遞進(jìn)的子任務(wù)，用戶在每個子任務(wù)中分別執(zhí)行所需操作避咆。

一方面舟肉，分解任務(wù)降低了用戶的認(rèn)知負(fù)荷，另一方面查库，也起到連接不同任務(wù)的作用路媚。比如瀏覽和購買在邏輯上相關(guān)，但在實際操作中無關(guān)樊销，但由于用戶在各個任務(wù)里的操作復(fù)雜度基本相同整慎，所以從瀏覽到購買有比較好的過渡，用戶在不同任務(wù)銜接時也不會感到突兀围苫。

2. 滿足用戶的控制感

2.1. 交互元素可預(yù)測裤园、符合用戶習(xí)慣

可預(yù)測性是用戶體驗設(shè)計的基本原則。當(dāng)事情按照用戶預(yù)計的方向運行時剂府，用戶會有強(qiáng)烈的控制感拧揽。在PC上，用戶可以使用鼠標(biāo)懸停來判斷該元素是否可以點擊或有交互周循，但在移動設(shè)備上强法，用戶只能通過點擊來判斷是否為交互元素。這就是在移動端湾笛，要著重考慮按鈕等交互元素設(shè)計的原因饮怯。如何能讓用戶清晰地感知該元素為按鈕？應(yīng)該將按鈕和非交互的UI元素在外觀上做明顯的區(qū)分嚎研。

2.2. 請正確使用“返回”按鈕

不正確的使用“返回”按鈕會帶來很多問題蓖墅，用戶點擊“返回”鍵是想回到上一頁，要避免用戶點擊“返回”直接回到首頁的情況临扮。好的設(shè)計應(yīng)該是讓用戶更容易返回和修正誤觸论矾，當(dāng)用戶清楚他們可以通過“返回”再次查看填寫的表單或者選擇的選項時，用戶會更輕松地前往下一頁杆勇。

2.3. 有效的錯誤信息

出錯是情理之中贪壳。有時是用戶誤觸或者誤操作，有時是程序自身運行錯誤蚜退。不管是怎樣的場景闰靴，錯誤和其解決方案都對用戶體驗產(chǎn)生巨大影響彪笼。給用戶提示無用的錯誤信息，而不是告知用戶正確的處理方案蚂且，會造成用戶體驗上的挫敗感配猫，甚至造成用戶流失。

以Spotify的錯誤頁面為例杏死，這個頁面并沒有告訴用戶錯誤是如何產(chǎn)生的泵肄，也沒有告訴用戶如何解決，那么用戶就會很困惑：“現(xiàn)在我能做些什么呢淑翼？”

不要寄希望于用戶的技術(shù)嫻熟腐巢，能自己解決問題，要用簡單明了的話術(shù)告知用戶發(fā)生了什么窒舟。錯誤信息應(yīng)包含以下內(nèi)容：

? 出了什么錯系忙，可能的原因；

? 為了修復(fù)錯誤惠豺，接下來用戶要怎么做。

3. 界面的無障礙設(shè)計

無障礙設(shè)計指設(shè)計方案應(yīng)支持各類人群的使用风宁〗嗲剑考慮下失明、失聰或其他殘障人士應(yīng)如何使用你的App呢戒财？

3.1. 照顧色盲人群

全球的的色盲或者色弱人群占比4.5%热监，弱視人群占比4%，盲人占比0.6%饮寞。我們在設(shè)計產(chǎn)品時很容易忽視這部分用戶孝扛，因為大多數(shù)產(chǎn)品經(jīng)理和交互設(shè)計師都沒有遇到這樣的問題。

有一個簡單的例子幽崩，App中表單填寫的成功和錯誤提示分別用綠色和紅色苦始，但這兩種顏色是色盲或色弱人群最難區(qū)分的。很多產(chǎn)品在表單填寫處提示“紅色標(biāo)記字段是必填項”慌申，雖然這是一個細(xì)節(jié)陌选，但是如果設(shè)計成下圖的方式，那對色盲人群來說就是個災(zāi)難蹄溉。

色盲用戶無法區(qū)分紅色突出的字段

顏色可以被用作傳遞信息咨油，但不應(yīng)是傳遞信息、表示動作柒爵、提示或辨別視覺元素的唯一視覺手段役电，在使用顏色的同時，還應(yīng)使用其他的視覺符號以確保任何用戶都能夠清楚認(rèn)知界面信息棉胀。

3.2. 動效是可選項

一些用戶習(xí)慣于關(guān)閉操作系統(tǒng)設(shè)置里的動畫效果法瑟，當(dāng)用戶已經(jīng)選擇關(guān)閉動效時冀膝，App應(yīng)盡可能地屏蔽掉其中的動效。

4. 導(dǎo)航欄設(shè)計

導(dǎo)航欄設(shè)計應(yīng)該是App設(shè)計中優(yōu)先級最高的工作之一瓢谢。如果用戶找不到功能或者內(nèi)容入口畸写，那即使App的功能再酷、內(nèi)容再優(yōu)質(zhì)氓扛，也無濟(jì)于事枯芬；另外，如果花費過多時間和精力去設(shè)計產(chǎn)品的導(dǎo)航架構(gòu)采郎，也可能會適得其反千所、失去用戶。導(dǎo)航的設(shè)計標(biāo)準(zhǔn)應(yīng)該是讓用戶自然蒜埋、直觀地使用App淫痰，無需任何解釋或幫助信息就能完成所有的主線任務(wù)。

4.1. 使用標(biāo)準(zhǔn)化的導(dǎo)航組件

最好使用標(biāo)準(zhǔn)化的導(dǎo)航組件整份，比如iOS中的tab bar和Android中的抽屜導(dǎo)航欄（navigation drawer）待错，大多數(shù)用戶都習(xí)慣于這兩種導(dǎo)航模式，即使首次使用App烈评，也會比較容易上手火俄。

4.2. 不要混用導(dǎo)航模式

當(dāng)選定了一種核心導(dǎo)航模式后，請不要夾雜其他的導(dǎo)航模式讲冠。避免出現(xiàn)同一個App中既有tab bar又有navigation drawer的情況瓜客。

4.3. 導(dǎo)航欄可見

正如Jakob Nielsen所說，認(rèn)知比記憶更容易竿开。始終保持操作和選項可見谱仪，能最小化用戶的記憶負(fù)載。導(dǎo)航的位置應(yīng)該清晰顯著否彩，保證隨時可用疯攒，而不是只在用戶必須使用時出現(xiàn)。

4.4. 標(biāo)注當(dāng)前的位置或?qū)蛹墭?biāo)題

沒有在頁面中標(biāo)注當(dāng)前的位置或所處層級是許多App的常見問題胳搞⌒独“我在哪兒？”這是用戶需要知道的基本問題肌毅，也是產(chǎn)品必須告知用戶的基本內(nèi)容筷转。要確保用戶隨時明確當(dāng)前所處位置，可能大多數(shù)場景下悬而，用戶會無視這個頁面標(biāo)題或者位置提示呜舒，但當(dāng)用戶想知道卻無法知道時，用戶體驗會大大下降笨奠。

5. 導(dǎo)航中的動效使用

動畫是描述狀態(tài)轉(zhuǎn)換的最佳工具袭蝗。動畫能幫助用戶理解頁面之間的狀態(tài)變化唤殴、觸發(fā)了什么、以及如何恢復(fù)到腥。

功能動畫可以有效地引導(dǎo)用戶注意力朵逝，使復(fù)雜的轉(zhuǎn)化更好理解（圖片來源：Jae-seong, Jeong）

5.1. 謹(jǐn)慎使用手勢交互

在交互設(shè)計中加入手勢確實很誘人，但在大多數(shù)場景下乡范，還是避免這種誘惑為好配名。當(dāng)手勢作為一級導(dǎo)航時，大多會造成用戶體驗的混亂晋辆。為什么呢渠脉？因為手勢不可見、使用方式不顯著瓶佳、大多需要額外的使用指引芋膘。

Thomas Joos在他的文章中指出：跳出按鈕——開啟手勢驅(qū)動的產(chǎn)品設(shè)計。在產(chǎn)品設(shè)計中使用手勢的最大障礙是用戶的學(xué)習(xí)成本較高霸饲。每次用手勢替換可見的控件時为朋，App的學(xué)習(xí)成本就會上升一個數(shù)量級。這是因為用戶較難發(fā)現(xiàn)隱藏的手勢交互厚脉，建議產(chǎn)品設(shè)計中只使用已經(jīng)習(xí)以為常的手勢動作潜腻。

當(dāng)產(chǎn)品設(shè)計中使用手勢交互時，建議遵循以下幾點：

? 使用標(biāo)準(zhǔn)手勢

所謂“標(biāo)準(zhǔn)”器仗，是指用戶使用App時自然的、習(xí)慣的手勢童番，正因為用戶已經(jīng)習(xí)慣了精钮，可以避免額外的學(xué)習(xí)成本和記憶負(fù)載。

? 手勢是可視化導(dǎo)航的補(bǔ)充品剃斧，而不是替代品

手勢能提供導(dǎo)航的快捷方式轨香，但不能完全替代導(dǎo)航欄。因此幼东，即使可視化的導(dǎo)航欄會占用界面空間臂容，也不可或缺。

6. 關(guān)注用戶的首次啟動——第一印象決定最終印象

首次啟動是App成敗的關(guān)鍵環(huán)節(jié)根蟹。在用戶的首次啟動中脓杉，產(chǎn)品只有一次機(jī)會。如果產(chǎn)品設(shè)計失敗简逮，那新增用戶很可能就會變成沉寂用戶（研究表明球散，有24%的新增用戶會永遠(yuǎn)沉寂）。

6.1. 避免登錄才能使用

一些產(chǎn)品不提供游客模式散庶，強(qiáng)制只有注冊/登錄用戶才能使用蕉堰，這是用戶棄用產(chǎn)品的常見原因之一凌净。用戶在強(qiáng)制注冊時放棄產(chǎn)品，這對于品牌辨識度較低屋讶、產(chǎn)品特性不明確的產(chǎn)品尤其致命冰寻。

Pinterest要求用戶必須先登錄才可以使用

根據(jù)經(jīng)驗，應(yīng)該只在必要時才要求用戶注冊/登錄（比如皿渗，App的核心功能只對已登錄用戶開發(fā)）斩芭，即使在這種場景下，最好還是延遲登錄羹奉，讓用戶先體驗一段時間秒旋，然后再輕輕地提醒用戶注冊，而非粗暴地強(qiáng)制要求诀拭，這樣也能提高注冊轉(zhuǎn)化率迁筛。

6.2. 優(yōu)化用戶引導(dǎo)頁的用戶體驗

優(yōu)質(zhì)的用戶引導(dǎo)頁是保證用戶留存的重要手段之一，用戶引導(dǎo)頁的設(shè)計原則是準(zhǔn)確耕挨、高效地告知用戶App的功能和價值细卧。

對于用戶引導(dǎo)頁，有一條建議非常有效：場景化設(shè)計筒占。場景化設(shè)計意味著只在用戶需要的時候才出現(xiàn)用戶引導(dǎo)贪庙。Duolingo是很好的例子，這個App通過漸進(jìn)訪問的方式告知用戶各個功能的使用方式翰苫。

Duolingo引導(dǎo)頁的快速測試

另一條建議是在用戶初次使用時止邮，默認(rèn)頁面是空白狀態(tài)，這樣能引導(dǎo)用戶通過自己的操作來填充數(shù)據(jù)奏窑。除了告知用戶頁面內(nèi)容外导披，空白狀態(tài)還能指導(dǎo)用戶如何使用App。用戶在空白的頁面下進(jìn)行操作埃唯，任何操作都能迅速看到反饋撩匕，這能加快用戶對App的學(xué)習(xí)速度。

6.3. 不要在首次啟動時墨叛，要求用戶進(jìn)行任何設(shè)置操作

有些App在首次啟動時止毕，強(qiáng)制要求用戶設(shè)置一些參數(shù)，這個功能的體驗極差漠趁。用戶下載并啟動App扁凛，就是希望能馬上使用。因此一些個性化設(shè)置的內(nèi)容棚潦，應(yīng)根據(jù)大眾需求預(yù)先設(shè)置好令漂，并提供給少數(shù)用戶自己配置的操作入口。

盡量從操作系統(tǒng)中獲得設(shè)置信息。如果產(chǎn)品所需的設(shè)置信息是關(guān)于用戶叠必、設(shè)備或者系統(tǒng)的荚孵，應(yīng)盡可能地詢問操作系統(tǒng)，而不是讓用戶自己配置纬朝。

6.4. 避免在一開始就請求各類權(quán)限

避免用戶在App首次啟動時就看到各類請求許可的對話框收叶。與強(qiáng)制登錄、強(qiáng)制設(shè)置相似共苛，應(yīng)在App的核心功能必需某項權(quán)限時判没，才向用戶請求權(quán)限。如果在某個任務(wù)中隅茎，用戶必須同意該權(quán)限請求澄峰，這時候用戶不會覺得受到打擾，比如在編輯照片時辟犀，用戶很清楚為什么會彈出訪問相冊的請求俏竞。

盡量在用戶使用過程中請求權(quán)限，這樣更可能獲得用戶的許可堂竟。

? 只問你的App需要什么

不要請求所有權(quán)限魂毁。如果App的權(quán)限請求看上去不必要，那會讓用戶不信任出嘹。比如席楚，一個鬧鐘App要求訪問通訊錄，這無疑很奇怪税稼。

? 如果原因不明顯烦秩，那么請解釋為什么需要這項權(quán)限

有時需要為權(quán)限請求增加更多的介紹文案。

7. 加快App的響應(yīng)速度

加載時間對用戶體驗至關(guān)重要郎仆。隨著技術(shù)的進(jìn)步闻镶，用戶變得越來越不耐煩，如今丸升，47%的用戶期望頁面加載時間在2秒甚至更短時間內(nèi)。

用戶流失率與頁面加載時間成正比牺氨，這就是為什么開發(fā)App時狡耻，加載速度是優(yōu)先考慮的問題。但不管App的性能多好猴凹，有些時間終究是避免不了的夷狰。加載時間還受到網(wǎng)速、硬件性能郊霎、操作系統(tǒng)性能等多個因素的影響沼头。但即使無法再縮短加載時間，也要提升加載過程的用戶體驗。

7.1. 在可見區(qū)域內(nèi)加載內(nèi)容

優(yōu)先加載可見區(qū)域的內(nèi)容进倍，滾動展示的內(nèi)容可以在首屏加載完成后繼續(xù)加載土至。這樣做的好處是讓用戶快速使用初始內(nèi)容，有時用戶甚至感受不到余下內(nèi)容的加載過程猾昆。

7.2. 顯示加載時間

如果在加載內(nèi)容時頁面是空白或者靜止?fàn)顟B(tài)陶因，那么用戶無法區(qū)分這是內(nèi)容加載還是App崩潰，會造成認(rèn)知障礙垂蜗，并可能造成流失楷扬。至少顯示一個基本的loading動畫，告知用戶這是在加載內(nèi)容贴见。如果等待時間較長烘苹，則建議顯示進(jìn)度條和預(yù)計的加載時間，這會增強(qiáng)用戶的安全感和控制感片部。

7.3. 分散用戶注意力

如果在內(nèi)容加載時镣衡，給用戶提供一些有趣的“小玩意兒”，用戶就不會太在意加載本身吞琐，也就是分散用戶的注意力捆探。建議提高加載動畫的趣味性。

當(dāng)然站粟，不論動畫設(shè)計的多么有趣優(yōu)質(zhì)黍图，如果過度使用，也會讓用戶厭煩奴烙。在考慮使用加載動畫時助被，先問下：用戶在第一百次看到這個動畫時，會不會感到厭煩切诀。加載動畫只是個小驚喜揩环，不能只考慮動畫設(shè)計而忽視產(chǎn)品性能，那就本末倒置了幅虑。

7.4. 加載占位圖（skeleton screen）

占位圖就是臨時的內(nèi)容格子丰滑，是內(nèi)容加載過程的過渡頁。

當(dāng)App加載數(shù)據(jù)時倒庵，占位圖能給用戶一種App響應(yīng)快褒墨、性能好的印象。loading時的“菊花”只是告知用戶正在發(fā)生什么擎宝，而占位圖則能顯示更細(xì)致的加載進(jìn)度郁妈。

8. 提高內(nèi)容的展示質(zhì)量

產(chǎn)品設(shè)計時不能忽視內(nèi)容。大多數(shù)場景下绍申，用戶使用App是出于優(yōu)質(zhì)的內(nèi)容∝洌現(xiàn)在內(nèi)容僅僅達(dá)到優(yōu)質(zhì)精益的標(biāo)準(zhǔn)是不夠的顾彰，還要便于用戶理解吸收。

8.1. 提高文本的可讀性易讀性

在談到內(nèi)容時胃碾，我們大多指的是排版涨享。正如Oliver Reichenstein在《Web Design Is 95% Typography》（《網(wǎng)頁設(shè)計中95%的工作都是排版》）中所說：

“優(yōu)化排版就是優(yōu)化可讀性、可訪問性书在、可用性灰伟、以及整體上圖像和文字的平衡∪逖”

移動端排版的關(guān)鍵就是可讀性和易讀性栏账。對易讀性有如下幾點建議：

? 字號

一般來說，小于16像素（或者11號）的任何內(nèi)容栈源，對任何屏幕都不適用挡爵。

? 字體

大多數(shù)用戶喜歡清晰、易于閱讀的字體甚垦，一個不容易出錯的選擇就是系統(tǒng)的默認(rèn)字體（iOS的默認(rèn)字體是San Francisco茶鹃，Android的是Roboto）。

? 對比度

淺色字體（如淺灰色）可能看起來很美觀艰亮，但用戶較難辨認(rèn)闭翩，尤其在光線較強(qiáng)時。要確保字體顏色和背景之間有足夠的對比度以便于閱讀迄埃。

以下是對可讀性的幾點建議：

? 避免使用大寫字母

當(dāng)不需要仔細(xì)閱讀時疗韵，全部大寫字母可能容易吸引用戶注意力（比如縮寫和logo），但對于需要沉浸瀏覽的內(nèi)容侄非，全部大寫字母缺少可讀性蕉汪。

? 限制每行文字個數(shù)

建議將每行的字符數(shù)限制在30到40個。

? 行距要適中

行距過小會增加閱讀的壓迫感逞怨，行距過大會讓用戶產(chǎn)生信息量小的感覺者疤。

8.2. 高清圖片和合適的寬高比

屏幕分辨率的提高為高清圖片奠定了基礎(chǔ)。在高分辨率屏幕上叠赦，應(yīng)盡可能地保證圖片清晰度驹马。

采用的圖片應(yīng)該是正確的寬高比，圖片太寬或太長都會降低吸引力除秀。

最近幾個月窥翩，許多移動端的交互設(shè)計師又面臨一個新問題：就是iPhone X的優(yōu)化問題。iPhone X的畫板尺寸和任何iPhone的尺寸都不同鳞仙。

8.3. 視頻的縱向播放

視頻和短視頻正成為許多用戶的主要觀看內(nèi)容。根據(jù)YouTube的數(shù)據(jù)笔时，移動端視頻觀看量每年提高100%棍好，到2020年，全球移動數(shù)據(jù)中超過75%的內(nèi)容將是視頻內(nèi)容。這意味著必須對視頻進(jìn)行縱向模式觀看的優(yōu)化借笙，允許用戶在縱向時仍正常觀看扒怖。

Facebook的直播支持縱向播放，同時可以查看用戶留言/評論（圖片來源：Giphy）

9. 觸控設(shè)計

觸控設(shè)計的目標(biāo)是減少錯誤輸入的次數(shù)业稼，優(yōu)化用戶和App的交互體驗盗痒。

9.1. 為手指設(shè)計，而不是為光標(biāo)設(shè)計

為移動端設(shè)計界面元素時低散，一定要確保各個元素足夠大俯邓，避免因為元素較小而產(chǎn)生的誤觸。

元素較小會提高誤觸概率（圖片來源：Apple）

在設(shè)計元素尺寸時熔号，可以參考MIT觸控實驗室的研究結(jié)果：10mm*10mm是比較合理的觸控尺寸稽鞭。

10*10是最佳的觸控尺寸（圖片來源：UXmag）

除了適當(dāng)選取元素尺寸外，還要在元素之間留有足夠的空隙引镊，以防誤觸朦蕴。

9.2. 拇指觸控區(qū)域

設(shè)計中要考慮到拇指觸控的區(qū)域，一方面因為拇指與屏幕的接觸面積更大弟头，另一方面是因為用戶習(xí)慣了的持有設(shè)備方式吩抓。很多用戶用一只手使用手機(jī)，那么自然而然地使用拇指操作赴恨，只用拇指操作的區(qū)域稱為自然拇指區(qū)疹娶。在下圖中，能看到自然拇指區(qū)的大致范圍嘱支。

屏幕尺寸越大蚓胸，自然拇指區(qū)的相對面積越小。

設(shè)計App時應(yīng)考慮到所有區(qū)域：

? 綠色區(qū)域是導(dǎo)航欄或頻繁的交互操作的最佳位置（如操作按鈕）除师；

? 紅色區(qū)域是潛在的危險選項的最佳位置（例如“刪除”或“清空”）沛膳，用戶不太可能誤觸到此區(qū)域。

9.3. 交互反饋

用戶期望電子產(chǎn)品或者互聯(lián)網(wǎng)產(chǎn)品能對操作進(jìn)行及時的反饋汛聚，在產(chǎn)品設(shè)計時锹安，需要對用戶的每個操作設(shè)計相應(yīng)的反饋方式。如果某項操作沒有及時反饋倚舀，那么用戶可能會疑惑是否已進(jìn)行操作或者錯過了什么叹哭。反饋可以是視覺上的（突出的點擊按鈕），也可以是觸覺上的（設(shè)備振動）痕貌。

10. 情感化設(shè)計

用戶體驗不僅僅是可用性风罩，更重要的是響應(yīng)用戶的情感。當(dāng)我們回顧用戶體驗很棒的產(chǎn)品時舵稠，我們常常想起那些精心設(shè)計的超升、給我們驚喜的產(chǎn)品入宦。

10.1. 個性化體驗

如今，個性化已經(jīng)成為App脫穎而出的主要特點之一室琢。產(chǎn)品的作用是與用戶連接并提供他們所需要的內(nèi)容乾闰，個性化能讓這個過程感覺更真實。

利用個性化或者人格化盈滴，有無數(shù)的方法能提高App的用戶體驗涯肩。根據(jù)用戶的位置、搜索記錄和購買記錄巢钓，可以提供個性化的內(nèi)容病苗。例如，如果你的用戶喜歡每月購買特定的商品竿报，App可以記錄這些商品并在恰當(dāng)?shù)臅r間點推薦給用戶铅乡。

星巴克App就遵循著這個思路。星巴克根據(jù)用戶的購買記錄（比如常點的咖啡）來提供特別優(yōu)惠烈菌。

10.2. 可愛的動畫

功能性的動畫是為了提高信息傳遞的有效性阵幸、便于用戶理解；而有趣的芽世、可愛的動畫則是更貼合用戶的心理感受挚赊，是一種情感化設(shè)計〖闷埃可愛的動畫能清楚地傳達(dá)一個信息：App的研發(fā)團(tuán)隊關(guān)注用戶的內(nèi)心感受荠割。

11. 優(yōu)化消息推送

討人厭的消息推送是用戶卸載App的首要原因（71%的受訪者選擇了這個選項）。

不要因為具備消息推送的能力就隨意推送旺矾，任何一條消息都應(yīng)該是精心篩選過的蔑鹦，是有價值的。

11.1. 推送有價值的內(nèi)容

當(dāng)用戶開始使用App時箕宙，他們不會介意收到消息推送嚎朽，只要消息是有價值的。幾乎半數(shù)的用戶對收到感興趣的通知而心存感激柬帕，個性化的消息推送就是其中的要點哟忍。Netflix在推送有價值的內(nèi)容上做的很好：根據(jù)用戶的觀看、收藏等數(shù)據(jù)對每位用戶個性化推薦陷寝。

11.2. 避免在短時間內(nèi)集中發(fā)送多條通知

短時間內(nèi)發(fā)送多條通知會造成推送過度锅很，這會迫使用戶忽略其中的大多數(shù)。應(yīng)整理消息推送的各個類型凤跑，然后限制推送總數(shù)爆安。

11.3. 把控消息推送的時機(jī)

推送的時機(jī)和推送的內(nèi)容同等重要。不要在莫名其妙的時間點（比如午夜）推送消息仔引。消息推送的最佳時間段是手機(jī)使用的高峰期：下午六點到十點扔仓。

11.4. 考慮其他渠道傳遞消息

消息推送并不是傳遞消息的唯一渠道致扯，還可以使用短信通知、電子郵件当辐、App通知等方式，應(yīng)根據(jù)消息的緊急程度和內(nèi)容類型選擇恰當(dāng)?shù)那馈?/p>

12. 針對移動設(shè)備的優(yōu)化

12.1. 考慮到中斷情況

我們的生活中充滿了中斷鲤看，很多事情都在分散我們的注意力缘揪，更不用說移動設(shè)備的大多數(shù)使用場景是在室外。用戶在等車時使用App义桂，則用戶的使用進(jìn)程可能在任何時間點被打斷找筝，當(dāng)再次打開App時，如果清除了上次的瀏覽位置慷吊，就不能說是好的用戶體驗袖裕。當(dāng)發(fā)生中斷時，App應(yīng)保持當(dāng)前的狀態(tài)溉瓶，并支持用戶在剛才的斷點處繼續(xù)使用急鳄。

12.2. 利用移動設(shè)備的功能特點

移動設(shè)備有很多傳感器（攝像頭、定位堰酿、加速傳感器等）疾宏，可用于改善用戶體驗。以下是一些可能用到的特性：

? 攝像頭

可以利用攝像頭和照相機(jī)來簡化表單填寫触创，比如坎藐，可以打開照相機(jī)自動識別銀行卡號。

? 定位追蹤

App可以使用設(shè)備的位置數(shù)據(jù)來提供與用戶位置相關(guān)的內(nèi)容或簡化某些操作哼绑。比如快遞服務(wù)或者外賣服務(wù)的App岩馍，可以自動檢測用戶的當(dāng)前位置并要求用戶確認(rèn)或者修改，而無需完全依賴用戶手動輸入抖韩。

Uber利用手機(jī)的定位服務(wù)蛀恩，減少用戶手動輸入的操作

? 生物特征認(rèn)證

用諸如指紋識別或面部識別之類的功能，可以減少登錄步驟帽蝶。

指紋登錄功能

12.3. 拓展產(chǎn)品渠道

不要認(rèn)為App是孤立存在的赦肋，當(dāng)談到用戶任務(wù)和用戶體驗時，最終目標(biāo)應(yīng)該是在所有終端創(chuàng)建無縫銜接的使用體驗励稳，不管用戶是從移動端換到PC還是平板佃乘，都能繼續(xù)完成用戶任務(wù)。根據(jù)Appticles的數(shù)據(jù)驹尼，37%的用戶在移動端瀏覽趣避，但是在PC端完成購買。

13. App的設(shè)計應(yīng)適應(yīng)新興市場

谷歌報告顯示新翎，未來幾年將新增10億聯(lián)網(wǎng)用戶程帕，其中的大多數(shù)來自新興市場（即所謂的移動手機(jī)新興市場住练，包括印度、印尼愁拭、巴西讲逛、尼日利亞等）涌穆，這些市場的用戶將通過移動設(shè)備聯(lián)網(wǎng)压固，這些用戶的使用經(jīng)驗和用戶需求也不同于成熟市場（比如中國、美國庞瘸、歐洲等）惜论。

如果你對全球化感興趣许赃，那么深入研究新興市場的用戶需求是很有必要的。

13.1. 落后的網(wǎng)絡(luò)普及

在網(wǎng)絡(luò)成熟的地區(qū)馆类，用戶已經(jīng)習(xí)慣于無處不在的4G或者3G網(wǎng)絡(luò)混聊，但并不是全世界都這樣。新興市場的產(chǎn)品必須適應(yīng)網(wǎng)絡(luò)普及率較差的情況乾巧，用戶可能從Wifi切換到3G再到2G句喜，甚至失去網(wǎng)絡(luò)連接，App必須考慮到各個情況的異常處理方案卧抗。

針對這些新興市場藤滥，有如下的建議：

? 確保App在斷網(wǎng)情況下也能使用，允許緩存數(shù)據(jù)社裆；

? 優(yōu)化產(chǎn)品的加載速度拙绊。通過壓縮圖像等方式盡量降低頁面大小。

YouTube Go提供了很好的范例泳秀。首先标沪，這款A(yù)pp支持離線使用；其次嗜傅，支持用戶緩存視頻金句，且可以選擇不同的清晰度；最后吕嘀，它還支持在離線情況下违寞，與附近的設(shè)備共享視頻。

Google News&Weather的做法也值得參考偶房。這款A(yù)pp有一個名為“Lite模式”的特色功能趁曼，專門為慢速網(wǎng)速的用戶而設(shè)計。當(dāng)這個模式被激活時棕洋，將只加載重要內(nèi)容挡闰，因此加載速度大大提升。據(jù)谷歌稱，這種模式所需的流量只有正常模式的三分之一摄悯，當(dāng)App檢測到網(wǎng)速較慢時赞季，將自動激活為Lite模式。

13.2. 有限的數(shù)據(jù)

大約95%的新興市場中奢驯，移動數(shù)據(jù)的價格相比于居民收入高的離譜申钩。用戶只能購買固定數(shù)量的數(shù)據(jù)，而許多人每月只能支付250Mb的流量瘪阁。這些用戶很重視對加載內(nèi)容所需數(shù)據(jù)量的預(yù)判典蜕，以及產(chǎn)品在Wifi下自動加載、流量數(shù)據(jù)時自動暫停的功能罗洗。

下圖是YouTube的另一個例子。用戶選擇一個視頻后钢猛，可以選擇視頻的清晰度伙菜，然后App會告知用戶這個視頻將花費多少流量。

13.3. 有限的設(shè)備性能

在新興市場中命迈，智能手機(jī)的屏幕分辨率和iPhone天壤之別贩绕。新興市場的大多數(shù)設(shè)備成本低于100美金，因此在設(shè)計產(chǎn)品時一定要考慮到有限的存儲和處理能力壶愤，確保App能適配低端機(jī)和較低端的操作系統(tǒng)淑倾。

13.4. 結(jié)合當(dāng)?shù)匚幕兔缹W(xué)特點

極簡主義的設(shè)計理念在當(dāng)今西方世界很流行，但對于其他文化來說可能被認(rèn)為太過簡單征椒。如果想讓產(chǎn)品在新興市場取得成功娇哆，那就要主義當(dāng)?shù)靥厣奈幕兔缹W(xué)習(xí)慣〔龋可以從地區(qū)流行的產(chǎn)品中獲得靈感碍讨，也可以雇傭熟悉用戶偏好的本地設(shè)計師。根據(jù)當(dāng)?shù)氐拿缹W(xué)習(xí)慣設(shè)計產(chǎn)品將使產(chǎn)品更可靠蒙秒。

13.5. 結(jié)合區(qū)域特點設(shè)計產(chǎn)品功能

當(dāng)谷歌設(shè)計印度版谷歌地圖時勃黍，它認(rèn)為印度是世界上最大的兩輪車市場，數(shù)以百萬計的摩托車和自行車騎手有不同于汽車駕駛員的需求晕讲。因此印度版谷歌地圖發(fā)布了兩輪模式覆获，這種模式顯示了使用兩輪車的行進(jìn)路線，汽車和卡車則無法使用這種路線瓢省。

14. 測試和反饋

以上的所有原則都能幫助你更好地設(shè)計App弄息，但都無法取代用戶研究和產(chǎn)品測試。產(chǎn)品經(jīng)理仍然需要進(jìn)行用戶訪談净捅、可用性測試以確定是否有需要調(diào)整之處疑枯。

14.1. 反饋機(jī)制

鼓勵用戶反饋、珍惜用戶的每一次反饋蛔六。為了更好地收集用戶反饋荆永，需要在產(chǎn)品中建立一個反饋機(jī)制废亭。這個反饋機(jī)制可以是調(diào)查問卷，也可以是用戶留言具钥，只要保證用戶的反饋建議能準(zhǔn)確傳達(dá)到產(chǎn)品經(jīng)理就可以豆村。

14.2. 設(shè)計是一個永無止境的過程

客觀地說，設(shè)計是一個不斷改進(jìn)的過程骂删，設(shè)計沒有最優(yōu)只有更優(yōu)掌动。作為產(chǎn)品設(shè)計師，我們應(yīng)使用數(shù)據(jù)分析宁玫、用戶反饋等手段不斷改進(jìn)產(chǎn)品體驗粗恢。

15. 總結(jié)

偉大的產(chǎn)品是用戶體驗和功能的完美結(jié)合，這是我們不懈追求的目標(biāo)欧瘪。但不要指望著App的初始版本就是完美的眷射，相反，我們應(yīng)將產(chǎn)品視為不斷改進(jìn)佛掖、不斷調(diào)整的長期項目妖碉。冰凍三尺非一日之寒，結(jié)合數(shù)據(jù)芥被、測試欧宜、反饋、需求分析等手段拴魄，來不斷改進(jìn)產(chǎn)品冗茸，不斷優(yōu)化體驗，才是產(chǎn)品設(shè)計的正確姿勢匹中。

PPT

騰訊視頻

感謝大家觀看蚀狰！

今天的分享就到這里啦，歡迎大家點贊职员、轉(zhuǎn)發(fā)麻蹋、留言、拍磚~