原型說明咋寫-標簽頁

0 評論 1468 瀏覽 9 收藏 4 分鐘

開發吐槽原型說明不清晰,領導催促原型要快細節再說,真是夾縫中生存的產品。今天教大家一個方法,既快又全。

對原型規范&說明模板不明白朋友,可查看:如何解決原型說明寫不全?

本期組件:標簽頁

組件概述:提供在頁面內將大塊平級內容進行收納和展現,保持界面整潔。還有一種框架級“標簽頁”不在本次組件所涉及范圍內,會在“頁面框架”板塊單獨說明。

一、約定基礎樣式??

本節主要與研發約定默認實現內容,通過規范文檔維護。

1.1. 樣式

1、標簽需固定字邊距,并隨著文字寬度增減標簽寬度

2、標簽有鼠標懸停、選中樣式

3、標簽布局有橫向、縱向布局

4、標簽頁內裝載內容通常為列表、數據詳情、表單

1.2. 異常????

1、標簽數量超出:標簽欄支持左右鼓搗弄

2、內容為空:有為空樣式

3、載入錯誤:有錯誤樣式,并有按鈕重新載入內容

4、內容超出:則內容區左右上下滾動

二、約定基礎交互

1、載入時,默認顯示第一個標簽頁

2、點擊其他標簽則切換選中;

4、切換標簽時,如無特殊說明,不重置每個標簽頁內容

5、頁面切換效果不做限制

6、組件支持響應式布局

三、約定可控參數

本節主要與研發約定原型中可控制的參數,也通過規范文檔維護。文中會提供示例參數,及參數填寫說明。

1、標簽名稱寫在原型中,若有特殊說明,則加上說明

2、標簽頁內容如果每頁本質上不一樣,建議在單獨提出畫原型

四、輸出說明模板

組件名稱前加個“規范”,便于團隊識別規范組件;模板可直接寫入注釋,并存為Axure/墨刀元件庫。

本期組件無需單獨寫說明,即僅放上組件?????????:

結語

本系列持續更新,喜歡的朋友請點個【關注】【收藏】,您的鼓勵是我們持續分享的動力。

本文由 @產品工具庫 原創發布于人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基于 CC0 協議

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!