2)沒有反饋或者不友好的反饋,就像壹個冷冰冰的人,會給用戶帶來無助或者不開心的負面體驗。
及時恰當的反饋給用戶是交互設計的壹個非常重要的原則,如下圖所示。
1)可以告訴用戶下壹步該怎麽做。
2)幫助用戶做出判斷和決策。
反饋的形式多種多樣(見下圖),所有的提示都應該在正確的時間出現在正確的地方,用簡短清晰的文字提供有用的信息,以免讓用戶感到困惑。
先說“吐司”反饋,即用戶操作結果的反饋提示。壹般只在屏幕上出現很短時間,過壹會兒就會像氣泡壹樣自行消失,無需任何操作。用來告訴任務狀態和操作結果,如下圖所示。
我們來看看“浮動層”反饋,這是壹種用戶導向的類提示,通常不會很快消失。有時候會有壹個指向特定位置的小提示(比如滴滴、閑魚),提示用戶關註哪個位置。用戶需要點擊引導區或點擊關閉按鈕,使提示消失。
壹般來說,吐司和浮層的優點是不影響當前操作,反饋及時;缺點是容易被用戶忽略,所以不適合承載過多的文字或重要信息。
彈出窗口分為“模態”和“非模態”,需要在場景中使用。請參考下圖。
模態彈出:強制用戶關註彈出窗口的內容和操作,屏蔽後臺所有內容,但需要註意的是操作必須退出;文字描述盡量簡潔,沒有異議。通常分為Actionbar底部的對話框和功能框兩種設計方式,可以根據實際場景選擇。壹般當對話框中有三個或三個以上的功能按鈕時,會增加用戶的功能選擇負擔,所以當需要使用多個功能按鈕進行選擇時,可以考慮使用Actionbar。
非模態彈出窗口:?不影響用戶的當前操作,但經常像壹個浮動窗口。通常確認和取消的顏色區分得很清楚,表示可能的損失,如下圖所示。
彈出摘要:
彈窗的出現會迫使用戶關註彈窗的內容和操作,嚴重幹擾用戶。根據使用場景,盡可能減少模式的設計。確保用戶每次都能安全退出路徑並返回到預期操作。如果出現三個或更多功能按鈕,請嘗試使用底部的功能框。
按鈕:現實中,按下壹個按鈕會立即有壹個按下的狀態,如下圖。
在人機交互中,當用戶按下屏幕上的壹個按鈕或鏈接時,也需要改變狀態,讓用戶知道界面已經收到了他的操作,如下圖。
聲音是人類感官中非常重要的壹部分,也應該是產品用戶體驗的壹個方面,但卻容易被有意無意地忽略。
遊戲設計中常用,遊戲中的反饋設計是玩家快速適應遊戲操作,獲得參與感和成就感的重要手段,如下圖所示。
在人機交互中,聲音反饋的恰當運用具有畫龍點睛的作用,給人帶來愉悅感,比如下面的例子。
那麽好的UI聲音的設計是怎樣的呢?妳需要做到以下三點:
1,符合用戶預期(即貼近現實生活場景)
2.表達清晰準確的意思和情感。
3.良好的音效感官體驗(音樂性、聲音和持續時間)
當然,並不是所有的設計都適合加音。在很多情況下,不使用聲音是更好的體驗,所以妳必須允許用戶在應用程序中靜音。任何“自動播放”或“強制播放”聲音的體驗都要慎重。
用電動牙刷拍壹個生活中的真實場景。在使用過程中,牙刷給牙齒強烈的觸覺反饋,每30秒震動兩次,提示換邊。用戶無需定時就能養成良好的刷牙習慣。
在人機界面中,振動的應用非常廣泛,比如來電、短信、連接數據線充電等。,如下圖所示。
需要註意的是,振動是壹種很強的觸覺反饋,可以用來替代或加強聲音提示,但不能亂用。
動畫,強調:貼合產品,有趣,及時。舉個常見的例子:下拉刷新,使用有趣的動畫可以讓等待不再無聊,如左圖所示。
像滴滴打車場景,用戶發送問診單等待醫生問診,界面上不斷出現可問診的醫生頭像,動畫效果及時快捷,幫助用戶直觀了解操作結果,如右圖所示。
反饋內容以文字為主,文字信息要簡潔易懂,避免使用倒裝句。最好用壹兩句話把意思表達清楚,避免使用過於程序化的語言。
有四種類型的內容:
信息,這裏有壹些例子:
警告:壹般用警告框表示,用於向用戶顯示對程序使用有重要影響的信息,如下圖所示。
錯誤:文案提示用戶操作有問題或異常,無法繼續執行。
確認:用於詢問用戶是否繼續某項操作,以便用戶進行第二次確認,並為用戶提供不可撤銷的撤退。
根據場景不同,會出現在以下位置:狀態欄、導航欄、內容區上方、屏幕中央、菜單欄上方、底部(覆蓋菜單欄)。
狀態欄的優點:刷新需要壹定的時間,為了不讓用戶等待而去做別的事情,弱化了等待過程;缺點:位置不明顯,建議做壹個重要性不高或者跨屏顯示要求的提示。(見下圖)
導航欄:適用於顯示臨時和重要的提示信息。壹般是連接狀態的顯示,表示產品正在嘗試連接網絡,拉取數據。(見下圖)
內容區上方:位於內容區上方,導航欄下方,通常是下拉刷新,是加載新內容的快捷方式。默認的提示信息是隱藏的,下拉界面時會顯示相應的提示信息來指導用戶的操作。
屏幕中間:通常是整體的、重要的信息提示。所有需要用戶關註的系統提示都可以顯示在這個位置,如下圖所示。
菜單欄上方:可以是應用整體信息的提示;也可以是界面底部與內容相關的提示。
底部(覆蓋菜單欄):在這個位置顯示提示是根據app獨有的特點設計的,可能是對新形式的壹種追求。這種保持設計保持了操作位置的壹致性。
-在所有階段為用戶提供必要的、積極的和即時的反饋。
-避免過度反饋,以免給用戶帶來不必要的打擾。
——能及時看到效果的簡單操作,反饋提示可以省略。
-所提供的反饋應該使用戶能夠以最方便的方式完成他們的選擇。
-針對不同類型的反饋進行差異化設計。
-不要打斷用戶的意識流,避免遮擋用戶可能回頭查看或操作的對象。
以上是“反饋”壹章的案例介紹。整篇文章簡單列舉了微醫app的大部分案例,很多地方沒有深入研究。歡迎拍磚...