Week 8 — Daily UI Challenge| 設計UI小知識: 當選項簡單時，呈現方式也要簡單

自己設計UI的原則就是秉持著 「簡單、單純、乾淨」，替使用者抽離出那些複雜又沒必要存在的元素!

以下做出範例圖解釋:

當今天有一個問題問你「 你最喜歡哪種顏色?」，選項是單選，提供5種顏色供選擇，試著比較看看左右兩種設計選項方式，哪個你會比較喜歡?(這裡先排除設計樣式，單純從「功能面」去做判斷)

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

左邊的功能設計相對是比較好的，因為以下幾點原因:
1. 左邊，肉眼一次就可以看到所有選項；右邊，必須按下拉式的框框才能全部看到。
2. 左邊，只要按一次滑鼠即可選擇該選項；右邊，先按下拉式的框框在選擇選項，相較左邊要按二次滑鼠。
3. 左右兩邊都做到很好的一點是，當滑鼠移至該選項，會出現提示顏色，告知使用者現在移到該選項。但再仔細一下，會發現左邊不只出現提示顏色，連字的大小還變大一點。

總結以上三點，會發現在執行右邊的選項時，是會多耗一點時間的!但要特別注意在設計這種選項時，僅限於選項簡單且數目不多，若當選項字很多或選項數目很多，用左邊的設計其實是不適合的!

這周的標題馬上讓我聯想到一段話:

『如果可以簡單，誰想要複雜 。』- by Peter Su

以下為自己練習的UI設計(順序:題目名稱 →作品圖 →心得 →連結(較完整))

#027 | Daily UI_Testimonial

咖啡色給我的感覺:
頹廢復古風

lymma | #027 | Daily UI_Testimonial

#074 | Daily UI_Movie Card

今天跳級來學一下ProtoPie((汗

lymma | #074 | Daily UI_Movie Card

#028 | Daily UI_Recipe

天氣好就來杯檸檬氣泡水:D

lymma | #028 | Daily UI_Recipe