當前位置:名人名言大全網 - 心情說說 - 不可忽視的交互細節“反饋”提示

不可忽視的交互細節“反饋”提示

1)在人與人的交流中,壹個讓人難以忍受的情況就是對方對自己說的話不回應,仿佛視而不見。

2)沒有反饋或者不友好的反饋,就像壹個冷冰冰的人,會給用戶帶來無助或者不開心的負面體驗。

及時恰當的反饋給用戶是交互設計的壹個非常重要的原則,如下圖所示。

1)可以告訴用戶下壹步該怎麽做。

2)幫助用戶做出判斷和決策。

反饋的形式多種多樣(見下圖),所有的提示都應該在正確的時間出現在正確的地方,用簡短清晰的文字提供有用的信息,以免讓用戶感到困惑。

先說“吐司”反饋,即用戶操作結果的反饋提示。壹般只在屏幕上出現很短時間,過壹會兒就會像氣泡壹樣自行消失,無需任何操作。用來告訴任務狀態和操作結果,如下圖所示。

我們來看看“浮動層”反饋,這是壹種用戶導向的類提示,通常不會很快消失。有時候會有壹個指向特定位置的小提示(比如滴滴、閑魚),提示用戶關註哪個位置。用戶需要點擊引導區或點擊關閉按鈕,使提示消失。

壹般來說,吐司和浮層的優點是不影響當前操作,反饋及時;缺點是容易被用戶忽略,所以不適合承載過多的文字或重要信息。

彈出窗口分為“模態”和“非模態”,需要在場景中使用。請參考下圖。

模態彈出:強制用戶關註彈出窗口的內容和操作,屏蔽後臺所有內容,但需要註意的是操作必須退出;文字描述盡量簡潔,沒有異議。通常分為Actionbar底部的對話框和功能框兩種設計方式,可以根據實際場景選擇。壹般當對話框中有三個或三個以上的功能按鈕時,會增加用戶的功能選擇負擔,所以當需要使用多個功能按鈕進行選擇時,可以考慮使用Actionbar。

非模態彈出窗口:?不影響用戶的當前操作,但經常像壹個浮動窗口。通常確認和取消的顏色區分得很清楚,表示可能的損失,如下圖所示。

彈出摘要:

彈窗的出現會迫使用戶關註彈窗的內容和操作,嚴重幹擾用戶。根據使用場景,盡可能減少模式的設計。確保用戶每次都能安全退出路徑並返回到預期操作。如果出現三個或更多功能按鈕,請嘗試使用底部的功能框。

按鈕:現實中,按下壹個按鈕會立即有壹個按下的狀態,如下圖。

在人機交互中,當用戶按下屏幕上的壹個按鈕或鏈接時,也需要改變狀態,讓用戶知道界面已經收到了他的操作,如下圖。

聲音是人類感官中非常重要的壹部分,也應該是產品用戶體驗的壹個方面,但卻容易被有意無意地忽略。

遊戲設計中常用,遊戲中的反饋設計是玩家快速適應遊戲操作,獲得參與感和成就感的重要手段,如下圖所示。

在人機交互中,聲音反饋的恰當運用具有畫龍點睛的作用,給人帶來愉悅感,比如下面的例子。

那麽好的UI聲音的設計是怎樣的呢?妳需要做到以下三點:

1,符合用戶預期(即貼近現實生活場景)

2.表達清晰準確的意思和情感。

3.良好的音效感官體驗(音樂性、聲音和持續時間)

當然,並不是所有的設計都適合加音。在很多情況下,不使用聲音是更好的體驗,所以妳必須允許用戶在應用程序中靜音。任何“自動播放”或“強制播放”聲音的體驗都要慎重。

用電動牙刷拍壹個生活中的真實場景。在使用過程中,牙刷給牙齒強烈的觸覺反饋,每30秒震動兩次,提示換邊。用戶無需定時就能養成良好的刷牙習慣。

在人機界面中,振動的應用非常廣泛,比如來電、短信、連接數據線充電等。,如下圖所示。

需要註意的是,振動是壹種很強的觸覺反饋,可以用來替代或加強聲音提示,但不能亂用。

動畫,強調:貼合產品,有趣,及時。舉個常見的例子:下拉刷新,使用有趣的動畫可以讓等待不再無聊,如左圖所示。

像滴滴打車場景,用戶發送問診單等待醫生問診,界面上不斷出現可問診的醫生頭像,動畫效果及時快捷,幫助用戶直觀了解操作結果,如右圖所示。

反饋內容以文字為主,文字信息要簡潔易懂,避免使用倒裝句。最好用壹兩句話把意思表達清楚,避免使用過於程序化的語言。

有四種類型的內容:

信息,這裏有壹些例子:

警告:壹般用警告框表示,用於向用戶顯示對程序使用有重要影響的信息,如下圖所示。

錯誤:文案提示用戶操作有問題或異常,無法繼續執行。

確認:用於詢問用戶是否繼續某項操作,以便用戶進行第二次確認,並為用戶提供不可撤銷的撤退。

根據場景不同,會出現在以下位置:狀態欄、導航欄、內容區上方、屏幕中央、菜單欄上方、底部(覆蓋菜單欄)。

狀態欄的優點:刷新需要壹定的時間,為了不讓用戶等待而去做別的事情,弱化了等待過程;缺點:位置不明顯,建議做壹個重要性不高或者跨屏顯示要求的提示。(見下圖)

導航欄:適用於顯示臨時和重要的提示信息。壹般是連接狀態的顯示,表示產品正在嘗試連接網絡,拉取數據。(見下圖)

內容區上方:位於內容區上方,導航欄下方,通常是下拉刷新,是加載新內容的快捷方式。默認的提示信息是隱藏的,下拉界面時會顯示相應的提示信息來指導用戶的操作。

屏幕中間:通常是整體的、重要的信息提示。所有需要用戶關註的系統提示都可以顯示在這個位置,如下圖所示。

菜單欄上方:可以是應用整體信息的提示;也可以是界面底部與內容相關的提示。

底部(覆蓋菜單欄):在這個位置顯示提示是根據app獨有的特點設計的,可能是對新形式的壹種追求。這種保持設計保持了操作位置的壹致性。

-在所有階段為用戶提供必要的、積極的和即時的反饋。

-避免過度反饋,以免給用戶帶來不必要的打擾。

——能及時看到效果的簡單操作,反饋提示可以省略。

-所提供的反饋應該使用戶能夠以最方便的方式完成他們的選擇。

-針對不同類型的反饋進行差異化設計。

-不要打斷用戶的意識流,避免遮擋用戶可能回頭查看或操作的對象。

以上是“反饋”壹章的案例介紹。整篇文章簡單列舉了微醫app的大部分案例,很多地方沒有深入研究。歡迎拍磚...