中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

在產(chǎn)品設(shè)計(jì)時(shí)，我們的首要任務(wù)是對(duì)需求進(jìn)行深入分析，先確認(rèn)產(chǎn)品“有用”；然后根據(jù)可用性原則努力將產(chǎn)品變的“易用”；最后再貼近用戶對(duì)產(chǎn)品進(jìn)行打磨，那么我們的產(chǎn)品就離“好用”不遠(yuǎn)了；本文列舉了一些常見(jiàn)的設(shè)計(jì)原則，以便大家在設(shè)計(jì)中進(jìn)行自查。

文章結(jié)構(gòu)如下：

一、符合用戶使用需求

產(chǎn)品的所有功能都必須用來(lái)支持用戶特定的需求，在保證滿足用戶基礎(chǔ)需求的前提下，盡力去挖掘用戶的期望需求和興奮需求，避免無(wú)差異需求和反向需求，產(chǎn)品經(jīng)理不僅要學(xué)會(huì)做加法，更要學(xué)會(huì)給產(chǎn)品做“減法”。

二、易學(xué)性

我們要把產(chǎn)品設(shè)計(jì)的讓用戶上手即用，容易理解，不易遺忘。

即當(dāng)用戶第一次使用產(chǎn)品時(shí)，能讓用戶“一看就懂”；即使用戶不會(huì)使用，在向他演示如何使用后，用戶很快就能學(xué)會(huì)，且學(xué)會(huì)之后不易忘記。

易學(xué)性可以從以下幾方面來(lái)考慮：

1. 保持界面簡(jiǎn)潔

界面上應(yīng)只保留產(chǎn)品最核心的信息，如非必要，謹(jǐn)慎添加。

界面內(nèi)容過(guò)多往往會(huì)導(dǎo)致用戶不知所措，從而找不到想要的東西，而且無(wú)法凸顯界面中的重點(diǎn)內(nèi)容。因此在進(jìn)行界面設(shè)計(jì)時(shí)，我們要遵循信噪比原則，將重要信息重點(diǎn)突出，不重要的信息做刪除/組織/隱藏/轉(zhuǎn)移處理；要盡一切可能保證產(chǎn)品的簡(jiǎn)潔和美觀。

2. 分塊原則

使用分塊原則，將頁(yè)面上邏輯相關(guān)、內(nèi)容相似、操作相近的內(nèi)容組織到一個(gè)模塊中，會(huì)使整個(gè)頁(yè)面的結(jié)構(gòu)和信息層次變得非常清晰，從而有效的降低用戶的理解成本，減少用戶閱讀疲勞。分塊原則包括：相近性，相似性，封閉性，連續(xù)性。

（1）相近性

人們?cè)跐撘庾R(shí)里會(huì)將距離相近的部分當(dāng)做一個(gè)整體：

在沒(méi)有說(shuō)明的情況下，人們會(huì)下意識(shí)的認(rèn)為左側(cè)的圓形為一個(gè)整體；而右側(cè)的圓形因?yàn)樯习氩糠趾拖掳氩糠值拈g距較大而被認(rèn)為是兩個(gè)整體。因此我們可以在界面設(shè)計(jì)時(shí)將不同模塊的內(nèi)容用不同距離進(jìn)行劃分，這樣既保證了頁(yè)面的簡(jiǎn)潔，又不會(huì)使用戶感到困惑。

在微信讀書中，每本書的題目距本書封面圖的距離要比到其他封面圖的距離近得多，即使沒(méi)有分割線，用戶也能很輕松的知道書名應(yīng)該和哪張圖片相匹配。

（2）相似性

人們會(huì)將形狀、風(fēng)格相似的部分當(dāng)做一個(gè)整體。如下圖所示，一組圓形，一組矩形，一組三角形，人們很自然地會(huì)把三個(gè)圓形當(dāng)做一組，三個(gè)矩形當(dāng)成一組，三個(gè)三角形當(dāng)做另一組。

在界面設(shè)計(jì)中，我們可以使用不同的設(shè)計(jì)風(fēng)格、展現(xiàn)形式來(lái)對(duì)內(nèi)容進(jìn)行劃分。比如我們可以使用純文字，圖片+文字，或者用風(fēng)格迥異的icon圖標(biāo)等方式來(lái)將不同的模塊區(qū)分出來(lái)，以降低用戶的閱讀疲勞感。

拼多多中“我的”界面，人們會(huì)因?yàn)榇犊?，待分享及代發(fā)貨的icon風(fēng)格相似而把它們當(dāng)成一組。下方優(yōu)惠券，店鋪收藏及歷史瀏覽會(huì)被當(dāng)成另一組。

（3）封閉性

人們會(huì)將封閉起來(lái)的部分當(dāng)做一個(gè)整體，比如咸魚(yú)首頁(yè)將邏輯相關(guān)的內(nèi)容使用白底色封閉起來(lái)，使整個(gè)頁(yè)面被分為一個(gè)又一個(gè)的模塊，各模塊之間能產(chǎn)生強(qiáng)烈區(qū)分，這樣用戶就可以很快的找到自己感興趣的部分。

（4）連續(xù)性

人們傾向于形成一個(gè)完整的整體，而不是殘缺的一部分。在淘寶“微淘”頂部的tab標(biāo)簽，最右側(cè)“美食”只顯示出一個(gè)“美”字，以此來(lái)暗示用戶左滑可查看更多分類。

3. 使用比擬手法

當(dāng)界面中的可視化對(duì)象和操作與現(xiàn)實(shí)世界類似時(shí)，用戶就能快速領(lǐng)會(huì)該如何使用。

最常見(jiàn)的比擬就是界面中的各種按鈕了，通過(guò)模擬現(xiàn)實(shí)中的按鈕，讓用戶知道可以進(jìn)行點(diǎn)擊操作；通過(guò)模擬現(xiàn)實(shí)生活中人們翻書的動(dòng)作，讓用戶知道可以進(jìn)行左滑翻頁(yè)操作。

比擬手法不止如此，我們還可以運(yùn)用人們?cè)诂F(xiàn)實(shí)中的詞語(yǔ)來(lái)幫助用戶理解該功能的作用，比如xx助手代表了幫助智能客服系統(tǒng)，就是通過(guò)人們對(duì)現(xiàn)實(shí)中“助手”一詞的理解來(lái)傳達(dá)此功能的用意。

4. 預(yù)設(shè)提示

我們可以在界面上增加預(yù)設(shè)文字來(lái)告知用戶可進(jìn)行的操作，如在微信登錄時(shí)的輸入框放入預(yù)制文字來(lái)提示用戶應(yīng)該輸入的內(nèi)容；網(wǎng)頁(yè)上用藍(lán)色的字體表示是可以點(diǎn)擊的超鏈接；微信電腦版中的剪切圖片，剪切范圍邊緣的中心有實(shí)心小方塊來(lái)提醒用戶可以進(jìn)行拖拽操作等；運(yùn)用這些手法可以讓用戶清楚地明白界面中哪些是可操作的，該如何操作。

5. 自然匹配

自然匹配，就是人們?cè)谑褂梦锲窌r(shí)，能夠很容易理解操作及結(jié)果之間的關(guān)系。比如使用手機(jī)看視頻時(shí)，右滑代表前進(jìn)，左滑代表后退；音量調(diào)節(jié)中向上代表音量變大，向下則代表音量變小；而一個(gè)經(jīng)典違背自然匹配原則的例子就是汽車用搖柄來(lái)控制車窗的上下，車窗的上下移動(dòng)和搖柄的旋轉(zhuǎn)很不匹配，就讓人很容易搞錯(cuò)。

在設(shè)計(jì)時(shí)遵循自然匹配原則可以極大地降低用戶的學(xué)習(xí)和理解成本。

6. 一致性

在產(chǎn)品設(shè)計(jì)時(shí)保持一致性，能讓人們?cè)谑褂卯a(chǎn)品時(shí)把他們先前已經(jīng)掌握的技能和知識(shí)應(yīng)用進(jìn)來(lái)，從而降低用戶的學(xué)習(xí)成本。

一致性分為外部一致和內(nèi)部一致。

• 外部一致：如果所在的行業(yè)市場(chǎng)上已經(jīng)有了很多同類產(chǎn)品，那么用戶很可能已經(jīng)積累了該類產(chǎn)品的使用經(jīng)驗(yàn)，如非必要，就不需要特地設(shè)計(jì)的與眾不同。
• 內(nèi)部一致：在自己產(chǎn)品內(nèi)保持一致也很重要，保持內(nèi)部一致性可以讓用戶在掌握了產(chǎn)品中某一部分的用法后，不需要再經(jīng)過(guò)太多學(xué)習(xí)，就能很容易地理解和使用其他部分；而相同元素在界面中的重復(fù)，也可以幫助用戶識(shí)別出這些元素之間的關(guān)聯(lián)性。

7. 符合用戶心理模型

用戶心理模型這個(gè)概念是Donald A. Norman在他的《設(shè)計(jì)心理學(xué)》中首次提出的，和用戶模型相關(guān)的還有實(shí)現(xiàn)模型和系統(tǒng)模型。

• 用戶心理模型：用戶根據(jù)生活認(rèn)知在用戶頭腦中認(rèn)為產(chǎn)品的樣子，可能源于用戶以前使用類似產(chǎn)品的經(jīng)驗(yàn)，或者用戶根據(jù)使用該產(chǎn)品要達(dá)到的目標(biāo)而對(duì)產(chǎn)品的概念和行為的一種期望；
• 實(shí)現(xiàn)模型：是產(chǎn)品經(jīng)理及研發(fā)人員腦中的實(shí)現(xiàn)方式及原理；
• 系統(tǒng)模型：是產(chǎn)品最終展示給用戶后，用戶通過(guò)觀看或使用后形成的關(guān)于產(chǎn)品如何使用和工作的知識(shí)。

系統(tǒng)模型越接近用戶心理模型，用戶的學(xué)習(xí)成本就越低。

因?yàn)橄到y(tǒng)模型偏離用戶心理模型導(dǎo)致難用的典型就是垃圾分類。

之前的垃圾按照可回收和不可回收進(jìn)行劃分，這太糟糕了：

• 在用戶的心理模型中，用戶所理解的是要扔掉的物品的名稱，比如食品類，衣物類，包裝類等；
• 而在系統(tǒng)模型中，因?yàn)橐鶕?jù)垃圾是否具有可收回性來(lái)做不同的處理，所以就出現(xiàn)了“可回收”和“不可回收”這兩個(gè)概念，在這里系統(tǒng)模型幾乎等同于實(shí)現(xiàn)模型而嚴(yán)重偏離了用戶心理模型，因此用戶很難將每一個(gè)物品正確分類。

現(xiàn)在將垃圾分類劃分為廚余垃圾，有害垃圾，可回收垃圾和其他垃圾是一個(gè)進(jìn)步，和之前的“可回收”“不可回收”相比，重新劃分的垃圾分類更容易理解。但前一陣出現(xiàn)各種垃圾分類查詢的APP表明，垃圾分類的系統(tǒng)模型和用戶心理模型還存在不小的差異。

另一個(gè)例子是汽車中的油量顯示，用戶心理模型是汽車還能行駛多遠(yuǎn)，而系統(tǒng)模型顯示的是汽車中還剩余多少汽油，司機(jī)沒(méi)法從油量表一眼看出剩余油量能否讓汽車順利到達(dá)目的地，只能通過(guò)剩余油量進(jìn)行估算，這增加了用戶的理解成本，從而導(dǎo)致易學(xué)性降低。

因此我們?cè)诋a(chǎn)品設(shè)計(jì)的時(shí)候，不僅要使用用戶能輕松理解的語(yǔ)言，也要尊重用戶所知的經(jīng)驗(yàn)及習(xí)慣，從而做到讓用戶“一看就懂”，快速上手。

三、高效性

產(chǎn)品的高效性往往決定了用戶能否靈活快速的完成用戶目標(biāo)，提高產(chǎn)品的高效性可以從以下幾點(diǎn)出發(fā)：

1. 臨近原則

京東APP的搜索欄，搜索記錄的右上方有刪除歷史記錄按鈕，當(dāng)用戶想刪除歷史記錄時(shí)，很快就可以完成刪除操作，免去了尋找清空歷史的時(shí)間；把操作按鈕放在相關(guān)的內(nèi)容附近，可以方便用戶使用，提高效率。

2. 以對(duì)稱方法進(jìn)行操作

比如西瓜視頻，在播放視頻時(shí)點(diǎn)擊視頻中央，可以暫停播放，再次點(diǎn)擊時(shí)，便可以繼續(xù)播放，這種使用對(duì)稱方法進(jìn)行操作在一定程度上比擬了生活中人們開(kāi)關(guān)電視的動(dòng)作，不僅高效，也便于理解。

但是這里要注意，當(dāng)想增加對(duì)稱操作時(shí)，一定要讓用戶能清楚的知道當(dāng)前系統(tǒng)處于什么狀態(tài)，否則只會(huì)增加用戶的挫折感；比如字母的大小寫切換都是使用鍵盤的”CapsLock”按鍵，那么用戶很可能在切換中忘記了現(xiàn)在是大寫狀態(tài)還是小寫狀態(tài)，在密碼輸入框上增加“已開(kāi)啟大寫”的提示，就是為了提示用戶當(dāng)前系統(tǒng)狀態(tài)。

3. 批量操作

說(shuō)到批量操作，可能我們第一個(gè)想到的就是“全選”，比如三星手機(jī)相機(jī)中的全選（全部）。

當(dāng)然，批量操作不止有這一種，批量操作可以延伸出很多功能，比如“宏操作”。

有些時(shí)候，我們可能會(huì)需要經(jīng)常性的執(zhí)行同一組操作命令，這些命令可能是施加于一個(gè)操作對(duì)象上，也可能是施加于多個(gè)操作對(duì)象上；宏操作的作用就是把多個(gè)不同的操作命令組合為一個(gè)層次更高的“宏觀”命令。

最經(jīng)典的宏命令就是Photoshop的“動(dòng)作”命令了：首先錄制一段操作，比如要調(diào)整一張圖片的色階，調(diào)整完成后點(diǎn)擊停止錄制，這樣就會(huì)生成一個(gè)動(dòng)作，打開(kāi)別的圖片以后播放這個(gè)動(dòng)作，圖片就會(huì)根據(jù)你上一張圖片的設(shè)置來(lái)調(diào)整其他圖片，這樣就能大大提高做圖效率。

批量操作的另一種方法就是增加一個(gè)抽象層，比如微信中給好友分組的功能，就是抽象出了“組別”這個(gè)概念，從而可以在發(fā)朋友圈時(shí)進(jìn)行快速批量篩選。

4. 設(shè)置默認(rèn)值

提升產(chǎn)品高效性的另一個(gè)方法是為用戶提供默認(rèn)值，一個(gè)好的默認(rèn)值可以幫用戶節(jié)省很多時(shí)間和精力。當(dāng)我們可以確保某種系統(tǒng)設(shè)置是大部分用戶的選擇，那么我們就可以將這個(gè)系統(tǒng)設(shè)置設(shè)置為默認(rèn)值。這里要注意，提供默認(rèn)值的同時(shí)要允許用戶進(jìn)行更改，畢竟再合理的默認(rèn)值，也不可能滿足100%的用戶。

滴滴出行在打車的時(shí)候會(huì)根據(jù)用戶所在地址選擇最近的打車點(diǎn)，節(jié)約了用戶自己輸入上車地點(diǎn)的時(shí)間；同時(shí)允許用戶對(duì)上車地點(diǎn)進(jìn)行更改，這樣就使選擇上車地點(diǎn)這一操作變得靈活高效。

5. Fitts定律

Fitts定律的大意是：任意一點(diǎn)到達(dá)一個(gè)目標(biāo)的時(shí)間與兩個(gè)因素有關(guān)：

• 設(shè)備當(dāng)前位置和目標(biāo)位置的距離（D）。距離越長(zhǎng)，所用時(shí)間越長(zhǎng)；
• 目標(biāo)的大?。⊿）。目標(biāo)越大，所用時(shí)間越短。

所以我們?cè)谠O(shè)計(jì)界面時(shí)，越是重要的按鈕，就要把按鈕設(shè)計(jì)的越大，同時(shí)把按鈕放在用戶最方便操作的地方；因?yàn)楦鶕?jù)Fiits定律，按鈕越大，操作位置到按鈕的距離越近，用戶點(diǎn)擊按鈕所耗費(fèi)的時(shí)間就越短，用戶也就越容易點(diǎn)擊。

6. 減少不必要的層級(jí)和頁(yè)面跳轉(zhuǎn)

減少不必要的產(chǎn)品層級(jí)和頁(yè)面跳轉(zhuǎn)也是提升產(chǎn)品高效性的有效手段。

如果產(chǎn)品層級(jí)過(guò)深，用戶可能因?yàn)樵诋a(chǎn)品中迷路而找不到自己想要的東西；但是產(chǎn)品層級(jí)也不宜太廣，同一個(gè)界面存在過(guò)多的功能會(huì)讓用戶覺(jué)得眼花繚亂；在進(jìn)行產(chǎn)品設(shè)計(jì)時(shí)要注意平衡產(chǎn)品的深度和廣度。即要明確每個(gè)界面的重點(diǎn)，讓用戶不必在每個(gè)界面面臨過(guò)多選擇，同時(shí)能讓用戶通過(guò)選項(xiàng)的名稱能知道自己的目標(biāo)在哪里。

另一點(diǎn)需要注意的就是讓用戶能在本界面完成的事，就盡量不要跳轉(zhuǎn)到其他界面。對(duì)用戶來(lái)說(shuō)，任何界面的跳轉(zhuǎn)都會(huì)使他的思維被打斷，不要高估用戶的耐心，每一次界面跳轉(zhuǎn)都會(huì)帶來(lái)用戶損失。

7. 允許全局操作

當(dāng)一個(gè)操作重要且頻繁時(shí)，可以考慮將這個(gè)操作變?yōu)槿植僮?，或允許用戶在產(chǎn)品其他層級(jí)使用這個(gè)操作，比如今日頭條的搜索功能。

四、減輕用戶記憶負(fù)擔(dān)

據(jù)研究顯示，人在短時(shí)間內(nèi)只能記住7±2個(gè)信息，一般為7并且在5到9之間波動(dòng)，若超過(guò)了人們?cè)诙虝r(shí)間記憶信息的上限，那么用戶將不得不在兩個(gè)界面之間來(lái)回切換，從而降低了產(chǎn)品的易用性。

想要減輕人們記憶負(fù)擔(dān)，可以采用以下幾種辦法：

1. 識(shí)別，而不是記憶

用戶在查找信息時(shí)，往往不能記住所有信息，比如我要在電腦中查找一個(gè)之前存儲(chǔ)在c盤的文件，有時(shí)會(huì)忘記文件所在的精確位置，總感覺(jué)馬上就能想起來(lái)存儲(chǔ)位置，但好像總差一點(diǎn)。

百度地圖在這一點(diǎn)上就做的很好，當(dāng)我在輸入想去的地點(diǎn)時(shí)，只需輸入一個(gè)字，百度地圖就能自動(dòng)識(shí)別并在搜索欄下方展示出可能的地方，隨著輸入的不斷增加，下方的展示也越來(lái)越精確，這樣即使我沒(méi)有記住精確的地址，經(jīng)過(guò)產(chǎn)品給予的“提示”，也能在展示的地點(diǎn)中找到我想要去的地方。

2.讓產(chǎn)品幫用戶記憶

在撥打114查詢電話號(hào)碼時(shí)，對(duì)方往往會(huì)報(bào)出一串很長(zhǎng)的電話號(hào)碼，而如果此時(shí)手邊又沒(méi)有紙筆就會(huì)很尷尬。當(dāng)一段信息比較長(zhǎng)而用戶有又有可能用到時(shí)，我們可以讓產(chǎn)品來(lái)幫助用戶記憶。

例如當(dāng)當(dāng)網(wǎng)，在用戶進(jìn)行物流查詢時(shí)，點(diǎn)擊快遞電話號(hào)碼，就會(huì)在屏幕下方出現(xiàn)撥打選項(xiàng)，從而免去用戶記憶的麻煩。

3. 把信息放在用戶一直看的到的地方

有時(shí)即使提供了復(fù)制功能，用戶可能還是需要在兩個(gè)界面頻繁切換。

比如天氣，我想知道未來(lái)幾天的氣溫和今天比相差幾度，此時(shí)提供復(fù)制功能的意義就不大了，將信息放在用戶能同時(shí)看得到的地方是一個(gè)不錯(cuò)的主意，這樣就可以避免用戶在幾個(gè)界面中來(lái)回切換，墨跡天氣在這點(diǎn)做的就很好，把最近幾天的信息放在了同一屏進(jìn)行展示：

4. 信息分塊

我們可以把難以記憶的信息分成一小塊一小塊來(lái)幫助用戶記憶。

舉個(gè)例子，在輸入銀行卡號(hào)時(shí)，如果在輸入框內(nèi)將銀行卡所有位數(shù)放在一起，那么在輸入過(guò)程中用戶可能會(huì)忘記自輸入到了第幾位，不得不從頭再數(shù)一遍。如果按照四個(gè)為一組把銀行卡號(hào)進(jìn)行分割，這樣對(duì)用戶的記憶負(fù)擔(dān)就會(huì)小很多。比如在支付寶內(nèi)添加銀行卡時(shí)，將銀行卡號(hào)四位為一租分開(kāi)，這樣用戶很容易就知道自己的輸入的位置，從而避免用戶借助手指，筆來(lái)在屏幕上定位。

5. 讓用戶自己幫自己記憶

俗話說(shuō)，好記性不如爛筆頭，我們可以提供讓用戶自己幫助自己來(lái)記憶的功能，最常見(jiàn)的就是收藏夾了，用戶點(diǎn)擊收藏后自動(dòng)放在收藏夾中，這樣下次用戶就可以直接在收藏夾中尋找自己收藏的東西，而不需要重新進(jìn)行搜索查找。

6. 利用規(guī)律來(lái)減少記憶難度

當(dāng)某些信息需要用戶長(zhǎng)期記憶時(shí)，我們可以將這些信息按照一個(gè)統(tǒng)一的格式，比如QQ郵箱：都是xxxxx（QQ號(hào)）@qq.com，使用清晰而統(tǒng)一的格式，能有效的降低記憶難度，幫助用戶記憶。

五、充分考慮用戶的自身特點(diǎn)及使用場(chǎng)景

在進(jìn)行產(chǎn)品框架層的設(shè)計(jì)時(shí)，除了要根據(jù)內(nèi)容重要性對(duì)界面進(jìn)行布局外，還要充分考慮用戶的自身特點(diǎn)和使用場(chǎng)景。比如用戶的視力、理解力及操作習(xí)慣。在界面設(shè)計(jì)完成后多問(wèn)問(wèn)自己：用戶能否看清并理解我們的界面？操作產(chǎn)品時(shí)是使用雙手操作手機(jī)還是單手操作？在當(dāng)時(shí)的使用場(chǎng)景下，有哪些干擾源？在存在干擾源的情況下，是采用長(zhǎng)按方便，還是左滑/點(diǎn)擊方便？手指的觸碰盲區(qū)在哪？用戶當(dāng)時(shí)的注意力又在哪里？

六、掌控感

用戶在使用產(chǎn)品的時(shí)候是很需要掌控感的，要讓用戶感覺(jué)他們對(duì)產(chǎn)品的一系列操作了如指掌，產(chǎn)品能夠按他們的預(yù)期來(lái)執(zhí)行命令，讓用戶擁有掌控感是獲取用戶信任和降低用戶的焦慮的有效手段。

想要讓用戶在使用產(chǎn)品時(shí)有掌控感，可以從狀態(tài)可感知、及時(shí)反饋、減少等待感三方面來(lái)考慮。

1. 狀態(tài)可感知

狀態(tài)可感知，就是要讓用戶知道他們當(dāng)前的狀態(tài)、接下來(lái)的進(jìn)程、以及什么時(shí)候結(jié)束，比如在注冊(cè)登錄時(shí)在頂部放置注冊(cè)引導(dǎo)來(lái)告知用戶當(dāng)前所在的位置。

2. 及時(shí)反饋

及時(shí)反饋就是在用戶進(jìn)行一個(gè)操作時(shí)，能立刻給用戶反饋操作的結(jié)果，比如在微信聊天時(shí)，無(wú)論是復(fù)制，還是收藏，都會(huì)在下方給出提示，讓用戶清楚地知道當(dāng)前操作的結(jié)果。

3. 減少等待感

等待感是一件很有意思的事情：用戶對(duì)產(chǎn)品的期望、熟悉程度、用戶的性格以及等待的結(jié)果是否影響用戶下一步操作等因素都會(huì)影響用戶的等待感。

用戶根據(jù)經(jīng)驗(yàn)認(rèn)為需要3秒，結(jié)果我們的產(chǎn)品在10秒后才有反應(yīng)，用戶會(huì)感到不滿；急性子的人比慢性子的人更容易著急；如果用戶等待的結(jié)果和進(jìn)行的操作無(wú)關(guān)，也不會(huì)產(chǎn)生太大的等待感，比如在進(jìn)行可以放在后臺(tái)運(yùn)行的操作時(shí)，即使時(shí)間稍長(zhǎng)一點(diǎn)，用戶也不會(huì)產(chǎn)生什么等待感。

Robert B Miller在他發(fā)表的有關(guān)響應(yīng)時(shí)間的文章中指出，用戶有三個(gè)閾值時(shí)間：0.1秒鐘、1秒鐘和10秒鐘。

“如果響應(yīng)時(shí)間短于0.1秒鐘，用戶感覺(jué)不到任何延遲，即0.1秒鐘是讓用戶感覺(jué)到系統(tǒng)立即做出了響應(yīng)的時(shí)間上限。1秒鐘是讓用戶思維不被中斷的上限。10秒鐘是讓用戶的注意力保持在對(duì)話過(guò)程中的上限?！?/p>

為了減少用戶的等待感，我們要根據(jù)不同的情況進(jìn)行不同的設(shè)計(jì)：

• 響應(yīng)時(shí)間少于0.1秒：當(dāng)反應(yīng)時(shí)間少于0.1秒時(shí)，不需要做任何設(shè)計(jì)，就像用戶在裁剪圖片時(shí)的拖拽一樣流暢。
• 響應(yīng)時(shí)間大于0.1秒小于1秒：如果響應(yīng)時(shí)間短于1秒鐘，也不需要做什么設(shè)計(jì)，因?yàn)橛脩赳R上就可以看到結(jié)果，只不過(guò)感官上沒(méi)有0.1S時(shí)那么流暢。
• 響應(yīng)時(shí)間大于1秒小于10秒：此時(shí)就需要我們介入了，在這個(gè)反應(yīng)時(shí)間，需要用戶進(jìn)行等待，但又不需要用戶等待太久，因此我們可以添加一個(gè)動(dòng)態(tài)的小動(dòng)畫，這樣用戶就知道系統(tǒng)對(duì)自己的操作有了反應(yīng)，只不過(guò)需要等待而已；而選擇動(dòng)態(tài)而非靜態(tài)的圖案是暗示用戶系統(tǒng)正在處理，靜態(tài)的圖片很容易讓人認(rèn)為頁(yè)面已經(jīng)卡死。
• 大于10秒：一般在APP的更新會(huì)出現(xiàn)這種情況，當(dāng)出現(xiàn)這種情況時(shí)，我們有兩種選擇。第一是不會(huì)干擾用戶的其他操作并允許后臺(tái)運(yùn)行，如果沒(méi)有辦法實(shí)現(xiàn)那我們就采用第二種設(shè)計(jì)：提供進(jìn)度條，告訴用戶當(dāng)前進(jìn)度以及剩余的等待時(shí)間，并提供能讓用戶取消操作的按鈕，并在處理完成后給予用戶提示。

七、防錯(cuò)性

在我們操作軟件時(shí)，彈出錯(cuò)誤提示是一件讓人很沮喪的事情，它不僅浪費(fèi)了用戶的時(shí)間，也會(huì)提升用戶的焦慮感，因此我們?cè)谠O(shè)計(jì)產(chǎn)品時(shí)就要盡量避免用戶犯錯(cuò)。

1. 選擇，而不是輸入

能讓用戶選擇的地方，就不要讓用戶去輸入，因?yàn)橛脩粼谳斎胛谋緯r(shí)可能會(huì)出很多問(wèn)題，比如字母大小寫，輸入格式錯(cuò)誤等一系列的問(wèn)題。在Keep中填寫個(gè)人數(shù)據(jù)時(shí)就采取了讓用戶選擇而不是輸入的設(shè)計(jì)，這樣既簡(jiǎn)化了操作，又減少了用戶犯錯(cuò)的幾率。

2. 采取限制防止用戶犯錯(cuò)

我們可以設(shè)置一定限制來(lái)防止用戶犯錯(cuò)，比如趣頭條的注冊(cè)界面，短信驗(yàn)證碼只能輸入4位，用戶輸入數(shù)字的位數(shù)少于四位就無(wú)法進(jìn)入下一界面；類似的設(shè)計(jì)還有：在應(yīng)該輸入數(shù)字的輸入欄中禁止輸入字母，在用戶輸入其他符號(hào)時(shí)給出“請(qǐng)輸入數(shù)字”的提示；聊天欄中未輸入內(nèi)容時(shí)，發(fā)送消息按鈕為灰色不可點(diǎn)擊狀態(tài)等。

3. 讓用戶提前看到操作效果

有時(shí)如果能讓用戶提前看到效果，那么用戶能自己發(fā)現(xiàn)并修復(fù)錯(cuò)誤，比如微信訂閱號(hào)助手提供的“預(yù)覽”功能，讓用戶可以在正式發(fā)布前進(jìn)行自查從而減少錯(cuò)誤的發(fā)生。

4. 及時(shí)提示

很多時(shí)候，我們可以對(duì)用戶所做的操作進(jìn)行檢查，當(dāng)可能出現(xiàn)錯(cuò)誤操作或毀滅性操作時(shí)，向用戶進(jìn)行二次確認(rèn)，以避免錯(cuò)誤的發(fā)生。

比如wps中，當(dāng)有輸入內(nèi)容但未保存的情況下直接點(diǎn)擊關(guān)閉時(shí)，會(huì)出現(xiàn)是否保存的提示。

5. 讓用戶自己來(lái)防止錯(cuò)誤

有些時(shí)候，我們很難判斷用戶的操作是否正確，只有用戶自己才知道什么是錯(cuò)誤的，因此我們可以提供工具讓用戶自己來(lái)避免犯錯(cuò)，比如在墨刀中的編輯頁(yè)面，提供了控件鎖定功能， 讓用戶可以自己限制自己的操作，從而避免錯(cuò)誤的發(fā)生。

八、容錯(cuò)性

雖然我們可以用一些方法來(lái)避免錯(cuò)誤的發(fā)生，但人非圣賢，孰能無(wú)過(guò)，總有我們避免不了的錯(cuò)誤，因此當(dāng)錯(cuò)誤發(fā)生時(shí)，產(chǎn)品容錯(cuò)性就顯得十分重要。

容錯(cuò)性可以從兩方面來(lái)考慮：提示和降低損失

1. 提示

當(dāng)錯(cuò)誤發(fā)生時(shí)，我們不能只告訴用戶無(wú)法完成，更不能只給出用戶無(wú)法理解的錯(cuò)誤代碼，而是應(yīng)該清晰的告訴用戶產(chǎn)生錯(cuò)誤的原因，還要告訴用戶該如何去做操作，最好能提供操作按鈕，不要讓用戶走入“死胡同”。

比如用戶因網(wǎng)絡(luò)問(wèn)題打開(kāi)界面失敗，我們應(yīng)在屏幕上提示用戶：“網(wǎng)絡(luò)異常，請(qǐng)?jiān)谠O(shè)置中檢查網(wǎng)絡(luò)后重試”，并在下方提供“重試”的按鈕。

2. 降低損失

當(dāng)用戶在輸入信息時(shí)出現(xiàn)錯(cuò)誤，此時(shí)我們應(yīng)該尊重用戶輸入的信息，盡量降低錯(cuò)誤所帶來(lái)的損失。

在微信朋友圈，因?yàn)榫W(wǎng)絡(luò)原因發(fā)送失敗時(shí)，會(huì)將內(nèi)容保存到本地，這樣用戶在網(wǎng)絡(luò)通暢時(shí)就可以重新發(fā)送。容錯(cuò)性另一個(gè)經(jīng)典的例子就是：“Ctrl+Z—撤銷”。

九、提供必要的幫助

在用戶可能需要幫助的時(shí)候，提供必要的幫助和說(shuō)明。

一定要在必要的時(shí)候提供幫助，在不必要的時(shí)候彈出提示或幫助只會(huì)打斷用戶的思路，干擾用戶。提供幫助的方式有tips，動(dòng)畫，幫助文檔或人工服務(wù)；根據(jù)不同情況選擇不同的幫助方式。

1. tips

對(duì)于可以用一兩句話說(shuō)明的，我們可以在用戶可能出現(xiàn)疑惑的地方設(shè)置一個(gè)tips，用戶點(diǎn)擊后即出現(xiàn)相應(yīng)的解釋。

在微信讀書中，會(huì)在用戶不易理解的詞匯旁邊放置一個(gè)tips，若用戶不理解該詞匯的意思，點(diǎn)擊后便可查看該詞匯的注釋；若用戶理解詞語(yǔ)的意思，就不會(huì)去點(diǎn)擊tips。這樣既解決了用戶的疑惑，又不至于對(duì)用戶形成干擾。

2. 動(dòng)畫

動(dòng)畫一般用來(lái)描述交互手勢(shì)或動(dòng)作，比如手掌滑動(dòng)截屏等，動(dòng)畫幫助對(duì)用戶的干擾較強(qiáng)，因此一般只在用戶第一次進(jìn)入界面時(shí)出現(xiàn)。

3. 幫助文檔

對(duì)于較復(fù)雜的，需要使用長(zhǎng)段落或圖文描述的幫助，則需要設(shè)置幫助文檔，幫助文檔最好能提供搜索和問(wèn)題分類引導(dǎo)，方便用戶對(duì)問(wèn)題進(jìn)行快速定位。

4. 人工服務(wù)

產(chǎn)品內(nèi)應(yīng)設(shè)置問(wèn)題反饋的入口，如：“xx助手”，當(dāng)以上幾種幫助手段都不能解決問(wèn)題時(shí)，給用戶一個(gè)反饋問(wèn)題的途徑。

十、貼心設(shè)計(jì)

假如你組織了一個(gè)活動(dòng)，在微信群內(nèi)統(tǒng)計(jì)參加人數(shù)時(shí)，你會(huì)怎么做呢？可能大多數(shù)人都會(huì)編輯一段文字來(lái)說(shuō)明活動(dòng)，然后大家復(fù)制粘貼這條內(nèi)容并在后面加上自己的名字，然后再發(fā)到群里；這樣難免讓人感覺(jué)費(fèi)時(shí)費(fèi)力，微信針對(duì)這種情況給出了解決辦法：微信接龍。

1.在微信群聊中，首先輸入一段文字，文字中要包含“接龍”兩個(gè)字，然后回車換行。

2.輸入帶數(shù)字的內(nèi)容，且數(shù)字和內(nèi)容用標(biāo)點(diǎn)符號(hào)隔開(kāi)，內(nèi)容之間要記得換行，此時(shí)就會(huì)觸發(fā)此功能。例如：

接龍

1.XXXX

2.XXXX

如果你在無(wú)意中觸發(fā)此功能，是不是會(huì)感到驚喜呢？類似的設(shè)計(jì)還有在網(wǎng)易郵箱中發(fā)送郵件時(shí)，當(dāng)郵件中提到了“附件”二字，但在發(fā)送時(shí)卻又沒(méi)有添加附件，就會(huì)有提示出現(xiàn)。

或許用戶平時(shí)注意不到這些細(xì)小的設(shè)計(jì)，但當(dāng)用戶需要用到而功能又適時(shí)出現(xiàn)的時(shí)候，用戶會(huì)驚喜不已。當(dāng)我們的設(shè)計(jì)能讓越來(lái)越多的用戶“會(huì)心一笑”時(shí)，我們的產(chǎn)品就離“好用”不遠(yuǎn)了。

作者：撒野的氧氣，公眾號(hào)：產(chǎn)品汪的成長(zhǎng)路

本文由 @撒野的氧氣 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash，基于CC0協(xié)議。