鐵人檔案
你是否遇到過這些狀況？像是：
💬 工程師：沒有前因後果又畫不完全，設計是要我們通靈嗎？
💬 設計師：為何最後的成品都跟我畫的不同，用起來那麼怪！
因為設計師擅長處理問題、提出解法，關注使用者行為；而工程師們注重功能、結構和效用，確保產品的可用性。我們常因為兩者不同的思考模式而產生摩擦。
本篇想分享在這兩年的複雜後台專案中，前端工程師與 UI/UX 設計師們從不熟悉到相互配合，在一般交付方式不適用之下，一步步逐漸共同討論出的一套合作流程，在專案中提升協作效率的故事！
本系列介紹 單純討論設計流程、開發流程的文章很多，但團隊組成和會遇到的問題百百種！本系列將搭配專案，分享實際狀況中遇到的問題和應對做法。 藉由「使用者導向」的概...
UI/UX 設計師、產品設計師 近十年來，隨著產品開發的發展，和日漸增加對使用者洞察的需求，台灣各家公司的產品開發團隊中開始加入了新角色：UI/UX 設計師，有...
Figma 是誰 Figma 是一套線上設計軟體，具有即時協作的特性，在 COVID 疫情後普遍被採用。 除了設計師能夠用 Figma 產出 UI（介面）外，隨...
你是否遇到過這些狀況 我們常聽到一些設計師和開發吵架的故事，像是：因為設計師擅長處理問題、提出解法，關注使用者行為；而工程師們注重功能、結構和效用，確保產品的可...
專案啟動 這裡的啟動指的是需求進到設計，開始討論前台畫面時。設計師們在此階段會出 Wireframe 草稿（什麼是 Wireframe？請看下一篇），幫助需求對...
補充說明：Wireframe 是什麼 前一篇提到一個概念「Wireframe」（中文稱：線框圖）是一種常見的設計溝通工具。由 UX 設計師產出（若無專業分工，有...
（圖片來源：純靠北工程師47c） 通靈能力是工程師必備的嗎 「通靈」這個萬年長談的議題，不管對「工程師」或「設計師」都是心中的痛。 對於工程師，設計師或 PM...
補充說明：Prototype 是什麼 Prototype（中文稱：原型）是一種 Demo 想法的工具。能夠有效呈現概念和互動，在專案的前、後期使用最為加分。 如...
終於開始要幹正事 確認完所有事情後（需求、功能、邏輯），設計師會陸續交付前端工程師用來切版的 UI Mockup。Figma 能夠直接產出一個分享連結，在 UI...
（圖片來源：DRBARTPM.COM） Mockup 的具象讓人看到更多可能 當然沒那麼簡單定版⋯ 利害關係人們看了 UI Mockup 後，因為近一步推進到實...
