用原型写需求文档-后台系统篇

后台系统的原型模板早在做APP模板前就已经使用了很长一段时间。

后台原型不需要也不适合太多特殊的交互设计,大部分页面无非列表、表单、查看页中的一种,其实更适合使用模板元件来节省工作量。

个人经验,灵活使用这套模板和元件,起码可以节省50%以上的工作量。

基本思路和文档结构

相比于注重交互体验的前端需求,后台需求更注重业务逻辑、系统架构的设计,因此后台需求中把需求说明作为第一个章节,同时删除了交互说明章节。

后台系统实现上,很少会专门进行UI设计,一般是沿用现成的后台框架来实现,建议原型尽量用黑白灰来表现,并且如非特殊需要,不要去设计特殊的交互效果,减少实施时的额外开销。


文档章节结构


文档长这样

需求说明和修订记录的页面和APP篇的相同,这里就不再说明了。

(APP篇地址:http://www.jianshu.com/p/ecd1fa5ff976

需求说明


原型模板说明

后台原型框架采用常见的后台框架,上方为系统标题和登录信息,左侧为菜单栏。

考虑到易用性,菜单层级固定为两级,上方预留了一个多后台系统之间的调整入口,也可作为顶级菜单使用。

一般来说,后台很多操作页面样式都很相似,为了减少误操作的可能,所有页面顶部为面包屑页面路径显示,提醒用户当前所在页面。

原型-列表页

列表页区域分别为筛选栏、操作栏、列表、分页条。

操作栏主要放置批量操作按钮或者新增按钮等非针对已有记录的操作功能入口。已有记录的单次操作入口放在对应记录右侧.

列表页

原型-表单页

表单页模板提供了常用的表单元件,应该可以符合大部分的需要。详见原型。


原型-查看页



原型-常用组件

常用组件页面,把前面三个页面没有涉及的一些其他的后台常用组件汇集显示,方便使用。

也可以下载配套的元件库(见文章最后)使用。

其他常用组件


到这里下载

原型模板文件

链接:http://pan.baidu.com/s/1qX9wIfy 密码:m512

相关元件库

链接:http://pan.baidu.com/s/1hstEmFi 密码:5zks

-------------------------------------------------------

2019-1-7 

很久没上简书了,没注意分享链接失效了,请用下面的下载吧

链接:https://pan.baidu.com/s/1svt9-f5QDi_ll-4mOydU_Q 

提取码:ndo9

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,292评论 25 708
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,241评论 4 61
  • 中午跟一个老朋友吃饭,也是我的一个贵人。创业后,庆幸因此认识,并帮助了我很多,让我少走了很多弯路。 我们一路聊起来...
    逄格亮阅读 159评论 1 0
  • 昨天跟久未谋面的周小亚看了一场电影,因为还剩4张电影票,约定今天看完后去传媒大学有名的西门去看看,正好她也回在那里...
    天外来客人阅读 209评论 0 0