設計思考是什麼?關鍵五步驟,讓你掌握重點流程!

設計思考是什麼?關鍵五步驟,讓你掌握重點流程!

在進行 網頁設計Logo 平面設計 前,通常會先思考該怎麼設計、如何開始設計、設計需包含哪些元素等..。

專業的設計師在進行設計前,其實有一套 SOP 步驟,也就是設計思考五步驟。

今天我們將告訴你設計思考的核心概念,並分享這關鍵五步驟該如何進行,幫助你快速理解設計思考並運用在工作中。

準備好就開始吧:)


設計思考是什麼?

設計思考五步驟

「 設計思考 」是一種以用戶為核心的設計規劃方式,從用戶的需求出發,透過一系列的步驟,找出問題並進行分析,接著再進行創意發想,最後利用原型驗證&測試。

設計思考分為五個關鍵步驟:同理(Empathize)、定義(Define)、發想(Ideate)、原型(Prototype)和測試(Test)。

這五個步驟組成了設計思考的基本流程,引導你使用不同的角度去思考,找到更有效的解決方案。

設計思考能幫助我們用更寬廣的視角看待問題,找到用戶的痛點,發現更創新的解決方案,設計出滿足用戶需求的產品。


Step 1:同理(Empathize)

設計思考五步驟 Step 1:同理

設計思考第一個步驟就是同理,簡單來說就是站在用戶的角度想事情,找出用戶的需求、遇到的困難與感受。

必須盡可能的理解用戶,挖掘用戶的真實想法與感受,這將有助後續的設計工作。若想成為專業的 UIUX 設計師,就必須培養這項技能。更多 UIUX 是什麼

這邊提供幾個方式,幫助你更深入瞭解用戶:

  • 觀察:觀察用戶在日常生活中的行為,嘗試理解用戶的行為、情緒、想法。

  • 進行訪談: 直接與用戶進行訪談,透過訪談掌握用戶的實際感受&期望。

  • 問卷調查:可藉由問卷調查搜集數據,找出多數用戶的偏好取向。

  • 實際體驗:實際去體驗、感受用戶的生活,親自經歷用戶會遇到的困難與痛點。

除上述方法外,你還能利用 AI(如:ChatGPT)找出相關 UX 使用者研究資料,或是請 AI 列出目標族群的使用者特質。更多 UIUX 設計師 ChatGPT 指令

透過同理這個步驟,可以發現許多潛在問題&痛點,進一步優化設計方案,設計出更貼近用戶真實需求的產品。


Step 2:定義(Define)

設計思考五步驟 Step 2:定義

結束第一步同理後,接著要進入定義的階段,將同理階段所蒐集到的訊息整理出來,並清楚定義出用戶的問題、痛點。

這個步驟有助於釐清用戶更真實、深層的問題需求,確保後續設計方向正確。

通常在這一階段,可以利用「 設計觀點 POV 」來進行。

設計觀點 POV 是什麼?

設計觀點 POV,英文為 Point Of View,是一種挖掘用戶需求的方法,只用一句話來組織用戶的需求。

這一句話的公式是:

「 有一個 ____(用戶特徵)的人,需要 ____(用戶需求),因為對他來說 ____(用戶見解)很重要。」

例如:有一個「 愛運動 」的人,需要「 一個提供多種器材訓練的健身房 」,因為對他來說「 維持健康的體態 」很重要。

如此一來,就能輕鬆點出用戶需要什麼?以及為什麼需要?之後所設計出來的產品才更能打中目標用戶的痛點。

設計觀點能夠更好地理解用戶需求、發現問題本質,並針對根本問題提出創新解決方案。


Step 3:發想(Ideate)

設計思考五步驟 Step 3:發想

設計思考第三步「 發想 」,這個階段將開始提出一系列的創意想法,尋找各種可能的解決方案。

可透過 Brainstorming 腦力激盪法,激發創造力、強化思考力,提出任何天馬行空的創意點子!

腦力激盪時,有幾點注意事項可留意:

  • 寫下任何點子:可利用白板、記事本,將想到的任何點子全部都寫下。

  • 不批評團隊成員想法:不批評團隊其他成員的想法,這有可能導致往後成員擔心自己的點子會遭到否決,而不敢輕易提出點子。

  • 互相鼓勵:鼓勵團隊成員勇於發表任何想法,若有好點子時可加以稱讚,提升成員發表意見的動力。

  • 先不用考慮可行性:在腦力激盪時,先不用考慮提案的可行性,任何點子都可能是發展創新的機會。

透過腦力激盪將所有人的見解提出來,之後再將大家的見解重新分類整理,可有效產出創新好點子!

此外,也可以利用 HMW(How Might We)提問法,透過「我們如何 ___?」問句,來找出潛在的解決方案。

這邊舉個 HMW 提問法的例子,像是:我們如何「 如何改善網站的使用體驗 」?

接著就可以提出一系列可能的點子:優化網站速度使用高品質的圖檔、設計吸引人的介面、製作 RWD 響應式網頁 等..。

透過以上方法,與團隊成員一起發想,探索各種可能性,創造出創新、有價值的設計方案。


Step 4:原型(Prototype)

設計思考五步驟 Step 4:原型

這一階段要準備將腦中的想法具體化,以便用於測試和驗證設計。

Prototype 原型不需設計的太精美,只需簡單演示產品的大概功能與樣貌,像是用動畫演示網頁的按鍵功能、用紙板做出餐廳的格局動線等..。

Prototype 是什麼?

Prototype 是什麼?

Prototype 中文為「 原型 」,它是一個設計初期的版本模型,用來展示設計概念和功能。

Prototype 網頁模型通常包含動態互動效果,除了展示網頁的結構佈局,還會演示按鈕的點擊效果、導覽列的彈出方式和其他動畫展示等..。

透過製作 Prototype 原型,設計師能夠快速驗證、測試設計想法,也能儘早發現潛在的使用問題並做出改進。

此外,Prototype 也是設計師和開發人員之間的一種溝通方式,透過 Prototype 演示模型,開發人員可以更好理解設計的需求,加速產品開發過程。

不論是個人接案或是團隊協作,Prototype 都能有效加速設計開發過程,提高工作效率及成品品質,成為你優化網站功能的好幫手!

建議可利用 Figma 設計軟體,製作精美的 Prototype 演示。Figma 介面直觀好用,還能與團隊進行多人協作,因此受到許多設計師的喜愛。更多 Figma 是什麼

Prototype 原型是設計思考過程中非常重要的一環,有助於將概念轉化為具體可視的物品,促進團隊測試和驗證設計想法,做出更好的產品。


Step 5:測試(Test)

設計思考五步驟 Step 5:測試

設計思考的最後一個步驟,就是測試設計。透過上一階段的原型 Prototype,驗證設計是否符合實際用戶的需求和期望。

也可以將製作的原型樣本交給真實用戶,觀察他們的使用行為和意見,透過回饋重新釐清用戶遇到的問題,加以修正產品。

透過不斷地來回修正,讓最終產品能夠真正符合用戶的期待,達到設計的最終目標。


總結

設計思考的核心理念,在於將用戶放在設計的中心位置,透過同理、定義、發想、原型和測試這五個思考步驟,確保最終設計真正符合用戶的需求和期望。

這五個步驟其實是一個不斷循環的過程,不斷地挖掘問題、提出更好的方案、測試後發現問題再重新挖掘解決方案。

簡單來說,設計思考是一種以人為本的方法,透過設計思考五步驟,發現各種可能、激發創意,並在不斷的改進優化中進步。


常見問題

設計思考是什麼?

「 設計思考 」是一種以用戶為核心的設計規劃方式,從用戶的需求出發,透同理、定義、發想、原型和測試這五個思考步驟,確保最終設計真正符合用戶的需求和期望。

在發想階段中,該如何激發創意?

可利用腦力激盪法、HMW 提問法,激發創造力,找出潛在的解決方法。注意此階段可先不用考慮可行性,寫下任何想到的點子,並接納所有團隊成員提出的點子,任何意見都可能是創新的機會。

進行設計思考時,需要製作 Prototype 嗎?

Prototype 原型是設計思考過程中非常重要的一環,有助於將概念轉化為具體可視的物品,促進團隊測試和驗證設計想法,做出更好的產品。因此,即使只是一個簡單的原型,也可以幫助團隊更好地理解問題並找到解決方案。


WordPress 學習資源

學習網站架設+網路行銷的過程中,或許會遇到一些解決不了問題,可以在下方留言給我,我會盡力協助解答!

接下來,額外分享 2 項實用資源,可有效幫助大家做學習。

資源一:犬哥數位(專業 WordPress 網頁設計公司)

如果你沒時間自己架站、或是遇到解決不了的網站問題。歡迎洽詢 犬哥數位(WordPress 網頁設計公司),請專家製作會更有效率!

我們有多年網頁設計經驗,加上上百個實戰高質感作品,絕對能滿足您的需求!

WordPress 網頁設計公司|犬哥數位

資源二:WordPress+SEO 超強線上課程

這門 WordPress 高手架站課 濃縮了犬哥多年在網頁設計的實戰經驗,從網頁設計觀念、WordPress / WooCommerce 後台操作、熱門主題.外掛教學、品牌網站 / 部落格 / 電商網站,3 大類型網站建置方法等 .. 豐富內容,一次教會你。

課程內容非常的紮實(長度超過 20 小時)。如果你剛學習自架網站,這門課程可以讓你用最快的速度,就學會這項技能!

WordPress 高手架站課|一堂課讓你變架站高手!
WordPress 高手架站課|一堂課讓你變架站高手!

網站建立完畢後,但卻沒有流量怎麼辦?或是只能靠花錢投廣告才會有訂單?

這門 SEO 排名飆升課,教你掌握關鍵字策略、SEO 文章撰寫、多種實戰 SEO 技巧、透視對手 SEO 策略、SEO 必備軟體教學、最新 AI SEO 應用等 ..,大幅提升行銷能力。

帶你衝上 Google 排名第一頁,大量提升網站營收和訂單!

SEO 排名飆升課|帶你衝上 Google 第一頁!
SEO 排名飆升課|帶你衝上 Google 第一頁!

關於作者

犬哥網站:網頁設計 x 網路行銷教學平台

犬哥網站

我們分享 WordPress 架站 x 網路行銷知識,不需會任何程式技術,就能自己建立各種網站。 搭配豐富的網路行銷教學,幫助你被更多人看到。 趕快跟著我們的腳步,開始學習吧:)

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

返回頂端