用原型寫需求文檔-后臺(tái)系統(tǒng)篇

Joe
45 評(píng)論 122502 瀏覽 888 收藏 5 分鐘

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

后臺(tái)系統(tǒng)的原型模板早在做APP模板前就已經(jīng)使用了很長(zhǎng)一段時(shí)間。

后臺(tái)原型不需要也不適合太多特殊的交互設(shè)計(jì),大部分頁(yè)面無(wú)非列表、表單、查看頁(yè)中的一種,其實(shí)更適合使用模板元件來(lái)節(jié)省工作量。

個(gè)人經(jīng)驗(yàn),靈活使用這套模板和元件,起碼可以節(jié)省50%以上的工作量。

基本思路和文檔結(jié)構(gòu)

相比于注重交互體驗(yàn)的前端需求,后臺(tái)需求更注重業(yè)務(wù)邏輯、系統(tǒng)架構(gòu)的設(shè)計(jì),因此后臺(tái)需求中把需求說(shuō)明作為第一個(gè)章節(jié),同時(shí)刪除了交互說(shuō)明章節(jié)。

后臺(tái)系統(tǒng)實(shí)現(xiàn)上,很少會(huì)專門進(jìn)行UI設(shè)計(jì),一般是沿用現(xiàn)成的后臺(tái)框架來(lái)實(shí)現(xiàn),建議原型盡量用黑白灰來(lái)表現(xiàn),并且如非特殊需要,不要去設(shè)計(jì)特殊的交互效果,減少實(shí)施時(shí)的額外開銷。

文檔長(zhǎng)這樣

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

需求說(shuō)明

需求說(shuō)明部分取代傳統(tǒng)的PRD文檔的作用,按需闡述項(xiàng)目背景、需求范圍等內(nèi)容。

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

修訂記錄

包括文檔修訂記錄和項(xiàng)目版本記錄。

原型模板說(shuō)明

后臺(tái)原型框架采用常見的后臺(tái)框架,上方為系統(tǒng)標(biāo)題和登錄信息,左側(cè)為菜單欄。

考慮到易用性,菜單層級(jí)固定為兩級(jí),上方預(yù)留了一個(gè)多后臺(tái)系統(tǒng)之間的調(diào)整入口,也可作為頂級(jí)菜單使用。

一般來(lái)說(shuō),后臺(tái)很多操作頁(yè)面樣式都很相似,為了減少誤操作的可能,所有頁(yè)面頂部為面包屑頁(yè)面路徑顯示,提醒用戶當(dāng)前所在頁(yè)面。

原型-列表頁(yè)

列表頁(yè)區(qū)域分別為篩選欄、操作欄、列表、分頁(yè)條。

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

原型-表單頁(yè)

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

原型-查看頁(yè)

原型-常用組件

常用組件頁(yè)面,把前面三個(gè)頁(yè)面沒(méi)有涉及的一些其他的后臺(tái)常用組件匯集顯示,方便使用。

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

【20180131】原來(lái)的下載分享被度娘和諧了。

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

 

本文由 @Joe 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 大佬 求原型文件~

    來(lái)自江蘇 回復(fù)
  2. 元件庫(kù)好評(píng)啊,多謝多謝

    來(lái)自貴州 回復(fù)
  3. 超帥氣,感謝分享!

    來(lái)自福建 回復(fù)
  4. 感謝分享,元件棒棒噠

    來(lái)自江蘇 回復(fù)
  5. 元件庫(kù)無(wú)法導(dǎo)入啊啊啊啊 顯示無(wú)效文件。

    來(lái)自廣東 回復(fù)
    1. 親測(cè)可用啊~~~看看你的Axure版本是不是8,要不就是文件在下載的時(shí)候損壞了吧~~~

      來(lái)自廣東 回復(fù)