UX答課問：有沒有建議的編號原理與規則？可以光看頁面名稱就清楚層級關係與變化？
今年在商業思維學院開課了一系列從需求訪談、用戶研究到資訊架構、原型設計等等的產品設計課程，在這邊記錄一下學生的提問，以及我的回答。
May 11, 2021
商業思維同學的提問
請問有沒有建議的編號原理與規則？可以光看頁面名稱就能很清楚頁面層級關係、頁面變化關係（例如同一層級的tabbar分頁）或功能模組？
我的回答
哈囉～同學的問題很棒，我提供一下我們設計團隊常用的編號規則給你參考，但是記得規則的制定重點在於取得共識喔！
前提，我們家常用的頁面編碼，主要是四碼，例如 M1.1.2.1
結構就是：首碼＋頁面序號＋分頁 ＋狀態變化
舉個例子：
首碼代表相關的頁面類型，例如會員中心的頁面首碼都用 M
頁面序號，判斷點是這個頁面有自己的名字，例如會員中心裡的儲值記錄。
分頁，主要判斷點是 Tab 或 popup 等在原頁面框架下，展示不同內容或功能操作的局部頁面，這邊要注意的是，如果某個子流程會在多個不同頁面被呼叫，就應該要有獨立的頁面編碼。
狀態變化，這個就是常見的 ＵＩ的五種狀態的變化，另外也包括防呆檢查的操作變化等等。
說完了基本架構，我們一般會在 Sitemap 層級先定義「首碼＋頁面序號」，作為基本數頁面與確認工作範圍用途。
進入 wireframe 階段，第一優先是制定頁面框架的原則，所以會定案「首碼＋頁面序號＋分頁」的架構，然後會跟 ＵＩ一起確認更多細節的介面文字以及狀態變化的處理方案。
最後前端工程師以及 ＵＩ設計師，都會依據完整的編號檢查工作進度。
以上提供同學作參考，記得在服用之前，都要先跟團隊成員取得工作上的共識喔！
訂閱 Soking 舉辦的 UX 教學活動：
如果你希望獲得 Soking 的課程以及 UX 講座訊息，歡迎留下你的 Email，訂閱最新的 UX 活動通知：https://subscribe.soking.cc/
查看獸群之心的UX文章目錄
