用原型寫需求文檔-后臺系統篇

Joe
45 評論 122587 瀏覽 889 收藏 5 分鐘

作者整理了一套后臺系統原型模板,與各位PM分享,希望給大家的工作帶來些幫助。

后臺系統的原型模板早在做APP模板前就已經使用了很長一段時間。

后臺原型不需要也不適合太多特殊的交互設計,大部分頁面無非列表、表單、查看頁中的一種,其實更適合使用模板元件來節省工作量。

個人經驗,靈活使用這套模板和元件,起碼可以節省50%以上的工作量。

基本思路和文檔結構

相比于注重交互體驗的前端需求,后臺需求更注重業務邏輯、系統架構的設計,因此后臺需求中把需求說明作為第一個章節,同時刪除了交互說明章節。

后臺系統實現上,很少會專門進行UI設計,一般是沿用現成的后臺框架來實現,建議原型盡量用黑白灰來表現,并且如非特殊需要,不要去設計特殊的交互效果,減少實施時的額外開銷。

文檔長這樣

原型文檔主要有三部分,需求說明、修訂記錄和完整原型本身。

需求說明

需求說明部分取代傳統的PRD文檔的作用,按需闡述項目背景、需求范圍等內容。

最重要的是列出本次需求點列表,并可以配合原型頁面(用快照元件)給予更直觀的說明。

修訂記錄

包括文檔修訂記錄和項目版本記錄。

原型模板說明

后臺原型框架采用常見的后臺框架,上方為系統標題和登錄信息,左側為菜單欄。

考慮到易用性,菜單層級固定為兩級,上方預留了一個多后臺系統之間的調整入口,也可作為頂級菜單使用。

一般來說,后臺很多操作頁面樣式都很相似,為了減少誤操作的可能,所有頁面頂部為面包屑頁面路徑顯示,提醒用戶當前所在頁面。

原型-列表頁

列表頁區域分別為篩選欄、操作欄、列表、分頁條。

操作欄主要放置批量操作按鈕或者新增按鈕等非針對已有記錄的操作功能入口。已有記錄的單次操作入口放在對應記錄右側.

原型-表單頁

表單頁模板提供了常用的表單元件,應該可以符合大部分的需要。詳見原型。

原型-查看頁

原型-常用組件

常用組件頁面,把前面三個頁面沒有涉及的一些其他的后臺常用組件匯集顯示,方便使用。

也可以下載配套的元件庫(見文章最后)使用。

【20180131】原來的下載分享被度娘和諧了。

新下載鏈接: https://pan.baidu.com/s/1eTgLyQQ 密碼: tybz

 

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

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 大佬 求原型文件~

    來自江蘇 回復
  2. 元件庫好評啊,多謝多謝

    來自貴州 回復
  3. 超帥氣,感謝分享!

    來自福建 回復
  4. 感謝分享,元件棒棒噠

    來自江蘇 回復
  5. 元件庫無法導入啊啊啊啊 顯示無效文件。

    來自廣東 回復
    1. 親測可用啊~~~看看你的Axure版本是不是8,要不就是文件在下載的時候損壞了吧~~~

      來自廣東 回復