◆ 從畫面出發沒有錯，錯在只看得到畫面
在軟體開發的世界裡，大多數的產品，都是從「畫面」開始長出來的。
老闆要看畫面、客戶要看畫面、使用者的感受，最後也都回到畫面。
所以我們習慣先打開 Figma、Axure，拉出首頁、列表、詳情頁，
讓大家有個「看得見」的東西可以討論。
到這裡都沒有問題。
問題出在，
很多 PM 從頭到尾，都只停留在「畫面」這一層。
畫面長得漂亮、排版看起來也順，
結果一丟給工程師，對方只問你一句：
「這個好複雜…」
那一瞬間，你才發現，
自己其實只是在做「裝潢提案」，
而不是在設計一個「真的可以住人」的房子。
◆ 一面牆不只是牆，背後全是看不見的學問
想像你現在不是在做系統，而是在蓋房子。
客戶指著平面圖說：「這裡幫我再隔一間房，順便開一扇窗。」
如果你只會畫圖，你可能會很開心地幫他加一條牆、畫一個窗戶。
但如果你真的懂結構，你腦袋裡會同時跳出一堆問題：
這是不是承重牆？
裡面有沒有管線、配電？
隔音會不會變差？
消防動線會不會被卡住？在軟體裡也是一樣。
使用者（住戶）只看得到裝潢（UI）。
工程師（施工隊）看的是管線與結構（系統）。
PM（建築師）必須「看著裝潢，腦中想著結構」。畫一個輸入框，看起來只是「這裡可以打字」。
但如果你有系統架構的概念，
你會知道背後牽扯到：資料型態、長度限制、驗證規則、錯誤訊息要怎麼回。
畫一個切換開關，看起來只是「打開/關閉」而已。
但工程師看到的，可能是：
多個服務要不要一起同步、
資料要不要寫回資料庫、
快取要不要清、
舊資料要不要備份。
你越覺得「這個很簡單」，
通常代表你越不了解牠背後的複雜度。
◆ 從 UI 出發，但不能停在 UI
很多 PM 的成長路徑，都是從 UI 開始的：
一開始跟設計師學排版、學怎麼畫流程、學怎麼做原型，
慢慢知道什麼叫 wireframe、什麼叫 user flow。
剛開始這樣很好，因為你需要一個「可以跟別人溝通」的媒介。
但如果你一直停留在這裡，很容易遇到兩種狀況：
畫面改到第三版，系統還是做不順；
每次改一個小地方，工程師都跟你說「這要改底層」。
這時候，你可能會以為是工程師太敏感、太誇張。
但更多的時候，是因為
你畫的東西，沒有考慮到系統的骨架與結構。
同一個功能，如果你有系統思維，
畫出來的 wireframe 會長得不太一樣：
你不會讓一個欄位同時擁有三種意義；
不會把「一個輸入框」的資料要做「不同的事情」；
不會在一個流程裡，期望用各種狀態來控制按鈕的功能。
表面上看起來，只是「畫面乾不乾淨」的差別，
但實際上，是「系統穩不穩」的差異。
◆ 溝通用裝潢，思考靠結構：PM 必須有兩套思維模式
身為 PM，很殘酷的一點是：
你不能只活在其中一個世界。
對外，你要跟老闆、客戶、使用者溝通。
這時候，你得拿出畫面，講的是「看得懂的語言」：
這裡可以查詢、這裡可以操作、這邊是報表、那邊是設定。
對內，你要跟工程師、設計師、QA 協作。
這時候，你不能只講「感覺」，你要講的是：
這個狀態從哪裡來、資料要怎麼走、
出錯怎麼處理、效能會有什麼影響、瓶頸在哪？
也就是說：
對使用者，你可以一起談「裝潢」；
對團隊，你要回到「鋼筋、水泥、管線」。
真正成熟的 PM，不是只會畫出一張讓大家「看得很爽」的畫面，
而是能在畫面的背後，
替團隊多想幾層：
這一頁的資料從哪裡來？
會不會打到別的服務？
寫入的時候，有沒有可能卡住？
之後要不要擴充？會不會很痛？當你開始習慣在畫面背後想這些事情，
你就不再只是畫 UI 的人，
你是在設計一個真的可以長期運作的系統。
◆ 這一系列想說的，其實只有一句話
嗨，我是廣三。
在軟體開發裡繞了二十年，
這一系列從實體、場景、泳道圖、循序圖、資料流、資料庫、wireframe，
繞了一大圈，聽起來好像講了很多工具、很多圖。
但如果要用一句話總結，大概會是這樣：
PM 的價值，不在於你畫了幾張圖， 而在於…
你能不能「看著裝潢，想著鋼筋」。
畫面很重要，但只是起點。
真正決定專案會不會一直爆、系統會不會一直改不完的，
從來不是 UI 多漂亮，
而是背後那一層你看不到、卻一直在運作的：
系統架構、資料設計、狀態切換、錯誤處理、
以及你願不願意多想半步的那一個「為什麼」。
當你還只看得見畫面，你就會一直在補洞。
當你開始看得見結構，才有辦法真的設計。
畫面會換風格、技術會換世代、工具會一直更新，
但只要你腦中那套「看著裝潢，想著鋼筋」的系統思維在，
你就不會被這些變化牽著走。
因為那時候，你已經不是在「看著畫面跑專案」，
而是用「系統的眼睛看世界」。
你看得見別人看不見的架構，
也守得住別人守不住的底線。
這，才是 PM 的破局未來。
若你在PM這條路上感到迷茫，
或想更清楚了解自己的能力與定位，
歡迎試試這份《PM產品／專案雙軌分析報告》。
它不為了定義你，而是幫助你更看清自己。
歡迎關注：
官網：https://unityprosper.com/
部落格：https://hero-mi.com/
FB：https://www.facebook.com/DigiPRDCoachHeroMi
LINE OA：@hero-mi
《歡迎加我LINE，一起破局未來》
探索更多來自 AI時代|PM破局未來 的內容
訂閱即可透過電子郵件收到最新文章。
留言