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

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

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

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

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

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

基本思路和文檔結構

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

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

文檔長這樣

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

需求說明

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

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

修訂記錄

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

原型模板說明

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

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

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

原型-列表頁

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

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

原型-表單頁

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

原型-查看頁

原型-常用組件

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

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

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

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

 

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

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 謝謝分享~

    來自北京 回復
    1. 謝謝分享

      來自北京 回復
    2. ??

      來自北京 回復
  2. 謝謝分享~

    來自福建 回復
  3. 感謝分享,請收下我的膝蓋30″

    回復
  4. 多謝樓主分享

    來自廣東 回復
  5. 666,感謝分享

    來自北京 回復
  6. 大大,鏈接失效了,還能在放出來嗎

    來自北京 回復
    1. 這個平臺做的回復太不好了,沒有定位,翻好久看到你的回復。已收到最新的鏈接,感謝

      來自北京 回復
    2. 提取碼錯誤

      來自菲律賓 回復
  7. 對初學者來說,很實用!

    來自四川 回復
  8. 非常感謝分享的這些模型,最近剛設計了后臺管理系統,真是相見恨啊

    來自上海 回復
  9. 您這是用什么軟件寫的需求文檔?

    來自廣東 回復
    1. Axure RP 8

      來自廣東 回復
  10. 原型文件不能用的各位,改一下文件名,把后綴改成rp就可以用了啊 ?? 吐血

    來自湖北 回復
    1. 下載會丟文件后綴? ??
      元件庫后綴是.rplib,原型文件的后綴是.rp。

      來自廣東 回復
  11. 奇怪了。有什么出錯提示嗎?
    我剛剛自己試了一下,下下來是可以打開的,難道8的不同版本也會不兼容,我是8.0.0.3338

    來自廣東 回復
  12. 好人一生平安

    來自重慶 回復
  13. 收藏起來,明天集中學習

    回復
  14. 很不錯,以后套用就行

    來自山西 回復
  15. ?? 樓主今年發財 ??

    來自浙江 回復
  16. 感謝分享 好人一生平安

    來自上海 回復
  17. 還沒下載,但是這種必須贊,感謝提供?。?!

    來自云南 回復
  18. 關于文件打不開的統一回復:
    剛才我自己下載試了一下,文檔是正常的沒有損壞。
    大家打不開的原因可能是軟件版本問題,文檔是用Axure8制作的,7及以下版本是打不開的。
    燃鵝,也沒辦法存為7的格式,只能給大家提供一下輸出的html版本了。多謝各位關注~~
    ——————————————————
    元件庫html文件:http://pan.baidu.com/s/1qXVJqji 密碼:estc
    模板html文件:http://pan.baidu.com/s/1kVn4uWZ 密碼:908l

    來自廣東 回復
  19. 棒棒噠。

    來自湖南 回復
  20. 感謝分享!

    來自廣西 回復
  21. 感謝分享,總結的很好哦 ??

    來自美國 回復
  22. 贊贊?。。】偨Y得很好!但是下載的文檔打不開.

    來自北京 回復
  23. 靈活使用這套模板和元件,起碼可以節省50%以上的工作量 ??

    來自湖南 回復
  24. 看到“靈活使用這套模板和元件,起碼可以節省50%以上的工作量”這句話的時候,就知道這是一篇好文章,深有體會,感謝!

    來自上海 回復
  25. 贊!一體化免去文檔原型來回切換的尷尬

    回復
  26. 原型分享贊一個

    回復
  27. 概括性強,作者的經驗總結,mark一下。

    來自廣東 回復
  28. 后臺我們的做法是,約定一個開源UI,開發直接使用,部分細節再按需調整,這樣比較節省時間和工作量,體驗也不會差。

    來自廣東 回復
    1. 你們目前使用的開源UI分享下唄,謝謝!

      來自北京 回復
    2. amaze-ui或h-ui

      來自廣東 回復
  29. 附件下載下來,打開失敗

    來自北京 回復
    1. 哪個附件打開失???模板還是元件庫。 我都是用Axure8做的。7及以下版本是打不開的

      來自廣東 回復
  30. mark

    回復