原型說明咋寫-標簽頁
開發吐槽原型說明不清晰,領導催促原型要快細節再說,真是夾縫中生存的產品。今天教大家一個方法,既快又全。
對原型規范&說明模板不明白朋友,可查看:如何解決原型說明寫不全?
本期組件:標簽頁
組件概述:提供在頁面內將大塊平級內容進行收納和展現,保持界面整潔。還有一種框架級“標簽頁”不在本次組件所涉及范圍內,會在“頁面框架”板塊單獨說明。
一、約定基礎樣式??
本節主要與研發約定默認實現內容,通過規范文檔維護。
1.1. 樣式
1、標簽需固定字邊距,并隨著文字寬度增減標簽寬度
2、標簽有鼠標懸停、選中樣式
3、標簽布局有橫向、縱向布局
4、標簽頁內裝載內容通常為列表、數據詳情、表單
1.2. 異常????
1、標簽數量超出:標簽欄支持左右鼓搗弄
2、內容為空:有為空樣式
3、載入錯誤:有錯誤樣式,并有按鈕重新載入內容
4、內容超出:則內容區左右上下滾動
二、約定基礎交互
1、載入時,默認顯示第一個標簽頁
2、點擊其他標簽則切換選中;
4、切換標簽時,如無特殊說明,不重置每個標簽頁內容
5、頁面切換效果不做限制
6、組件支持響應式布局
三、約定可控參數
本節主要與研發約定原型中可控制的參數,也通過規范文檔維護。文中會提供示例參數,及參數填寫說明。
1、標簽名稱寫在原型中,若有特殊說明,則加上說明
2、標簽頁內容如果每頁本質上不一樣,建議在單獨提出畫原型
四、輸出說明模板
組件名稱前加個“規范”,便于團隊識別規范組件;模板可直接寫入注釋,并存為Axure/墨刀元件庫。
本期組件無需單獨寫說明,即僅放上組件?????????:
結語
本系列持續更新,喜歡的朋友請點個【關注】或【收藏】,您的鼓勵是我們持續分享的動力。
本文由 @產品工具庫 原創發布于人人都是產品經理。未經許可,禁止轉載
題圖來自Unsplash,基于 CC0 協議
該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。
評論
- 目前還沒評論,等你發揮!