用戶體驗重要一環(huán) :App中的反饋設(shè)計

UX
12 評論 17592 瀏覽 140 收藏 9 分鐘
🔗 产品经理专业技能指的是:需求分析、数据分析、竞品分析、商业分析、行业分析、产品设计、版本管理、用户调研等。

反饋就是用戶做了某項操作之后,應(yīng)用系統(tǒng)給用戶的一個響應(yīng)。

什么是反饋?

反饋就是用戶做了某項操作之后,應(yīng)用系統(tǒng)給用戶的一個響應(yīng)。這個響應(yīng)根據(jù)場景的不同會有不同的響應(yīng)形式和不同作用。

為什么反饋設(shè)計是用戶體驗重要的一環(huán)?

在人機交互的過程中,用戶希望看到每一步都清晰,及時的顯示,用戶希望了解每一步的后果以及用戶最關(guān)心的問題是什么。一方面,PC端和移動端產(chǎn)品需要保證產(chǎn)品有積極,及時的反饋響應(yīng)以確保用戶知道自己所處的狀態(tài),否則會讓用戶覺得反應(yīng)遲鈍;另一方面,我們也要避免過度的信息反饋,而尤其注意不要反饋錯誤信息,錯誤的信息對用戶造成的影響是巨大的。

產(chǎn)品的反饋直觀的表現(xiàn)為界面的變化(少數(shù)為聲音和震動),通過這種變化使的用戶能夠更加友好高效地與產(chǎn)品進行交互,更加專心地投入到任務(wù)流程當中去。

舉個栗子:當用戶執(zhí)行完一步操作后,系統(tǒng)沒有及時甚至沒有給出相應(yīng)的反饋提示,就會給用戶帶來疑惑(實現(xiàn)模型與心理模型沖突),讓用戶不能確定自己的操作是否被執(zhí)行、執(zhí)行是否成功、執(zhí)行整體進度、或者是執(zhí)行后會產(chǎn)生怎么樣的影響、能在哪里查詢到結(jié)果以及執(zhí)行后是否可以被撤銷等等。而這其中的任何一個環(huán)節(jié)都有可能影響到用戶對當前任務(wù)的理解以是否執(zhí)行下一步操作,從而影響到產(chǎn)品的用戶體驗。

反饋的設(shè)計應(yīng)該滿足以下四個原則:

  1. 反饋通過直觀的體現(xiàn),可以幫助用戶理解微交互的規(guī)則,最大可能地降低用戶的學(xué)習(xí)成本。
  2. 別讓反饋給用戶造成壓力,通過最少的反饋傳達同樣的信息。
  3. 反饋應(yīng)該由需求驅(qū)動,然后在恰當?shù)膱鼍跋潞蜁r間下讓用戶知道他需要知道的事情。
  4. 反饋的速度盡可能的快,反饋過慢會給用戶感覺產(chǎn)品的性能差。

對于用戶而言,反饋設(shè)計的目的主要告訴用戶以下幾點:

  • 告訴用戶發(fā)什么了什么?
  • 用戶剛剛做了什么事?
  • 哪些過程已經(jīng)開始了?
  • 哪些過程已經(jīng)結(jié)束了?
  • 哪些過程正在進行中?
  • 用戶不能做什么?
  • 用戶剛剛操作的結(jié)果是什么?

在設(shè)計過程中,涉及到反饋的情況一般分為五種類型:

1.結(jié)果反饋。

告知用戶的操作結(jié)果。例如操作成功或者操作失敗、對操作后的一種確認。

a.以toast形式給用戶反饋。例如:微信轉(zhuǎn)發(fā)他人信息,出現(xiàn)toast,提示用戶已經(jīng)發(fā)送成功。

b.以浮層動畫的形式給用戶反饋。例如微信輸入語音時,出現(xiàn)浮層動畫提示用戶的語音輸入是有效的。

2.狀態(tài)反饋。

操作前后展示效果不一樣。

當用戶操作后,界面操作前的狀態(tài)和操作后的狀態(tài)不一致。通過這個不一致,給用戶反饋我的操作得到了提交。

3.過渡反饋。

有些時候程序確實不夠快,緩慢的加載速度和延遲問題,這時候通過常見的過渡組件給用戶反饋,過渡反饋的目的在于通過向用戶反饋當前的響應(yīng)進度和合理的時間消耗來讓用戶在等待過程中放松下來。

a.以進度指示器給用戶反饋當前狀態(tài)。例如瀏覽器在點擊搜索后,頁面加載的進程反饋

b.以系統(tǒng)/自定義的循環(huán)動畫,例如ios的菊花loading 和安卓的圓形loading

例如:微博問答,點擊立即支付然后出現(xiàn)的過渡動畫

例如:YouTube頁面加載過渡的圓形loading

4.操作反饋。

對下一步操作的指引,用戶點擊一個操作就出現(xiàn)新的操作組件以此給用戶的反饋。

當用戶進行一個操作后,出現(xiàn)反饋,這個反饋通常是通過浮層彈框、調(diào)起鍵盤、進入下一個界面等等形式表現(xiàn)

例如:ios原生郵件,點擊回復(fù)/轉(zhuǎn)發(fā)出現(xiàn)底部浮層

5.聲音和震動的反饋。

聲音和震動也是反饋的一種的表現(xiàn)形式,通過用戶的操作加以聲音和震動的引導(dǎo),給用戶很強的心理暗示。

例如QQ郵箱,發(fā)送過程和成功后都有聲音提示。這是一個很典型的通過聲音反饋的例子。

如何判斷你的反饋設(shè)計是有效的,非過度的反饋。

上面介紹的反饋的各種類型。但是很多情況設(shè)計師們過度使用反饋。常見的情況是過度使用toast。

例如貓眼:點擊已想看 愛心變灰,同時出現(xiàn)toast提示。這樣就存在過度的反饋。反觀instagram點擊取消點贊,就沒有出現(xiàn)toast提示。

為什么我說貓眼的反饋過度呢?因為用戶點擊操作時,愛心狀態(tài)已經(jīng)變了,那么這個元素的變化已經(jīng)暗示用戶,該App進行了反饋,沒必要在出現(xiàn)toast提示。

如何判斷你的涉及反饋是否過度?

在設(shè)計反饋時,如果已經(jīng)有一組元素的變化足以暗示用戶當前狀態(tài)得到了反饋,那么沒必要再增加多余的元素進行反饋提示(除非有特別的目的)。這樣會使得用戶的心理負擔變重,一個反饋可能不足以影響用戶體驗,如果整個APP都出現(xiàn)這種情況呢,那將是一場災(zāi)難!

 

作者:UX,華為ITUX交互組組長 ?微信公眾號:UEDC

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

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 感謝分享~

    來自安徽 回復(fù)
  2. 內(nèi)容詳實,分類明確,挺好

    來自湖南 回復(fù)
  3. 寫的不錯 不過對于每一類的消息反饋具體有哪些及相關(guān)標準不知道有沒有大神總結(jié),比如文本輸入錯誤提示之類的 ??

    來自湖北 回復(fù)
    1. 屬于操作之后的結(jié)果反饋。

      來自廣東 回復(fù)
  4. 反饋還有綜合產(chǎn)生和交叉產(chǎn)生的方式

    來自江西 回復(fù)
    1. 大神 能舉個例子嗎?

      來自廣東 回復(fù)
    2. 不好意思,不是大神,是我忽略了,我說的交叉和綜合反饋就是你文末說的過渡反饋,確實是過渡,而且顯得很復(fù)雜又多余的樣子,你寫的很棒!我時不時拿出來反復(fù)看看

      來自江西 回復(fù)
    3. 過度。。。。不是過渡

      來自江西 回復(fù)
  5. 哇偶,寫的太牛了。。。。

    來自上海 回復(fù)
  6. 寫的很好,點贊 :mrgreen:

    來自廣東 回復(fù)
    1. 哈哈哈,我覺得寫的很一般。關(guān)于對反饋的分類寫的不夠好,里面含交叉部分。但是我也想不到更好的分類方式了

      來自廣東 回復(fù)
  7. 哇…很詳細,值得學(xué)習(xí)

    來自廣東 回復(fù)