回憶小時候，最常遇到的緊張時刻就是公布成績(放榜)，尤其分數被分成甲、乙、丙、丁….等，比得在精準一點還包含甲上、甲下…等，常常在學校榜上常勝軍的我，當然特喜歡...
有些人常常遇到緊張時刻密碼就是打不好，因此常常錯失登入三次失敗的機會，被鎖定帳密光是請IT協助就是一門苦差事，如果有一個幫手能不出錯的幫忙登打帳密，又能守口如瓶...
我們常在說如何節省時間減少重工，Reuse就是一種好方法。我們今天寫的程式，明後天都會寫到同一段，如果是工程師會怎麼做，當然就不要再重寫啦!寫成一個Functi...
積木化的流程圖 承上篇的結論，我們覺得既然要提供前端們開發功能的指引，透過這樣 「視覺化」 的方式，能夠很好的模擬程式模組的架構！ 以下是我們最後的流程圖：（因...
我已經清楚知道旅行要抵達的目的地，也明瞭吸引我前往的原因。從我現在的位置移動到目的地的過程，我要如何一步一步的前進呢？在這路途中，會看到什麼美景？ 會遇到什麼...
我們是這樣藉由 UI Flow 溝通設計 昨天提到將 UI Flow 的作法用於描述局部功能的變化性，今天我們繼續來分享 方法二：專注情境，集中於 UI 的變化...
藉由 Figma 模擬程式模組 前面有提到，我們專案中的欄位間存在許多變化性的互動，和尤其是 「依賴關係」，因應不同時機欄位也可能有 enable &...
為什麼需要流程圖？ 我前面介紹了吃吃記帳的產品發想、人物誌 Persona、使用者故事 User Story，和顧客旅程地圖 Customer Journey...
前端交付前的最後檢查 前面的篇幅大多在講工程師如何與設計師透過 Figma 合作，請設計師們配合產出文件，那 Figma 於工程師們可以有什麼價值呢？ 雖然進入...
在流程圖中迷路 在前面兩篇提到，「透過 User flow 也可以再幫助我們釐清有哪些關鍵 UI 畫面需要產出」，「透過 Logic flow 可以清晰表現前端...
當一般流程圖的畫法不適用 前面幾篇提到，Logic Flow 有一些限制，像是無法面對複雜的程式邏輯，不具影響順序因素，所以比較適合線性、重複步驟，或是逐步進行...
UI Flow 的限制 不過可以注意到，App 產品因為尺寸，也因為有較多頁面、功能切換的效果，很建議用 UI Flow 的方式交付設計。 但 Web 設計因為...
生活實踐家Adam
TC
Lin Xiao-li
orianyang
iThome鐵人賽
看影片追技術