技術 Day12. UX/UI 設計流程之二： Flow Chart (以 Axure RP 實作)

透過 Functional Map 將 User Story 裡抽象的「需求」轉換成「功能」描述之後，是不是就能直接來畫Wireframe 框線稿了嗎？不是不...

技術 [Day21-開發中期] 欄位邏輯 Flow 🎢  藉由 Figma 模擬程式模組積木，定義功能互動及開發！（下）

積木化的流程圖 承上篇的結論，我們覺得既然要提供前端們開發功能的指引，透過這樣 「視覺化」 的方式，能夠很好的模擬程式模組的架構！ 以下是我們最後的流程圖：（因...

技術 [Day14-開發前期] User Flow、User Journey，還是 Logic Flow 🤔？流程圖百百種，哪種才適合？

根據專案目標選擇流程圖 在專案開發的前期階段，流程圖（flowchart）扮演著不可或缺的角色，可以幫助團隊更有效地溝通和協作，確保開發過程的順暢。 不過，不是...

技術 [Day16-開發中期] UI Flow 指引我回家 🌊  設計師的導航工具，工程師的明燈！（上）

在流程圖中迷路 在前面兩篇提到，「透過 User flow 也可以再幫助我們釐清有哪些關鍵 UI 畫面需要產出」，「透過 Logic flow 可以清晰表現前端...

技術 [Day19-開發前期] 欄位邏輯 Flow 🎢  藉由 Figma 模擬程式模組積木，定義功能互動及開發！（上）

當一般流程圖的畫法不適用 前面幾篇提到，Logic Flow 有一些限制，像是無法面對複雜的程式邏輯，不具影響順序因素，所以比較適合線性、重複步驟，或是逐步進行...

技術 [Day20-開發中期] 欄位邏輯 Flow 🎢  藉由 Figma 模擬程式模組積木，定義功能互動及開發！（中）

藉由 Figma 模擬程式模組 前面有提到，我們專案中的欄位間存在許多變化性的互動，和尤其是 「依賴關係」，因應不同時機欄位也可能有 enable &...