別再畫Daily UI了!這樣練習才會更有效率

克服Daily UI的缺點,真正練習到UX Design Skill與problem solving。

Lil Andy
Lil Andy
Aug 23, 2018 · 6 min read

本文大綱

一、什麼是Daily UI?
二、Daily UI的優點與缺點
三、如何克服Daily UI的缺點,改變練習的方法,真正練到UX Design Skill?

適合閱讀對象

1.剛踏入UI/UX領域的初學者
2.想累積作品集的人
3.想藉由Daily UI學習到Problem Solving的人

什麼是Daily UI?

但我認為Daily UI存在著一些問題。

Daily UI練習的優點與缺點

1. 百日挑戰是一種很棒的自我挑戰形式,每天都有一個具體目標可以努力,讓練習比較有方向。

2. 天天累積下來的成果很可觀,不但能快速累積作品,還可以考驗決心與毅力。

3. 相對於一般的練習方法,可以短時間內快速提升實力。

但同時也有一些不可忽視的缺點:

一、多數作品只專注在視覺設計,而不是解決問題

Design is not just what it looks like and feels like. Design is how it works.

By Steve Jobs

如果只是單純畫完一張UI,那就只是停留在what it looks like的層次,我個人的理解,所謂的how it works,指的就是替使用者解決問題。

I mean, how much world changing problem solving do you expect to be solved in a 400x300px rectangle?

二、沒有脈絡,換句話說就是「沒頭沒尾的」

這時候我頭腦會產生一堆問號:

這是要我設計甚麼產品/服務的Search ?

為什麼這個產品要有Search 的功能?

這個Search box是要解決使用者的什麼問題?

這個Search box是擺在什麼樣的介面/情景下?或應該擺在資訊架構的哪?

有必要再進階搜尋嗎?

搜尋完後會不會還是資訊很大而需要再加個篩選器?

blablabla…

這些問題還沒有個答案之前我真的沒辦法做設計…。

但題目只給我一個字:Search ,那我是不是只能畫這個?

圖片來源:thenounproject.com

我個人認為,UI應該存在在一個脈絡當中。

講白話一點,就是要有頭有尾,因為Search box針對不同的產品/服務都有不一樣的設計,在不同的使用情境/脈絡之下會有很大的差別。

比如說圖書館APP的Search box、PTT瀏覽器的Search box、Medium的Search box,你覺得這三個Search box的設計會一樣嗎?依照其資訊類型的不同、資訊量的多寡,就有不一樣的設計,另外還可能依使用者需求,會有整合搜尋器、篩選器、Tag...等等的功能,光是Search框就有數不清要注意的點,這些種種才是最難的地方。

假如我今天只做一個Search 框頁面,不做其他的,隔天又換做別的東西,那其實真的沒什麼意義,因為重點是一整套「使用脈絡」,而不是單一一個頁面。

總結以上,建議可以先自我提問:

今天練習設計的介面,

是為使用者解決到了什麼問題?

消除了使用者的什麼痛點?

改善了哪個使用流程?優化了哪些交互?

更多相關資訊可以參考這兩篇文章,指出了dribbble上面許多UI設計作品存在的問題:


那到底要怎麼練習?才能真正訓練到解決問題的能力?真正練習到UX Design Skill?

假如說今天我收到一個題目:Day2 Checkout(結帳頁)

  1. 創業家路線:設計一個新產品/服務
    舉例:我想要做一個新產品,目的是要解決XXX問題,根據我的使用者研究,使用者的痛點有這些…,而我認為應該這樣解決,他的Flow長這樣…,其中需要用到幾個UI:第1天的Sign Up、第2天的Checkout、第6天的User Profile、第23天的Onboarding…等等,所以我就一天畫一個(畫之前可以去看該頁面的Guideline或設計原則有什麼),接著開始畫wireframe。到了最後一天,畫好了,這樣我就有一個完整的新產品作品,可以放到我的作品集裡~。
  2. ReDesign路線:選一個現有產品做改善
    舉例:我覺得蝦X的購物結帳的UI做得不好,其中有幾個問題/痛點像是…,我認為使用者流程應該這樣改善…(畫Flow),所以他的UI可以長這樣…(開始畫wireframe)

其中我滿推薦ReDesign,因為選一個現有產品改善,就會有一個對照組,也就是修改前/修改後的差距,設計的價值能見度變得很高,雇主可以很輕易的看見我們的價值。

所以,總結來說,不斷的思考問題要怎麼解決,就能真正得訓練到UX Skill。

當然不一定都要靠自己,可以運用一些Guideline、UI Pattern、設計原則、心理學來補助我們的設計,讓設計更加有說服力。

如果你覺得這篇文章還可以,可以幫我拍手 1-10下
如果你覺得這篇文章有幫助,可以幫我拍手 10-30下
如果你還想再看到更多類似的文章,可以幫我拍手 30-50下
按住拍手就可以連拍哦!很感謝你的鼓勵!👏👏👏

AAPD — As A Product Designer

AAPD 專注於分享數位產品設計的相關資訊,並且致力在平台上創造更多的交流與互動,我們關注UI設計、UX設計、設計師的個人成長、設計趨勢與產業動態等,希望透過這些知識的傳遞,能夠降低每位設計師成長的過程中所遇到的阻礙。歡迎來信投稿:aapdgo@gmail.com

Lil Andy

Written by

Lil Andy

投資社群產品的UI/UX設計師,喜歡關於思考、創意、學習、心理學、SEO、人工智能🤖等議題。

AAPD — As A Product Designer

AAPD 專注於分享數位產品設計的相關資訊,並且致力在平台上創造更多的交流與互動,我們關注UI設計、UX設計、設計師的個人成長、設計趨勢與產業動態等,希望透過這些知識的傳遞,能夠降低每位設計師成長的過程中所遇到的阻礙。歡迎來信投稿:aapdgo@gmail.com

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade