微交互的體現(xiàn):告訴你如何設(shè)計反饋
微交互中的反饋是微交互最直觀的體現(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)該給用戶反饋呢?
通常有以下幾種情況:
- 手動啟動觸發(fā)器之后或者手動調(diào)整規(guī)則之后(包括期間)
- 微交互(或周邊功能)的狀態(tài)因為系統(tǒng)啟動觸發(fā)器而發(fā)生顯著變化時
- 用戶突破(超越)了規(guī)則時
- 系統(tǒng)不能執(zhí)行用戶命令時
- 在關(guān)鍵時刻/過程,特別是需要花較長時間的操作中需要反饋給用戶對應(yīng)的進度
- 過程的開始和結(jié)束
- 模式的開始或結(jié)束,或是切換了模式時
對于用戶而言,提供的反饋通則是要告訴用戶以下幾點:
- 告訴用戶發(fā)什么了什么
- 用戶剛剛做了什么事
- 哪些過程已經(jīng)開始了
- 哪些過程已經(jīng)結(jié)束了
- 哪些過程正在進行中
- 用戶不能做什么
三、少即是多
反饋的第二條原則:最好的反饋永遠是簡單易用的。
傳達有用的消息,反饋與對應(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)該有這么幾種要素:
- 改變試圖的時候保持上下文
- 解釋發(fā)生了什么
- 展示對象間的關(guān)系
- 集中注意力
- 提高感知效能
- 創(chuàng)造虛擬控件的假象,動畫的過度應(yīng)該自然,給人位置感和路線感
- 鼓勵深度交互
動畫應(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ù)雜的信息提示。
觸覺反饋的意義在于:
- 強化物理動作
- 在聲音不可用時,發(fā)出警告
- 在觸摸屏幕表面創(chuàng)造人工紋理或摩擦力
反饋設(shè)計的思考原則:
- 掌握用戶什么時候需要知道什么信息
- 讓用戶理解微交互的規(guī)則
- 選擇需要通過反饋傳達信息,再選擇正確的一個或多個渠道
- 關(guān)注用戶使用情景,反饋是否能隨之改變
- 堅持以人為本
- 使用既有的UI元素傳達反饋信息
- 不要隨意給用戶添加反饋,把反饋與控件關(guān)聯(lián),或通過其引導(dǎo)用戶行為
- 盡可能的對用戶發(fā)起的動作采用視覺反饋
六.編排微交互
當(dāng)你設(shè)計的微交互變得比較多的時候,你需要編排微交互
- 明白微交互與功能的關(guān)系
- 確定微交互的存續(xù)時間,考慮微交互是否應(yīng)該成為“標志性時刻”
- 考慮不同微交互的比重和優(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)載。
這是一篇高于業(yè)務(wù)層的抽象總結(jié),抽象、總結(jié)比較到位,不知有沒繼續(xù)細化擴展
有點過于理論了,提供一些案例給我們參考會更好點
太過于理論了,希望能結(jié)合實際,這樣講解起來才能通俗易懂,接地氣。
感覺看不懂啊 能不能舉點實例