用戶提示設計-5項實用的UI控件

jielin designer
Jan 22, 2022

--

“在應用產品的UI UX設計中,用戶提示設計是產品體驗中不可或缺的重要一環,而用戶提示的主要目的是在用戶使用產品的過程中,透過即時的系統訊息回饋輔助用戶瞭解目前的使用狀況為何,同時形成良好且完整的人機互動體驗循環,至於用戶提示設計有哪些呈現手法,就讓我來為讀者們分享吧!

什麼是用戶提示設計?

在移動應用產品中,用戶提示設計影響了人機互動體驗的好壞,一個好的應用產品在使用時往往可以給予用戶安心的互動提示與友善的引導設計,而用戶提示的體驗設計有輕重層級之分。輕重之間的界定在於觸發提示時是否會打斷當前用戶操作和關閉提示的方式是否一定要人為操作關閉

01.Tips

透過Tips可以較輕的提醒用戶當前的“異常狀態”為何,且自然融入當前畫面也不佔據版面,用戶仍然可繼續使用&瀏覽產品內容。

02.Toast

Toast的觸發場景多發生在用戶剛完成了某些重要操作,而給予及時的訊息回饋,其特點是只呈現幾秒後自動關閉。(不需手動執行關閉)

03.Dialog / Alert

iOS上稱作Alert,其呈現的訊息比Toast還要更重要一階,用戶也必須點擊彈窗上的“按鈕”才能關閉目前的提示內容。

04.Snackbar

綜合了前述的控件優點,Snackbar通常都是從螢幕底部彈出,可包含訊息提示、操作功能、手動/主動關閉。(但只能包含“1個操作功能”)

05.Tooltips

Tooltips適用於產品的核心&重點功能的首次使用說明與教學的提示設計,具有指向性引導說明的特點。

總結

關於用戶提示的設計,現在的設計趨勢越來越以Snackbar為首選,一方面是呈現方式並不會太過強眼,而且還能包含我們想要引導用戶執行的操作動作。當讀者們需要思考該選擇哪個控件作為提示方式時,不妨透過一開篇提到的是否會干擾&打斷用戶操作的“輕/重”程度做為衡量依據,再做出適當的選擇!

感謝你們的瀏覽閱讀,如果你覺得這篇文章寫得不錯並且有幫助到你,希望你能給我一點「拍手鼓勵」,也歡迎在下方留言讓我知道你的想法,我會持續分享更多實用&實戰的經驗方式給你們。

若想隨時掌握最新設計教學可關注我的IG:jielin.designer

拍手小秘訣: 只要將滑鼠(或手指)持續按著不放手掌的icon,就能夠連續拍手囉,試試看吧!

--

--

jielin designer

J designer-UI/UX 產品設計一點通 一個專門打雜的UI/UX 產品設計經理,沒事做一下UI視覺設計、有事就規劃/優化一下產品的用戶體驗。想轉職UI/UX設計師,請關注我或追蹤我的IG:@jielin.designer,瞭解更多UI/UX設計的實用技巧與職場經驗吧!