微交互的體現(xiàn):告訴你如何設(shè)計反饋

4 評論 14863 瀏覽 61 收藏 8 分鐘

微交互中的反饋是微交互最直觀的體現(xiàn),反饋決定了為交互的特質(zhì)與個性。

一、反饋闡釋規(guī)則

  • 反饋通過直觀的體現(xiàn),可以幫助用戶理解微交互的規(guī)則,最大可能地降低用戶的學(xué)習(xí)成本。
  • 反饋的第一條原則就是:別讓反饋給用戶造成壓力,通過最少的反饋傳達同樣的信息。
  • 反饋應(yīng)該由需求驅(qū)動,然后在恰當(dāng)?shù)膱鼍跋潞蜁r間下讓用戶知道他需要知道的事情,
  • 反饋的形式取決于設(shè)計師的想法,反饋一般可以通過五感來傳達,視覺,聽覺,觸覺,味覺,嗅覺。

在互聯(lián)網(wǎng)產(chǎn)品中往往可以通過三個方面:視覺,聽覺,觸覺或是它們的組合來進行反饋。通常場景下,滿足三感即可給用戶留下深刻印象,但不要過分使用,讓你的產(chǎn)品變得過于沉重。

另外,文字性的反饋盡量少用,必要時增加圖形輔助說明。

如何反饋

二、那么什么時候應(yīng)該給用戶反饋呢?

通常有以下幾種情況:

  1. 手動啟動觸發(fā)器之后或者手動調(diào)整規(guī)則之后(包括期間)
  2. 微交互(或周邊功能)的狀態(tài)因為系統(tǒng)啟動觸發(fā)器而發(fā)生顯著變化時
  3. 用戶突破(超越)了規(guī)則時
  4. 系統(tǒng)不能執(zhí)行用戶命令時
  5. 在關(guān)鍵時刻/過程,特別是需要花較長時間的操作中需要反饋給用戶對應(yīng)的進度
  6. 過程的開始和結(jié)束
  7. 模式的開始或結(jié)束,或是切換了模式時

對于用戶而言,提供的反饋通則是要告訴用戶以下幾點:

  1. 告訴用戶發(fā)什么了什么
  2. 用戶剛剛做了什么事
  3. 哪些過程已經(jīng)開始了
  4. 哪些過程已經(jīng)結(jié)束了
  5. 哪些過程正在進行中
  6. 用戶不能做什么

三、少即是多

反饋的第二條原則:最好的反饋永遠是簡單易用的。

傳達有用的消息,反饋與對應(yīng)的動作之間存在唯一和必然的聯(lián)系。

最好的交互

反饋的第四條原則:使用被人忽視的東西作為傳達信息的手段,不用在屏幕上顯示新東西,一樣能傳達比平時更多的信息。

四、反饋體現(xiàn)個性

反饋可以作為一種特現(xiàn)微交互乃至整個產(chǎn)品個性的手段,制造出產(chǎn)品的氣氛,一整套規(guī)范性又有個性的微交互可以讓用戶在使用產(chǎn)品的體驗過程中感受完全不一致。

設(shè)計師應(yīng)該有意識地讓產(chǎn)品具備某種人格,一點點個性的微交互就足夠了,過度人性化不僅會抬高用戶期望,還會讓用戶厭煩。

五、反饋方法

1.視覺方法

視覺呈現(xiàn)是最直觀的方式,幾乎所有的用戶發(fā)起的動作,都應(yīng)該給出視覺上的反饋,任何反饋都應(yīng)清晰,適度,不干擾用戶,盡量巧妙的方式呈現(xiàn)。

人在注意某些東西的時候,視野會變窄,視野外部的任何東西都將被無視。

動畫

動畫

動畫需平衡用戶認知負擔(dān)和趣味性,盡量不要多用,最好的動畫能向用戶傳達信息。動畫應(yīng)該有這么幾種要素:

  1. 改變試圖的時候保持上下文
  2. 解釋發(fā)生了什么
  3. 展示對象間的關(guān)系
  4. 集中注意力
  5. 提高感知效能
  6. 創(chuàng)造虛擬控件的假象,動畫的過度應(yīng)該自然,給人位置感和路線感
  7. 鼓勵深度交互

動畫應(yīng)該讓為微交互更有效率,甚至讓人感覺更有效率。

2.消息

錯誤消息反饋文本不僅要說明除出了什么錯,還要告訴人應(yīng)該怎么去糾正,隨同消息提供一種糾正錯誤的途徑

微交互文案的字數(shù)應(yīng)該以個為單位計算,文案一定要簡短,動詞選擇需要謹慎,把重點放在用戶可能或需要采取的行中上:比如“請重新輸入密碼”。

3.聽覺方法

聽得見的反饋有兩種:強調(diào)和報警

  • 強調(diào):用戶主動行為
  • 報警:系統(tǒng)發(fā)起的一些操作

微交互中用到的任何聲音提示都應(yīng)該通過霧角測試(重要到用戶看不到但是應(yīng)該知道的地步),也應(yīng)該有關(guān)閉聲音的機制。

聽覺反饋應(yīng)該能根據(jù)使用環(huán)境進行調(diào)整,考慮”沒有用的情形”什么時候聲音沒意義。

通常聽覺反饋分為耳標和語言。

4.觸覺方法

最常見的觸覺反饋就是震動,注意的是,觸覺通常不適合傳達復(fù)雜的信息提示。

觸覺反饋的意義在于:

  1. 強化物理動作
  2. 在聲音不可用時,發(fā)出警告
  3. 在觸摸屏幕表面創(chuàng)造人工紋理或摩擦力

規(guī)則

反饋設(shè)計的思考原則:

  1. 掌握用戶什么時候需要知道什么信息
  2. 讓用戶理解微交互的規(guī)則
  3. 選擇需要通過反饋傳達信息,再選擇正確的一個或多個渠道
  4. 關(guān)注用戶使用情景,反饋是否能隨之改變
  5. 堅持以人為本
  6. 使用既有的UI元素傳達反饋信息
  7. 不要隨意給用戶添加反饋,把反饋與控件關(guān)聯(lián),或通過其引導(dǎo)用戶行為
  8. 盡可能的對用戶發(fā)起的動作采用視覺反饋

六.編排微交互

當(dāng)你設(shè)計的微交互變得比較多的時候,你需要編排微交互

  1. 明白微交互與功能的關(guān)系
  2. 確定微交互的存續(xù)時間,考慮微交互是否應(yīng)該成為“標志性時刻”
  3. 考慮不同微交互的比重和優(yōu)先級

要知道哪些微交互應(yīng)該突出表現(xiàn),而不是對所有的微交互都一視同仁,有些要重要體現(xiàn),有些就該作為陪襯,反饋也要通盤考慮,以便重點突出。

防止微交互過度設(shè)計,注入靈性。細節(jié)彰顯人文關(guān)懷,思維方式,以及關(guān)注重點,讓大型系統(tǒng)閃耀人性光輝的,通常是看似微不足道的瞬間,即微交互。

往小處想,改變世界。

 

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

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 這是一篇高于業(yè)務(wù)層的抽象總結(jié),抽象、總結(jié)比較到位,不知有沒繼續(xù)細化擴展

    來自香港 回復(fù)
  2. 有點過于理論了,提供一些案例給我們參考會更好點

    來自本機地址 回復(fù)
  3. 太過于理論了,希望能結(jié)合實際,這樣講解起來才能通俗易懂,接地氣。

    來自本機地址 回復(fù)
  4. 感覺看不懂啊 能不能舉點實例

    來自浙江 回復(fù)