UI/UX 設計師的成長歷程與 AI 浪潮下的價值體現

更新 發佈閱讀 5 分鐘

經歷

工業設計

感謝當時教授要求我們必要學習的能力:

  1. 速寫。
  2. 製圖。
  3. 3D和渲染。
  4. 規劃製造流程。
  5. 異界材質媒合。
  6. 尋求加工、外包廠商。
  7. 成本評估。
  8. 開發前市場調查。
  9. 人因工程。
  10. 使用者體驗回饋。

製造流程、成本考量、人因工程、使用者體驗,這幾個環節也奠定我在 UI/UX 的基礎能力。

品牌設計

正式踏路業界的基礎能力,為品牌商設想:

  1. 傾聽品牌需求。
  2. 品牌故事。
  3. 產品/服務的通路規劃。
  4. 展場軟、硬體規劃。
  5. 成本控管與發包。
  6. 製造流程。

不同製程的掌控、傾聽與實踐,讓我對於整體開發有全局觀地掌握,包含未來在團體協作都有很棒的基礎功,更重要是能抓出客戶痛點,並且針對痛點去優化

網站設計

在上櫃公司漸漸走向軟體開發,一開始偏向簡易的官網功能性低的產品開發。

  1. 傾聽需求功能。
  2. 釐清需要解決的問題。
  3. 專案開發時程控管。
  4. 設計規劃。
  5. 客戶提案。
  6. HTML/SCSS/JS 撰寫。
  7. Git 控管。
  8. 使用教學。

這裡的經驗,讓我能快速抓出客戶喜歡的風格,並且聚焦過於抽象的需求,並能精準呈現給客戶,最關鍵在於傾聽、釐清、聚焦、實踐

也學會一些初階的前端或程式的邏輯判斷,如果對網站製作有興趣,這篇 想做網站,不可不知的事情! 有基礎的解說。

系統設計

進入到上市公司台灣軟體龍頭,開始接觸客制化電商需求、多角色權限後台...等等,複雜功能的軟體開發和整合

與網站設計部分相似,但會拆更細的開發環節,「流程圖」、「Guideline(設計準則)」、「Prototype(原型互動)」、「使用情境」、「UX(使用者體驗)」、「SA 邏輯」、「SIT(內部測試)」、「UAT(外部測試)」...等等。

UI/UX 的重要性

vocus|新世代的創作平台

你是各個部門的重要參照依據!

PM 視角

具現化出 PM 收攏的「客戶需求」,製作出「可視化介面(UI)」、「流程動線(Flow chart)」和融入「使用者體驗(UX)」,也是 PM 提交給客戶重要的「設計精稿」和「原型互動(Prototype)」。

前端工程師視角

「Guideline(設計準則)」是一個非常重要的溝通項目,會為此特別寫一篇文章做解說。內容攸關參數、佈局、元件...等等,是整個 UI/UX 重要的核心,也是施工的藍圖。

電腦版、平板、手機版尺寸的 UI 配置、邏輯呈現、成功與錯誤提示...等等,如果說 UI/UX 是畫出設計藍圖、水電配置,那前端就是蓋出房子的人,絕對的緊密關係!

後端工程師視角

透過設計稿、狀態示意、欄位邏輯...等等,可以依照圖面先行製作 API 。

牽一髮動全身

如果需求更動,相對 SA文件、UI/UX、前端、後端工程師都有可能都要調整!
(所以有時候不是只有加一個欄位那麼簡單,因為程式有可能與其他頁面或邏輯有所關聯,就像買車和買房只差一個字,那是不是差很多!?)

AI 浪潮

vocus|新世代的創作平台

什麼是取代?

從 2024 年,號稱 AI 元年,就不斷有 UIUX、RD ...等等職位要被取代了,尤其是有新工具的出現或新模型的出現,這聲音就會像號角一樣再度響起。

但我覺得「取代」的定義是,你的「能力」和「經驗(產業 Domain know how)」完全被取代,從「規劃」到「實踐」完全只需要 AI ,或許未來有可能,但現階段還無法全面。

AI 帶來的效益

換一個角度想 AI 的出現,創造更多的可能性,可以開始透過問問題來學習、打造分身、高度自動化的工作流、提高效率,提升能力!

突破能力的天花板,你可以擁有PM、設計、行銷、工程師、法務...等等能力,只要你願意成為「 AI 指揮家」。

AI 與人類的差異化

溝通、思辨、協商、同理,這種共感、共識、共好的能力,也是我們最美的光輝,或許也是我們最可貴的地方,才能創造出不同的可能性,因為無法透過計算得到結果。
AI 的基本素養,看這篇就夠了 想了解簡略的 AI 素養,也歡迎看這篇喔。)

留言
avatar-img
水日常
14會員
26內容數
自我覺察與成長 / UIUX / AI 應用 / 手沖咖啡 / 蔬食
水日常的其他內容
2025/07/15
「使用情境的連結」、「共感」、「解決問題」這三個關鍵,或許有時候賣的不只是產品和服務,而是與人之間的連結性。
Thumbnail
2025/07/15
「使用情境的連結」、「共感」、「解決問題」這三個關鍵,或許有時候賣的不只是產品和服務,而是與人之間的連結性。
Thumbnail
2025/07/06
做網站眉眉角角很多,需要繳的費用有哪些? 主機空間、網域、SSL...等等,一堆專有名詞,這篇對於要製作網站的您,一定是最基本的認識,相信和廠商溝通起來,肯定會流暢很多。
Thumbnail
2025/07/06
做網站眉眉角角很多,需要繳的費用有哪些? 主機空間、網域、SSL...等等,一堆專有名詞,這篇對於要製作網站的您,一定是最基本的認識,相信和廠商溝通起來,肯定會流暢很多。
Thumbnail
2025/06/26
心態不再侷限,原來失去熱情的啟動鑰匙,在於分享...。
Thumbnail
2025/06/26
心態不再侷限,原來失去熱情的啟動鑰匙,在於分享...。
Thumbnail
看更多
你可能也想看
Thumbnail
對軟體專案來說,需求就是專案最一開始的輸入。 需求:對客戶來說有價值的事情。 功能:系統為了滿足客戶價值而提供的能力。 區別是需求還是功能的方式很簡單,只要判斷是否對客戶有價值。 舉例來說:影像處理軟體:「顯示影像」是需求,「讀取檔案」、「取得影像長寬」、「取得色彩位元」等是功能。
Thumbnail
對軟體專案來說,需求就是專案最一開始的輸入。 需求:對客戶來說有價值的事情。 功能:系統為了滿足客戶價值而提供的能力。 區別是需求還是功能的方式很簡單,只要判斷是否對客戶有價值。 舉例來說:影像處理軟體:「顯示影像」是需求,「讀取檔案」、「取得影像長寬」、「取得色彩位元」等是功能。
Thumbnail
什麼是領域模型?領域模型是完成從需求分析到物件導向設計的一座橋樑。需求分析和物件導向並無直接關係,需求分析階段不區分是物件導向還是程序導向,要從「領域建模」才真正開始物件導向的工作。後續我們會使用一個「影像處理軟體」的使用案例來說明如何建立領域模型。
Thumbnail
什麼是領域模型?領域模型是完成從需求分析到物件導向設計的一座橋樑。需求分析和物件導向並無直接關係,需求分析階段不區分是物件導向還是程序導向,要從「領域建模」才真正開始物件導向的工作。後續我們會使用一個「影像處理軟體」的使用案例來說明如何建立領域模型。
Thumbnail
分享在不同公司期間,與客戶進行實地拜訪的豐富經,這些故事不僅是單純的客戶訪談紀錄,更揭示了產品開發過程中可能遇到的挑戰、客戶的真實痛點,以及從數據以外的角度全面理解市場需求的洞見。文章強調了工程師實地訪談的重要性,並鼓勵讀者若有機會應多加嘗試,從中獲取寶貴的經驗與啟發。
Thumbnail
分享在不同公司期間,與客戶進行實地拜訪的豐富經,這些故事不僅是單純的客戶訪談紀錄,更揭示了產品開發過程中可能遇到的挑戰、客戶的真實痛點,以及從數據以外的角度全面理解市場需求的洞見。文章強調了工程師實地訪談的重要性,並鼓勵讀者若有機會應多加嘗試,從中獲取寶貴的經驗與啟發。
Thumbnail
PRD 老是寫不完?這篇用實戰範例與 WBS、驗收標準等技巧,教你如何面對變動需求,也能做出全團隊都能對齊的好文件。
Thumbnail
PRD 老是寫不完?這篇用實戰範例與 WBS、驗收標準等技巧,教你如何面對變動需求,也能做出全團隊都能對齊的好文件。
Thumbnail
專案管理的流程主要指導專案經理如何管理專案,但對於指導開發人員如何開發專案,並無多大用處。就像「專案管理」有一套完整的流程一樣,「專案開發」也有一套完整的程序。對於物件導向來說,整個開發流程實際上非常清晰,底下我們將「瀑布模型」、「敏捷開發」等稱為『管理流程』;物件導向流程開發稱為『技術流程』。
Thumbnail
專案管理的流程主要指導專案經理如何管理專案,但對於指導開發人員如何開發專案,並無多大用處。就像「專案管理」有一套完整的流程一樣,「專案開發」也有一套完整的程序。對於物件導向來說,整個開發流程實際上非常清晰,底下我們將「瀑布模型」、「敏捷開發」等稱為『管理流程』;物件導向流程開發稱為『技術流程』。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
什麼是 Android Studio? Android Studio 是 Google 官方推出的 Android 應用程式開發工具,支援 Kotlin、Java 與 C++ 等語言。它整合了編輯器、模擬器、測試工具與部署功能,是開發 Android App 的標準平台。
Thumbnail
什麼是 Android Studio? Android Studio 是 Google 官方推出的 Android 應用程式開發工具,支援 Kotlin、Java 與 C++ 等語言。它整合了編輯器、模擬器、測試工具與部署功能,是開發 Android App 的標準平台。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
需求分為「功能屬性」和「品質屬性」, 5W + 1H 屬於功能屬性,8C 屬於品質屬性。能否正確地實現一個需求,既要看功能屬性是否正確,也要看品質屬性是否正確,兩者缺一不可。例如:設計了一個功能強大的機器視覺系統,但動不動就當機,你覺得客戶會使用這樣的系統嗎?
Thumbnail
需求分為「功能屬性」和「品質屬性」, 5W + 1H 屬於功能屬性,8C 屬於品質屬性。能否正確地實現一個需求,既要看功能屬性是否正確,也要看品質屬性是否正確,兩者缺一不可。例如:設計了一個功能強大的機器視覺系統,但動不動就當機,你覺得客戶會使用這樣的系統嗎?
Thumbnail
聽 Manny & Angela 最新的曼報 podcast,我覺得本文標題這句話是關鍵,也引發我對軟體產業本質的思考。
Thumbnail
聽 Manny & Angela 最新的曼報 podcast,我覺得本文標題這句話是關鍵,也引發我對軟體產業本質的思考。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News