作者整理了一套后臺(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)載。