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

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

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

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

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

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

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

如何反饋

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

通常有以下幾種情況:

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

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

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

三、少即是多

反饋的第二條原則:最好的反饋永遠(yuǎn)是簡單易用的。

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

最好的交互

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

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

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

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

五、反饋方法

1.視覺方法

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

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

動(dòng)畫

動(dòng)畫

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

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

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

2.消息

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

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

3.聽覺方法

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

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

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

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

通常聽覺反饋分為耳標(biāo)和語言。

4.觸覺方法

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

觸覺反饋的意義在于:

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

規(guī)則

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

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

六.編排微交互

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

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

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

防止微交互過度設(shè)計(jì),注入靈性。細(xì)節(jié)彰顯人文關(guān)懷,思維方式,以及關(guān)注重點(diǎ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ù)細(xì)化擴(kuò)展

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

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

    來自本機(jī)地址 回復(fù)
  4. 感覺看不懂啊 能不能舉點(diǎn)實(shí)例

    來自浙江 回復(fù)