在進行 網頁設計 或 Logo 平面設計 前,通常會先思考該怎麼設計、如何開始設計、設計需包含哪些元素等..。
專業的設計師在進行設計前,其實有一套 SOP 步驟,也就是設計思考五步驟。
今天我們將告訴你設計思考的核心概念,並分享這關鍵五步驟該如何進行,幫助你快速理解設計思考並運用在工作中。
準備好就開始吧:)
設計思考是什麼?
「 設計思考 」是一種以用戶為核心的設計規劃方式,從用戶的需求出發,透過一系列的步驟,找出問題並進行分析,接著再進行創意發想,最後利用原型驗證&測試。
設計思考分為五個關鍵步驟:同理(Empathize)、定義(Define)、發想(Ideate)、原型(Prototype)和測試(Test)。
這五個步驟組成了設計思考的基本流程,引導你使用不同的角度去思考,找到更有效的解決方案。
設計思考能幫助我們用更寬廣的視角看待問題,找到用戶的痛點,發現更創新的解決方案,設計出滿足用戶需求的產品。
Step 1:同理(Empathize)
設計思考第一個步驟就是同理,簡單來說就是站在用戶的角度想事情,找出用戶的需求、遇到的困難與感受。
必須盡可能的理解用戶,挖掘用戶的真實想法與感受,這將有助後續的設計工作。若想成為專業的 UIUX 設計師,就必須培養這項技能。更多 UIUX 是什麼。
這邊提供幾個方式,幫助你更深入瞭解用戶:
-
觀察:觀察用戶在日常生活中的行為,嘗試理解用戶的行為、情緒、想法。
-
進行訪談: 直接與用戶進行訪談,透過訪談掌握用戶的實際感受&期望。
-
問卷調查:可藉由問卷調查搜集數據,找出多數用戶的偏好取向。
-
實際體驗:實際去體驗、感受用戶的生活,親自經歷用戶會遇到的困難與痛點。
除上述方法外,你還能利用 AI(如:ChatGPT)找出相關 UX 使用者研究資料,或是請 AI 列出目標族群的使用者特質。更多 UIUX 設計師 ChatGPT 指令。
透過同理這個步驟,可以發現許多潛在問題&痛點,進一步優化設計方案,設計出更貼近用戶真實需求的產品。
Step 2:定義(Define)
結束第一步同理後,接著要進入定義的階段,將同理階段所蒐集到的訊息整理出來,並清楚定義出用戶的問題、痛點。
這個步驟有助於釐清用戶更真實、深層的問題需求,確保後續設計方向正確。
通常在這一階段,可以利用「 設計觀點 POV 」來進行。
設計觀點 POV 是什麼?
設計觀點 POV,英文為 Point Of View,是一種挖掘用戶需求的方法,只用一句話來組織用戶的需求。
這一句話的公式是:
「 有一個 ____(用戶特徵)的人,需要 ____(用戶需求),因為對他來說 ____(用戶見解)很重要。」
例如:有一個「 愛運動 」的人,需要「 一個提供多種器材訓練的健身房 」,因為對他來說「 維持健康的體態 」很重要。
如此一來,就能輕鬆點出用戶需要什麼?以及為什麼需要?之後所設計出來的產品才更能打中目標用戶的痛點。
設計觀點能夠更好地理解用戶需求、發現問題本質,並針對根本問題提出創新解決方案。
Step 3:發想(Ideate)
設計思考第三步「 發想 」,這個階段將開始提出一系列的創意想法,尋找各種可能的解決方案。
可透過 Brainstorming 腦力激盪法,激發創造力、強化思考力,提出任何天馬行空的創意點子!
腦力激盪時,有幾點注意事項可留意:
-
寫下任何點子:可利用白板、記事本,將想到的任何點子全部都寫下。
-
不批評團隊成員想法:不批評團隊其他成員的想法,這有可能導致往後成員擔心自己的點子會遭到否決,而不敢輕易提出點子。
-
互相鼓勵:鼓勵團隊成員勇於發表任何想法,若有好點子時可加以稱讚,提升成員發表意見的動力。
-
先不用考慮可行性:在腦力激盪時,先不用考慮提案的可行性,任何點子都可能是發展創新的機會。
透過腦力激盪將所有人的見解提出來,之後再將大家的見解重新分類整理,可有效產出創新好點子!
此外,也可以利用 HMW(How Might We)提問法,透過「我們如何 ___?」問句,來找出潛在的解決方案。
這邊舉個 HMW 提問法的例子,像是:我們如何「 如何改善網站的使用體驗 」?
接著就可以提出一系列可能的點子:優化網站速度、使用高品質的圖檔、設計吸引人的介面、製作 RWD 響應式網頁 等..。
透過以上方法,與團隊成員一起發想,探索各種可能性,創造出創新、有價值的設計方案。
Step 4:原型(Prototype)
這一階段要準備將腦中的想法具體化,以便用於測試和驗證設計。
Prototype 原型不需設計的太精美,只需簡單演示產品的大概功能與樣貌,像是用動畫演示網頁的按鍵功能、用紙板做出餐廳的格局動線等..。
Prototype 是什麼?
Prototype 中文為「 原型 」,它是一個設計初期的版本模型,用來展示設計概念和功能。
Prototype 網頁模型通常包含動態互動效果,除了展示網頁的結構佈局,還會演示按鈕的點擊效果、導覽列的彈出方式和其他動畫展示等..。
透過製作 Prototype 原型,設計師能夠快速驗證、測試設計想法,也能儘早發現潛在的使用問題並做出改進。
此外,Prototype 也是設計師和開發人員之間的一種溝通方式,透過 Prototype 演示模型,開發人員可以更好理解設計的需求,加速產品開發過程。
不論是個人接案或是團隊協作,Prototype 都能有效加速設計開發過程,提高工作效率及成品品質,成為你優化網站功能的好幫手!
建議可利用 Figma 設計軟體,製作精美的 Prototype 演示。Figma 介面直觀好用,還能與團隊進行多人協作,因此受到許多設計師的喜愛。更多 Figma 是什麼。
Prototype 原型是設計思考過程中非常重要的一環,有助於將概念轉化為具體可視的物品,促進團隊測試和驗證設計想法,做出更好的產品。
Step 5:測試(Test)
設計思考的最後一個步驟,就是測試設計。透過上一階段的原型 Prototype,驗證設計是否符合實際用戶的需求和期望。
也可以將製作的原型樣本交給真實用戶,觀察他們的使用行為和意見,透過回饋重新釐清用戶遇到的問題,加以修正產品。
透過不斷地來回修正,讓最終產品能夠真正符合用戶的期待,達到設計的最終目標。
總結
設計思考的核心理念,在於將用戶放在設計的中心位置,透過同理、定義、發想、原型和測試這五個思考步驟,確保最終設計真正符合用戶的需求和期望。
且這五個步驟其實是一個不斷循環的過程,不斷地挖掘問題、提出更好的方案、測試後發現問題再重新挖掘解決方案。
簡單來說,設計思考是一種以人為本的方法,透過設計思考五步驟,發現各種可能、激發創意,並在不斷的改進優化中進步。
常見問題
設計思考是什麼?
「 設計思考 」是一種以用戶為核心的設計規劃方式,從用戶的需求出發,透同理、定義、發想、原型和測試這五個思考步驟,確保最終設計真正符合用戶的需求和期望。
在發想階段中,該如何激發創意?
可利用腦力激盪法、HMW 提問法,激發創造力,找出潛在的解決方法。注意此階段可先不用考慮可行性,寫下任何想到的點子,並接納所有團隊成員提出的點子,任何意見都可能是創新的機會。
進行設計思考時,需要製作 Prototype 嗎?
Prototype 原型是設計思考過程中非常重要的一環,有助於將概念轉化為具體可視的物品,促進團隊測試和驗證設計想法,做出更好的產品。因此,即使只是一個簡單的原型,也可以幫助團隊更好地理解問題並找到解決方案。
WordPress 學習資源
學習網站架設+網路行銷的過程中,或許會遇到一些解決不了問題,可以在下方留言給我,我會盡力協助解答!
接下來,額外分享 2 項實用資源,可有效幫助大家做學習。
資源一:犬哥數位(專業 WordPress 網頁設計公司)
如果你沒時間自己架站、或是遇到解決不了的網站問題。歡迎洽詢 犬哥數位(WordPress 網頁設計公司),請專家製作會更有效率!
我們有多年網頁設計經驗,加上上百個實戰高質感作品,絕對能滿足您的需求!
資源二:WordPress+SEO 超強線上課程
這門 WordPress 高手架站課 濃縮了犬哥多年在網頁設計的實戰經驗,從網頁設計觀念、WordPress / WooCommerce 後台操作、熱門主題.外掛教學、品牌網站 / 部落格 / 電商網站,3 大類型網站建置方法等 .. 豐富內容,一次教會你。
課程內容非常的紮實(長度超過 20 小時)。如果你剛學習自架網站,這門課程可以讓你用最快的速度,就學會這項技能!
網站建立完畢後,但卻沒有流量怎麼辦?或是只能靠花錢投廣告才會有訂單?
這門 SEO 排名飆升課,教你掌握關鍵字策略、SEO 文章撰寫、多種實戰 SEO 技巧、透視對手 SEO 策略、SEO 必備軟體教學、最新 AI SEO 應用等 ..,大幅提升行銷能力。
帶你衝上 Google 排名第一頁,大量提升網站營收和訂單!