一個令人高潮的產(chǎn)品應(yīng)該有哪些細(xì)思極恐的細(xì)節(jié)?

14 評論 13758 瀏覽 188 收藏 10 分鐘

當(dāng)我們在使用一款產(chǎn)品的時候,怎樣的設(shè)計才能讓我們覺得這是一款好產(chǎn)品呢?作者根據(jù)尼爾森十大可用性原則對許多成熟的產(chǎn)品進(jìn)行了評估,現(xiàn)在快看看一個產(chǎn)品可以達(dá)到好產(chǎn)品的概念需要什么條件吧。

說通俗點,我們通常都這樣來形容對一款產(chǎn)品喜愛:

誒誒誒,給你講,我最近發(fā)現(xiàn)一個App,真的是太好用,你看就是這個??!

你知道不,我最近在用一個App,體驗太棒,畫面炫酷,特效贊極了。

我一直在用XX看文章,簡直不能再好用了

…….省略1萬字的安利

最近在重新聽了一些IT公論以前播客,無意間聽到播客中提到尼爾森-人機(jī)交互學(xué)博士(Jakob Nielsen)提到的【十大可用性原則】,重新搜了下具體內(nèi)容,反復(fù)咀嚼后,對比現(xiàn)在很多成熟優(yōu)秀的產(chǎn)品,都可以用它去評估一個產(chǎn)品是否可以達(dá)到好的產(chǎn)品的概念。

當(dāng)我們在被產(chǎn)品‘高潮’的時候,到底爽在了哪里?

我決定將這10條神法則和當(dāng)下的一些產(chǎn)品進(jìn)行剖析,對話入座看看是不是真的適用呢?

1.可見性原則

Visibility of system status:告知系統(tǒng)的現(xiàn)行狀態(tài)。產(chǎn)品設(shè)計要讓適當(dāng)?shù)臅r間告知用戶現(xiàn)在到底發(fā)生了什么事。這個也是最基本的產(chǎn)品設(shè)計理念,目的是在使用過程中,知道當(dāng)前狀態(tài)來輔助使用。但是也有很多產(chǎn)品基本讓用戶不知道所措。

img1

圖解:該網(wǎng)頁功能將用戶正在輸入的字?jǐn)?shù)和最大限制清晰呈現(xiàn)為用戶

2.場景貼切原則

Match between system and the real world:網(wǎng)頁的一切表現(xiàn)和表述,應(yīng)該盡可能貼近用戶所在的環(huán)境(天氣狀況,道路交通,風(fēng)險高低),而不要使用用戶不懂的專業(yè)術(shù)語

img2

圖解:比如我U盤里的張家嘴視頻正在用愛奇藝播放,這個時候我彈出U盤,Windows往往這樣提示我:“無法停止使用通用卷”,我靠,什么鬼,通NMGB ,說清楚點會死??;但Mac的提示就人性化很多,會告訴哪個App在占用進(jìn)程,提示我關(guān)掉。

3.可控性原則

User control and freedom:支持撤銷和重做。用戶沒有你想的那么聰明,所以當(dāng)它們操作失誤的時候,給他一個“安全出口”讓他迅速的回到原來的狀態(tài)。

img3

圖解:上圖是為知筆記的單筆記的歷史版本,用戶可以通過查看并恢復(fù)任一保存過的筆記內(nèi)容,保證了一定程度的容錯率。

4.一致性原則

Consistency and standards:遵循統(tǒng)一的平臺設(shè)計規(guī)范/邏輯。通俗的說,用戶在你的餐館用餐,A區(qū)域是自助區(qū),如果你每個月把自助區(qū)在B、C、D區(qū)域輪換,用戶早晚有天會被你整懵逼。

img4.1

圖解:其一,知乎的icon(圖標(biāo))設(shè)計是非常有講究的,所有均采用色塊填充型icon。其二,例如感謝和收藏button(按鈕),PC端和App端高度統(tǒng)一,用戶使用起來也不會花費時間去識別icon(圖標(biāo))的意義所在,久而久之用戶便形成了習(xí)慣。

5.防錯原則

Error prevention:設(shè)置犯錯的機(jī)制。在用戶抱怨“為什么不早點提醒我,非要等我操作這么久才提示有問題不能保存”的問題之前,產(chǎn)品就應(yīng)該就做好充分的提示;如果真的出錯了,給出解決的辦法。

img5

圖解:微信公眾平臺上傳視頻時,20M以上上傳時間是很久的,如果在用戶上傳超過20M時再提示用戶出錯,將會是一次糟糕的用戶。所以微信這里做的很好,提前告知用戶錯誤的可能性,并告訴用戶超過20M要去騰訊視頻里上傳。

6.協(xié)助記憶原則

Recognition rather than recall:不要讓用戶在使用產(chǎn)品的時候記憶太多的東西,盡量做到用戶還沒張口要東西吃的時候,你就把東西送到他的嘴邊。

img6

圖解:比如蘋果系統(tǒng)自帶輸入法的記憶功能,‘好哥’本來不在輸入法的字庫里,當(dāng)然我聊天過程中打過一次‘好哥’后,第二次再次輸入的時候系統(tǒng)將‘好哥’推薦到了第二個備選詞中。

7.靈活和高效原則

Flexibility and efficiency of use:無論你是普通用戶還是專家用戶,都可以順暢的使用產(chǎn)品,這也就意味的一些高級的功能要適當(dāng)?shù)碾[藏起來,不要干擾到普通用戶,保證平臺的用戶在使用基礎(chǔ)功能,不被特殊功能所影響。

img7

圖解:理想角度去思考,朋友圈為何隱藏了發(fā)文字朋友圈的功能,或者微信把它當(dāng)做了一個特殊功能,不影響朋友圈正常使用,降低其使用頻率,更可能多的在圈里分享圖片,降低用戶閱讀內(nèi)容的時間成本,從而一定程度上提高了用戶的時間和效率。

8.美學(xué)和最簡主義原則

Aesthetic and minimalist design:保留產(chǎn)品最主要的信息,如果不是優(yōu)先級最高,要盡一切可能避免去影響產(chǎn)品的簡潔和美觀。你的設(shè)計不僅讓用戶發(fā)出贊嘆,還要讓他跪舔你的簡約設(shè)計。

img8

圖解: 展示的分別是微信、支付寶、微博、網(wǎng)易云音樂的個人中心頁面,信息昂雜和最簡主義一目了然。

9.容錯原則

Help users recognize, diagnose, and recover from errors:使用產(chǎn)品出現(xiàn)了任何問題,請講人話,并真誠俏皮地告訴你的上帝,為什么會出錯。

img9.1

img9.2

圖解:在產(chǎn)品設(shè)計要求越來越高的現(xiàn)在,404頁面已經(jīng)成為產(chǎn)品設(shè)計的亮點之一,一個溫馨的404錯誤頁,同樣可以撫慰訪問失敗對于用戶造成的不佳體驗。告知的“網(wǎng)頁不存在的原因”,提供了返回首頁的鏈接。

10.幫助和文檔

Help and documentation:我想你一定見過買家電時送給我們的說明書,有誰認(rèn)真的看過那些小冊子(除非萬不得已),所以一份如何使用產(chǎn)品核心功能&具體步驟的幫助文檔,這樣用戶真的遇到問題也有地方查找。但是如果讓你的幫助文檔更貼心也是需要去考慮的。

img10

以上,寫了一些我對于【十大可用性原則】理解和看法,希望和大家共勉,在推敲產(chǎn)品的過程中可以用來校驗和思考。寫的好燒腦,歡迎交換意見,拍磚交流。

 

作者:杜鵬程,個人微信公眾號(ID:nice_apps),原騰訊電商ECC數(shù)據(jù)運營工作經(jīng)驗,現(xiàn)創(chuàng)業(yè)團(tuán)隊深圳WePartner產(chǎn)品經(jīng)理。3年互聯(lián)網(wǎng)產(chǎn)品項目經(jīng)驗,參與公司重要項目的孵化和執(zhí)行。

本文由 @杜鵬程 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?,未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 實用性很強(qiáng)!

    來自廣東 回復(fù)
  2. 好干的貨 ??

    來自海南 回復(fù)
  3. 干干的貨 ??

    來自江西 回復(fù)
  4. 贊一個

    回復(fù)
  5. 收藏文章時總是習(xí)慣性去點前面的星標(biāo),點了幾次才發(fā)現(xiàn)要點文字 ?

    來自廣東 回復(fù)
    1. 同!

      來自北京 回復(fù)
  6. 很好!很受益

    來自福建 回復(fù)
  7. 提出問題并給出解決方案和實例。滿滿的干貨,看起來完全不費腦子還能學(xué)到不少。

    來自北京 回復(fù)
    1. 哈哈 確實很燒腦

      來自廣東 回復(fù)
  8. 好文章

    來自北京 回復(fù)
    1. (*  ̄3)(ε ̄ *)

      來自廣東 回復(fù)
    2. ?

      來自北京 回復(fù)
  9. 不空談概念的文章才是好文章!

    來自湖北 回復(fù)
    1. ? 哈哈 我也覺得

      來自廣東 回復(fù)