頁面設(shè)計:如何讓頁面有更好的用戶體驗
在產(chǎn)品設(shè)計時,我們的首要任務(wù)是對需求進行深入分析,先確認產(chǎn)品“有用”;然后根據(jù)可用性原則努力將產(chǎn)品變的“易用”;最后再貼近用戶對產(chǎn)品進行打磨,那么我們的產(chǎn)品就離“好用”不遠了;本文列舉了一些常見的設(shè)計原則,以便大家在設(shè)計中進行自查。
文章結(jié)構(gòu)如下:
一、符合用戶使用需求
產(chǎn)品的所有功能都必須用來支持用戶特定的需求,在保證滿足用戶基礎(chǔ)需求的前提下,盡力去挖掘用戶的期望需求和興奮需求,避免無差異需求和反向需求,產(chǎn)品經(jīng)理不僅要學(xué)會做加法,更要學(xué)會給產(chǎn)品做“減法”。
二、易學(xué)性
我們要把產(chǎn)品設(shè)計的讓用戶上手即用,容易理解,不易遺忘。
即當(dāng)用戶第一次使用產(chǎn)品時,能讓用戶“一看就懂”;即使用戶不會使用,在向他演示如何使用后,用戶很快就能學(xué)會,且學(xué)會之后不易忘記。
易學(xué)性可以從以下幾方面來考慮:
1. 保持界面簡潔
界面上應(yīng)只保留產(chǎn)品最核心的信息,如非必要,謹慎添加。
界面內(nèi)容過多往往會導(dǎo)致用戶不知所措,從而找不到想要的東西,而且無法凸顯界面中的重點內(nèi)容。因此在進行界面設(shè)計時,我們要遵循信噪比原則,將重要信息重點突出,不重要的信息做刪除/組織/隱藏/轉(zhuǎn)移處理;要盡一切可能保證產(chǎn)品的簡潔和美觀。
2. 分塊原則
使用分塊原則,將頁面上邏輯相關(guān)、內(nèi)容相似、操作相近的內(nèi)容組織到一個模塊中,會使整個頁面的結(jié)構(gòu)和信息層次變得非常清晰,從而有效的降低用戶的理解成本,減少用戶閱讀疲勞。分塊原則包括:相近性,相似性,封閉性,連續(xù)性。
(1)相近性
人們在潛意識里會將距離相近的部分當(dāng)做一個整體:
在沒有說明的情況下,人們會下意識的認為左側(cè)的圓形為一個整體;而右側(cè)的圓形因為上半部分和下半部分的間距較大而被認為是兩個整體。因此我們可以在界面設(shè)計時將不同模塊的內(nèi)容用不同距離進行劃分,這樣既保證了頁面的簡潔,又不會使用戶感到困惑。
在微信讀書中,每本書的題目距本書封面圖的距離要比到其他封面圖的距離近得多,即使沒有分割線,用戶也能很輕松的知道書名應(yīng)該和哪張圖片相匹配。
(2)相似性
人們會將形狀、風(fēng)格相似的部分當(dāng)做一個整體。如下圖所示,一組圓形,一組矩形,一組三角形,人們很自然地會把三個圓形當(dāng)做一組,三個矩形當(dāng)成一組,三個三角形當(dāng)做另一組。
在界面設(shè)計中,我們可以使用不同的設(shè)計風(fēng)格、展現(xiàn)形式來對內(nèi)容進行劃分。比如我們可以使用純文字,圖片+文字,或者用風(fēng)格迥異的icon圖標(biāo)等方式來將不同的模塊區(qū)分出來,以降低用戶的閱讀疲勞感。
拼多多中“我的”界面,人們會因為待付款,待分享及代發(fā)貨的icon風(fēng)格相似而把它們當(dāng)成一組。下方優(yōu)惠券,店鋪收藏及歷史瀏覽會被當(dāng)成另一組。
(3)封閉性
人們會將封閉起來的部分當(dāng)做一個整體,比如咸魚首頁將邏輯相關(guān)的內(nèi)容使用白底色封閉起來,使整個頁面被分為一個又一個的模塊,各模塊之間能產(chǎn)生強烈區(qū)分,這樣用戶就可以很快的找到自己感興趣的部分。
(4)連續(xù)性
人們傾向于形成一個完整的整體,而不是殘缺的一部分。在淘寶“微淘”頂部的tab標(biāo)簽,最右側(cè)“美食”只顯示出一個“美”字,以此來暗示用戶左滑可查看更多分類。
3. 使用比擬手法
當(dāng)界面中的可視化對象和操作與現(xiàn)實世界類似時,用戶就能快速領(lǐng)會該如何使用。
最常見的比擬就是界面中的各種按鈕了,通過模擬現(xiàn)實中的按鈕,讓用戶知道可以進行點擊操作;通過模擬現(xiàn)實生活中人們翻書的動作,讓用戶知道可以進行左滑翻頁操作。
比擬手法不止如此,我們還可以運用人們在現(xiàn)實中的詞語來幫助用戶理解該功能的作用,比如xx助手代表了幫助智能客服系統(tǒng),就是通過人們對現(xiàn)實中“助手”一詞的理解來傳達此功能的用意。
4. 預(yù)設(shè)提示
我們可以在界面上增加預(yù)設(shè)文字來告知用戶可進行的操作,如在微信登錄時的輸入框放入預(yù)制文字來提示用戶應(yīng)該輸入的內(nèi)容;網(wǎng)頁上用藍色的字體表示是可以點擊的超鏈接;微信電腦版中的剪切圖片,剪切范圍邊緣的中心有實心小方塊來提醒用戶可以進行拖拽操作等;運用這些手法可以讓用戶清楚地明白界面中哪些是可操作的,該如何操作。
5. 自然匹配
自然匹配,就是人們在使用物品時,能夠很容易理解操作及結(jié)果之間的關(guān)系。比如使用手機看視頻時,右滑代表前進,左滑代表后退;音量調(diào)節(jié)中向上代表音量變大,向下則代表音量變小;而一個經(jīng)典違背自然匹配原則的例子就是汽車用搖柄來控制車窗的上下,車窗的上下移動和搖柄的旋轉(zhuǎn)很不匹配,就讓人很容易搞錯。
在設(shè)計時遵循自然匹配原則可以極大地降低用戶的學(xué)習(xí)和理解成本。
6. 一致性
在產(chǎn)品設(shè)計時保持一致性,能讓人們在使用產(chǎn)品時把他們先前已經(jīng)掌握的技能和知識應(yīng)用進來,從而降低用戶的學(xué)習(xí)成本。
一致性分為外部一致和內(nèi)部一致。
- 外部一致:如果所在的行業(yè)市場上已經(jīng)有了很多同類產(chǎn)品,那么用戶很可能已經(jīng)積累了該類產(chǎn)品的使用經(jīng)驗,如非必要,就不需要特地設(shè)計的與眾不同。
- 內(nèi)部一致:在自己產(chǎn)品內(nèi)保持一致也很重要,保持內(nèi)部一致性可以讓用戶在掌握了產(chǎn)品中某一部分的用法后,不需要再經(jīng)過太多學(xué)習(xí),就能很容易地理解和使用其他部分;而相同元素在界面中的重復(fù),也可以幫助用戶識別出這些元素之間的關(guān)聯(lián)性。
7. 符合用戶心理模型
用戶心理模型這個概念是Donald A. Norman在他的《設(shè)計心理學(xué)》中首次提出的,和用戶模型相關(guān)的還有實現(xiàn)模型和系統(tǒng)模型。
- 用戶心理模型:用戶根據(jù)生活認知在用戶頭腦中認為產(chǎn)品的樣子,可能源于用戶以前使用類似產(chǎn)品的經(jīng)驗,或者用戶根據(jù)使用該產(chǎn)品要達到的目標(biāo)而對產(chǎn)品的概念和行為的一種期望;
- 實現(xiàn)模型:是產(chǎn)品經(jīng)理及研發(fā)人員腦中的實現(xiàn)方式及原理;
- 系統(tǒng)模型:是產(chǎn)品最終展示給用戶后,用戶通過觀看或使用后形成的關(guān)于產(chǎn)品如何使用和工作的知識。
系統(tǒng)模型越接近用戶心理模型,用戶的學(xué)習(xí)成本就越低。
因為系統(tǒng)模型偏離用戶心理模型導(dǎo)致難用的典型就是垃圾分類。
之前的垃圾按照可回收和不可回收進行劃分,這太糟糕了:
- 在用戶的心理模型中,用戶所理解的是要扔掉的物品的名稱,比如食品類,衣物類,包裝類等;
- 而在系統(tǒng)模型中,因為要根據(jù)垃圾是否具有可收回性來做不同的處理,所以就出現(xiàn)了“可回收”和“不可回收”這兩個概念,在這里系統(tǒng)模型幾乎等同于實現(xiàn)模型而嚴重偏離了用戶心理模型,因此用戶很難將每一個物品正確分類。
現(xiàn)在將垃圾分類劃分為廚余垃圾,有害垃圾,可回收垃圾和其他垃圾是一個進步,和之前的“可回收”“不可回收”相比,重新劃分的垃圾分類更容易理解。但前一陣出現(xiàn)各種垃圾分類查詢的APP表明,垃圾分類的系統(tǒng)模型和用戶心理模型還存在不小的差異。
另一個例子是汽車中的油量顯示,用戶心理模型是汽車還能行駛多遠,而系統(tǒng)模型顯示的是汽車中還剩余多少汽油,司機沒法從油量表一眼看出剩余油量能否讓汽車順利到達目的地,只能通過剩余油量進行估算,這增加了用戶的理解成本,從而導(dǎo)致易學(xué)性降低。
因此我們在產(chǎn)品設(shè)計的時候,不僅要使用用戶能輕松理解的語言,也要尊重用戶所知的經(jīng)驗及習(xí)慣,從而做到讓用戶“一看就懂”,快速上手。
三、高效性
產(chǎn)品的高效性往往決定了用戶能否靈活快速的完成用戶目標(biāo),提高產(chǎn)品的高效性可以從以下幾點出發(fā):
1. 臨近原則
京東APP的搜索欄,搜索記錄的右上方有刪除歷史記錄按鈕,當(dāng)用戶想刪除歷史記錄時,很快就可以完成刪除操作,免去了尋找清空歷史的時間;把操作按鈕放在相關(guān)的內(nèi)容附近,可以方便用戶使用,提高效率。
2. 以對稱方法進行操作
比如西瓜視頻,在播放視頻時點擊視頻中央,可以暫停播放,再次點擊時,便可以繼續(xù)播放,這種使用對稱方法進行操作在一定程度上比擬了生活中人們開關(guān)電視的動作,不僅高效,也便于理解。
但是這里要注意,當(dāng)想增加對稱操作時,一定要讓用戶能清楚的知道當(dāng)前系統(tǒng)處于什么狀態(tài),否則只會增加用戶的挫折感;比如字母的大小寫切換都是使用鍵盤的”CapsLock”按鍵,那么用戶很可能在切換中忘記了現(xiàn)在是大寫狀態(tài)還是小寫狀態(tài),在密碼輸入框上增加“已開啟大寫”的提示,就是為了提示用戶當(dāng)前系統(tǒng)狀態(tài)。
3. 批量操作
說到批量操作,可能我們第一個想到的就是“全選”,比如三星手機相機中的全選(全部)。
當(dāng)然,批量操作不止有這一種,批量操作可以延伸出很多功能,比如“宏操作”。
有些時候,我們可能會需要經(jīng)常性的執(zhí)行同一組操作命令,這些命令可能是施加于一個操作對象上,也可能是施加于多個操作對象上;宏操作的作用就是把多個不同的操作命令組合為一個層次更高的“宏觀”命令。
最經(jīng)典的宏命令就是Photoshop的“動作”命令了:首先錄制一段操作,比如要調(diào)整一張圖片的色階,調(diào)整完成后點擊停止錄制,這樣就會生成一個動作,打開別的圖片以后播放這個動作,圖片就會根據(jù)你上一張圖片的設(shè)置來調(diào)整其他圖片,這樣就能大大提高做圖效率。
批量操作的另一種方法就是增加一個抽象層,比如微信中給好友分組的功能,就是抽象出了“組別”這個概念,從而可以在發(fā)朋友圈時進行快速批量篩選。
4. 設(shè)置默認值
提升產(chǎn)品高效性的另一個方法是為用戶提供默認值,一個好的默認值可以幫用戶節(jié)省很多時間和精力。當(dāng)我們可以確保某種系統(tǒng)設(shè)置是大部分用戶的選擇,那么我們就可以將這個系統(tǒng)設(shè)置設(shè)置為默認值。這里要注意,提供默認值的同時要允許用戶進行更改,畢竟再合理的默認值,也不可能滿足100%的用戶。
滴滴出行在打車的時候會根據(jù)用戶所在地址選擇最近的打車點,節(jié)約了用戶自己輸入上車地點的時間;同時允許用戶對上車地點進行更改,這樣就使選擇上車地點這一操作變得靈活高效。
5. Fitts定律
Fitts定律的大意是:任意一點到達一個目標(biāo)的時間與兩個因素有關(guān):
- 設(shè)備當(dāng)前位置和目標(biāo)位置的距離(D)。距離越長,所用時間越長;
- 目標(biāo)的大小(S)。目標(biāo)越大,所用時間越短。
所以我們在設(shè)計界面時,越是重要的按鈕,就要把按鈕設(shè)計的越大,同時把按鈕放在用戶最方便操作的地方;因為根據(jù)Fiits定律,按鈕越大,操作位置到按鈕的距離越近,用戶點擊按鈕所耗費的時間就越短,用戶也就越容易點擊。
6. 減少不必要的層級和頁面跳轉(zhuǎn)
減少不必要的產(chǎn)品層級和頁面跳轉(zhuǎn)也是提升產(chǎn)品高效性的有效手段。
如果產(chǎn)品層級過深,用戶可能因為在產(chǎn)品中迷路而找不到自己想要的東西;但是產(chǎn)品層級也不宜太廣,同一個界面存在過多的功能會讓用戶覺得眼花繚亂;在進行產(chǎn)品設(shè)計時要注意平衡產(chǎn)品的深度和廣度。即要明確每個界面的重點,讓用戶不必在每個界面面臨過多選擇,同時能讓用戶通過選項的名稱能知道自己的目標(biāo)在哪里。
另一點需要注意的就是讓用戶能在本界面完成的事,就盡量不要跳轉(zhuǎn)到其他界面。對用戶來說,任何界面的跳轉(zhuǎn)都會使他的思維被打斷,不要高估用戶的耐心,每一次界面跳轉(zhuǎn)都會帶來用戶損失。
7. 允許全局操作
當(dāng)一個操作重要且頻繁時,可以考慮將這個操作變?yōu)槿植僮?,或允許用戶在產(chǎn)品其他層級使用這個操作,比如今日頭條的搜索功能。
四、減輕用戶記憶負擔(dān)
據(jù)研究顯示,人在短時間內(nèi)只能記住7±2個信息,一般為7并且在5到9之間波動,若超過了人們在短時間記憶信息的上限,那么用戶將不得不在兩個界面之間來回切換,從而降低了產(chǎn)品的易用性。
想要減輕人們記憶負擔(dān),可以采用以下幾種辦法:
1. 識別,而不是記憶
用戶在查找信息時,往往不能記住所有信息,比如我要在電腦中查找一個之前存儲在c盤的文件,有時會忘記文件所在的精確位置,總感覺馬上就能想起來存儲位置,但好像總差一點。
百度地圖在這一點上就做的很好,當(dāng)我在輸入想去的地點時,只需輸入一個字,百度地圖就能自動識別并在搜索欄下方展示出可能的地方,隨著輸入的不斷增加,下方的展示也越來越精確,這樣即使我沒有記住精確的地址,經(jīng)過產(chǎn)品給予的“提示”,也能在展示的地點中找到我想要去的地方。
2.讓產(chǎn)品幫用戶記憶
在撥打114查詢電話號碼時,對方往往會報出一串很長的電話號碼,而如果此時手邊又沒有紙筆就會很尷尬。當(dāng)一段信息比較長而用戶有又有可能用到時,我們可以讓產(chǎn)品來幫助用戶記憶。
例如當(dāng)當(dāng)網(wǎng),在用戶進行物流查詢時,點擊快遞電話號碼,就會在屏幕下方出現(xiàn)撥打選項,從而免去用戶記憶的麻煩。
3. 把信息放在用戶一直看的到的地方
有時即使提供了復(fù)制功能,用戶可能還是需要在兩個界面頻繁切換。
比如天氣,我想知道未來幾天的氣溫和今天比相差幾度,此時提供復(fù)制功能的意義就不大了,將信息放在用戶能同時看得到的地方是一個不錯的主意,這樣就可以避免用戶在幾個界面中來回切換,墨跡天氣在這點做的就很好,把最近幾天的信息放在了同一屏進行展示:
4. 信息分塊
我們可以把難以記憶的信息分成一小塊一小塊來幫助用戶記憶。
舉個例子,在輸入銀行卡號時,如果在輸入框內(nèi)將銀行卡所有位數(shù)放在一起,那么在輸入過程中用戶可能會忘記自輸入到了第幾位,不得不從頭再數(shù)一遍。如果按照四個為一組把銀行卡號進行分割,這樣對用戶的記憶負擔(dān)就會小很多。比如在支付寶內(nèi)添加銀行卡時,將銀行卡號四位為一租分開,這樣用戶很容易就知道自己的輸入的位置,從而避免用戶借助手指,筆來在屏幕上定位。
5. 讓用戶自己幫自己記憶
俗話說,好記性不如爛筆頭,我們可以提供讓用戶自己幫助自己來記憶的功能,最常見的就是收藏夾了,用戶點擊收藏后自動放在收藏夾中,這樣下次用戶就可以直接在收藏夾中尋找自己收藏的東西,而不需要重新進行搜索查找。
6. 利用規(guī)律來減少記憶難度
當(dāng)某些信息需要用戶長期記憶時,我們可以將這些信息按照一個統(tǒng)一的格式,比如QQ郵箱:都是xxxxx(QQ號)@qq.com,使用清晰而統(tǒng)一的格式,能有效的降低記憶難度,幫助用戶記憶。
五、充分考慮用戶的自身特點及使用場景
在進行產(chǎn)品框架層的設(shè)計時,除了要根據(jù)內(nèi)容重要性對界面進行布局外,還要充分考慮用戶的自身特點和使用場景。比如用戶的視力、理解力及操作習(xí)慣。在界面設(shè)計完成后多問問自己:用戶能否看清并理解我們的界面?操作產(chǎn)品時是使用雙手操作手機還是單手操作?在當(dāng)時的使用場景下,有哪些干擾源?在存在干擾源的情況下,是采用長按方便,還是左滑/點擊方便?手指的觸碰盲區(qū)在哪?用戶當(dāng)時的注意力又在哪里?
六、掌控感
用戶在使用產(chǎn)品的時候是很需要掌控感的,要讓用戶感覺他們對產(chǎn)品的一系列操作了如指掌,產(chǎn)品能夠按他們的預(yù)期來執(zhí)行命令,讓用戶擁有掌控感是獲取用戶信任和降低用戶的焦慮的有效手段。
想要讓用戶在使用產(chǎn)品時有掌控感,可以從狀態(tài)可感知、及時反饋、減少等待感三方面來考慮。
1. 狀態(tài)可感知
狀態(tài)可感知,就是要讓用戶知道他們當(dāng)前的狀態(tài)、接下來的進程、以及什么時候結(jié)束,比如在注冊登錄時在頂部放置注冊引導(dǎo)來告知用戶當(dāng)前所在的位置。
2. 及時反饋
及時反饋就是在用戶進行一個操作時,能立刻給用戶反饋操作的結(jié)果,比如在微信聊天時,無論是復(fù)制,還是收藏,都會在下方給出提示,讓用戶清楚地知道當(dāng)前操作的結(jié)果。
3. 減少等待感
等待感是一件很有意思的事情:用戶對產(chǎn)品的期望、熟悉程度、用戶的性格以及等待的結(jié)果是否影響用戶下一步操作等因素都會影響用戶的等待感。
用戶根據(jù)經(jīng)驗認為需要3秒,結(jié)果我們的產(chǎn)品在10秒后才有反應(yīng),用戶會感到不滿;急性子的人比慢性子的人更容易著急;如果用戶等待的結(jié)果和進行的操作無關(guān),也不會產(chǎn)生太大的等待感,比如在進行可以放在后臺運行的操作時,即使時間稍長一點,用戶也不會產(chǎn)生什么等待感。
Robert B Miller在他發(fā)表的有關(guān)響應(yīng)時間的文章中指出,用戶有三個閾值時間:0.1秒鐘、1秒鐘和10秒鐘。
“如果響應(yīng)時間短于0.1秒鐘,用戶感覺不到任何延遲,即0.1秒鐘是讓用戶感覺到系統(tǒng)立即做出了響應(yīng)的時間上限。1秒鐘是讓用戶思維不被中斷的上限。10秒鐘是讓用戶的注意力保持在對話過程中的上限。”
為了減少用戶的等待感,我們要根據(jù)不同的情況進行不同的設(shè)計:
- 響應(yīng)時間少于0.1秒:當(dāng)反應(yīng)時間少于0.1秒時,不需要做任何設(shè)計,就像用戶在裁剪圖片時的拖拽一樣流暢。
- 響應(yīng)時間大于0.1秒小于1秒:如果響應(yīng)時間短于1秒鐘,也不需要做什么設(shè)計,因為用戶馬上就可以看到結(jié)果,只不過感官上沒有0.1S時那么流暢。
- 響應(yīng)時間大于1秒小于10秒:此時就需要我們介入了,在這個反應(yīng)時間,需要用戶進行等待,但又不需要用戶等待太久,因此我們可以添加一個動態(tài)的小動畫,這樣用戶就知道系統(tǒng)對自己的操作有了反應(yīng),只不過需要等待而已;而選擇動態(tài)而非靜態(tài)的圖案是暗示用戶系統(tǒng)正在處理,靜態(tài)的圖片很容易讓人認為頁面已經(jīng)卡死。
- 大于10秒:一般在APP的更新會出現(xiàn)這種情況,當(dāng)出現(xiàn)這種情況時,我們有兩種選擇。第一是不會干擾用戶的其他操作并允許后臺運行,如果沒有辦法實現(xiàn)那我們就采用第二種設(shè)計:提供進度條,告訴用戶當(dāng)前進度以及剩余的等待時間,并提供能讓用戶取消操作的按鈕,并在處理完成后給予用戶提示。
七、防錯性
在我們操作軟件時,彈出錯誤提示是一件讓人很沮喪的事情,它不僅浪費了用戶的時間,也會提升用戶的焦慮感,因此我們在設(shè)計產(chǎn)品時就要盡量避免用戶犯錯。
1. 選擇,而不是輸入
能讓用戶選擇的地方,就不要讓用戶去輸入,因為用戶在輸入文本時可能會出很多問題,比如字母大小寫,輸入格式錯誤等一系列的問題。在Keep中填寫個人數(shù)據(jù)時就采取了讓用戶選擇而不是輸入的設(shè)計,這樣既簡化了操作,又減少了用戶犯錯的幾率。
2. 采取限制防止用戶犯錯
我們可以設(shè)置一定限制來防止用戶犯錯,比如趣頭條的注冊界面,短信驗證碼只能輸入4位,用戶輸入數(shù)字的位數(shù)少于四位就無法進入下一界面;類似的設(shè)計還有:在應(yīng)該輸入數(shù)字的輸入欄中禁止輸入字母,在用戶輸入其他符號時給出“請輸入數(shù)字”的提示;聊天欄中未輸入內(nèi)容時,發(fā)送消息按鈕為灰色不可點擊狀態(tài)等。
3. 讓用戶提前看到操作效果
有時如果能讓用戶提前看到效果,那么用戶能自己發(fā)現(xiàn)并修復(fù)錯誤,比如微信訂閱號助手提供的“預(yù)覽”功能,讓用戶可以在正式發(fā)布前進行自查從而減少錯誤的發(fā)生。
4. 及時提示
很多時候,我們可以對用戶所做的操作進行檢查,當(dāng)可能出現(xiàn)錯誤操作或毀滅性操作時,向用戶進行二次確認,以避免錯誤的發(fā)生。
比如wps中,當(dāng)有輸入內(nèi)容但未保存的情況下直接點擊關(guān)閉時,會出現(xiàn)是否保存的提示。
5. 讓用戶自己來防止錯誤
有些時候,我們很難判斷用戶的操作是否正確,只有用戶自己才知道什么是錯誤的,因此我們可以提供工具讓用戶自己來避免犯錯,比如在墨刀中的編輯頁面,提供了控件鎖定功能, 讓用戶可以自己限制自己的操作,從而避免錯誤的發(fā)生。
八、容錯性
雖然我們可以用一些方法來避免錯誤的發(fā)生,但人非圣賢,孰能無過,總有我們避免不了的錯誤,因此當(dāng)錯誤發(fā)生時,產(chǎn)品容錯性就顯得十分重要。
容錯性可以從兩方面來考慮:提示和降低損失
1. 提示
當(dāng)錯誤發(fā)生時,我們不能只告訴用戶無法完成,更不能只給出用戶無法理解的錯誤代碼,而是應(yīng)該清晰的告訴用戶產(chǎn)生錯誤的原因,還要告訴用戶該如何去做操作,最好能提供操作按鈕,不要讓用戶走入“死胡同”。
比如用戶因網(wǎng)絡(luò)問題打開界面失敗,我們應(yīng)在屏幕上提示用戶:“網(wǎng)絡(luò)異常,請在設(shè)置中檢查網(wǎng)絡(luò)后重試”,并在下方提供“重試”的按鈕。
2. 降低損失
當(dāng)用戶在輸入信息時出現(xiàn)錯誤,此時我們應(yīng)該尊重用戶輸入的信息,盡量降低錯誤所帶來的損失。
在微信朋友圈,因為網(wǎng)絡(luò)原因發(fā)送失敗時,會將內(nèi)容保存到本地,這樣用戶在網(wǎng)絡(luò)通暢時就可以重新發(fā)送。容錯性另一個經(jīng)典的例子就是:“Ctrl+Z—撤銷”。
九、提供必要的幫助
在用戶可能需要幫助的時候,提供必要的幫助和說明。
一定要在必要的時候提供幫助,在不必要的時候彈出提示或幫助只會打斷用戶的思路,干擾用戶。提供幫助的方式有tips,動畫,幫助文檔或人工服務(wù);根據(jù)不同情況選擇不同的幫助方式。
1. tips
對于可以用一兩句話說明的,我們可以在用戶可能出現(xiàn)疑惑的地方設(shè)置一個tips,用戶點擊后即出現(xiàn)相應(yīng)的解釋。
在微信讀書中,會在用戶不易理解的詞匯旁邊放置一個tips,若用戶不理解該詞匯的意思,點擊后便可查看該詞匯的注釋;若用戶理解詞語的意思,就不會去點擊tips。這樣既解決了用戶的疑惑,又不至于對用戶形成干擾。
2. 動畫
動畫一般用來描述交互手勢或動作,比如手掌滑動截屏等,動畫幫助對用戶的干擾較強,因此一般只在用戶第一次進入界面時出現(xiàn)。
3. 幫助文檔
對于較復(fù)雜的,需要使用長段落或圖文描述的幫助,則需要設(shè)置幫助文檔,幫助文檔最好能提供搜索和問題分類引導(dǎo),方便用戶對問題進行快速定位。
4. 人工服務(wù)
產(chǎn)品內(nèi)應(yīng)設(shè)置問題反饋的入口,如:“xx助手”,當(dāng)以上幾種幫助手段都不能解決問題時,給用戶一個反饋問題的途徑。
十、貼心設(shè)計
假如你組織了一個活動,在微信群內(nèi)統(tǒng)計參加人數(shù)時,你會怎么做呢?可能大多數(shù)人都會編輯一段文字來說明活動,然后大家復(fù)制粘貼這條內(nèi)容并在后面加上自己的名字,然后再發(fā)到群里;這樣難免讓人感覺費時費力,微信針對這種情況給出了解決辦法:微信接龍。
1.在微信群聊中,首先輸入一段文字,文字中要包含“接龍”兩個字,然后回車換行。
2.輸入帶數(shù)字的內(nèi)容,且數(shù)字和內(nèi)容用標(biāo)點符號隔開,內(nèi)容之間要記得換行,此時就會觸發(fā)此功能。例如:
接龍
1.XXXX
2.XXXX
如果你在無意中觸發(fā)此功能,是不是會感到驚喜呢?類似的設(shè)計還有在網(wǎng)易郵箱中發(fā)送郵件時,當(dāng)郵件中提到了“附件”二字,但在發(fā)送時卻又沒有添加附件,就會有提示出現(xiàn)。
或許用戶平時注意不到這些細小的設(shè)計,但當(dāng)用戶需要用到而功能又適時出現(xiàn)的時候,用戶會驚喜不已。當(dāng)我們的設(shè)計能讓越來越多的用戶“會心一笑”時,我們的產(chǎn)品就離“好用”不遠了。
作者:撒野的氧氣,公眾號:產(chǎn)品汪的成長路
本文由 @撒野的氧氣 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。
題圖來自Unsplash,基于CC0協(xié)議。
講的非常好,直接主題
痛點
有話不說憋的慌