Week 7— Daily UI Challenge| 設計UI小知識:賦予每個動作清楚的含意

Max 麥克斯
DailyUI
Published in
3 min readOct 4, 2018

做UI時,需要常常閱讀相關文章或研究別人的作品,所以這周開始,一個禮拜只做2~3個UI作品,其他時間則是拿來閱讀文章、書籍、軟體教學影片,甚至是練習手繪技巧,並將自己所學到的知識當作筆記來記錄。

回到標題,簡單來說,就是使用者在做任何動作或決定時,需要仔細確認好才會按確定或下一步,而這時若設計的淺簡易懂,就可以降低使用者的不安感和加速完成這個動作的流程。

以下做出範例圖來解釋 :

當你準備做刪除的動作,並按下刪除鈕後跳出以下左右兩邊提示視窗,試著比較看看左右兩個視窗帶給你的感受,哪個你會比較喜歡?(或者說哪個會比較有安全感)

準備好了嗎? 來揭曉結果囉:D

左邊的視窗相對是比較好的,因為以下幾點原因:
1. 先從標語「刪除位址」和「確定刪除」觀察,顯然「刪除位址」直接清楚告訴你,這就是個刪除「位址」的動作。
2.接著觀察中間灰底文字,左邊則多加了「永久」、「移除」的警告用語,清楚的告訴使用者:你一旦刪了,就回不去囉,請警慎選擇!
3.最後是按鈕,再次提醒使用者刪了就什麼都沒有囉XDDD

有時使用者根本不會看完這三項的文字,可能懶惰只看1~2項,左邊的視窗在這三項就說明得很清楚;相較右邊,通常會先被鮮明的按鈕吸引(要確定什麼?),若再看到第一項的標語,還是不懂要刪什麼,最後看到第二項的灰底文字才搞懂原來是要刪位址呀!

再者,左邊的視窗提示警告意味很重,代表刪除這個動作很重要,要使用者考慮清楚! 大大的減少「不小心手賤按了刪除鈕」的悲劇。

所以賦予每個動作清楚的含意很重要呀!

#025 | Daily UI_Weather

下雨下到我都快發霉了((哭

#026 | Daily UI_Calendar

把自己的行程日記本改成電子化

https://www.lymma.net/discover/project/4833

--

--

Max 麥克斯
DailyUI

UI設計師 | 相信閱讀 | 喜歡有溫度的文字 | 致力於介面設計 | 記錄自學設計的一隅 https://maxinstudio.com/