『顶级』一个PRD的诞生 | 教新手设计一个顶级表单定制后台PRD( 五 )


哦,下面有个小方块,我点进去看一下”,他都会进到下面这个文档里。
我做原型基本上都是用这些小方块来跳转的,除非是用来给客户演示的原型,否则我很少在页面元素本身做交互。都是把所有跳转的按钮放在小方块里,然后单独摆在页面上。页面是页面,方块是方块。为什么这样?因为迭代的时候太舒服了,我从来不用去寻找动态面板里面的动态面板里面的交互,所有的链接都是平铺出来的,所见即可拖。
有的人就要说了,“Axure不是这样用的,你得做交互!”——我为什么要做交互?
我们不妨深入想一想这个问题,就是我们为什么要屈从Axure设计思维的问题。Axure并不是一个纯粹的原型设计软件。从使用体验上,他要照顾新手,所以搞了很多所见即所得的效果,但是它的这些效果实际上是高不成低不就的。
设计动态交互上,为什么不去画时间轴或者直接用AE呢?几个吭哧吭哧的动画,几个动态面板的特效,就能代表所有浏览器和移动设备的交互效果吗?
从用户群上,他更不是针对产品经理的,而是针对那些要看原型的外行老板们。老板们不会装专用客户端,所以Axure最终输出的是网页,因此它的所有交互事件也都建立在浏览器事件上,同时它还只是浏览器的阉割版,不论是事件的传递、一个前端对象的状态切换,还是页面元素之间的布局关系,全都不如直接写代码来的简单。
例如在iOS开发App时,想要让一个按钮左右离屏幕20pt,自动拉伸,并且悬浮在页面底部100pt处,你只需要填几个数字就行了,而在Axure里你反而要写很多的逻辑才能实现。
就是这样的绕路实现,还被很多人当成技术的炫耀,我觉得跟整天探索“茴”字有几种写法是没有任何区别的。更不用提Axure那种故作高级的态度了,例如把回收站功能和图片压缩选项都取消掉,好像这样显得比较“简洁”。
Axure它只是一个工具,同时很不幸的是,目前,我们基本只有这个工具能用。但这并不影响工具的使用者不是去服务工具,而是让工具服务使用者。
话说回我怎样让Axure服务于我,我们接着看我的原型。
有坚不摧的对象继承链条
如果一个产品上线之后不需要迭代,画原型只需要一个版本就结束工作,那么我接下来说的全都是废话。所以我在下文展示原型图的时候会重点告诉你:为什么对于产品迭代来讲,我需要这样的设计。
接下来就承接上一章的设计套路,为你展现原型里最重要的“数据体”模块的“对象继承链条”。你现在不需要知道这个链条具体的概念,只需要打起精神来,跟着我的7个连环链条走下去,不要中途走神。
链条第7环:数据体
 『顶级』一个PRD的诞生 | 教新手设计一个顶级表单定制后台PRD
文章图片
数据体就是前文提过的,主界面中最主要的一个模块,用来配置一个具体的数据体。还记得数据体在后端逻辑文档里面的规划吗?
没错,数据体就是用来直接装载字段的东西。所以数据体在原型里,除了自身头部信息之外,主要就是用来装载具体的字段了。另外,上图中所有的菜单功能,你如果翻回前面的后端逻辑文档,你会发现我早就已经用“func_”把它们都规划完了。这就是我说的,后端逻辑文档写完之后,你可以听着音乐画原型。
链条第6环:独立字段
 『顶级』一个PRD的诞生 | 教新手设计一个顶级表单定制后台PRD
文章图片
从刚才标注了独立字段的链接,就可以进入独立字段的说明页。回忆一下后端逻辑文档,独立字段是什么?
没错,独立字段是我们提前规划好的,对两种字段的封装,这两种字段分别是“简单字段”和“复合型字段”。所以,必然地,独立字段的具体展示也要分两种情况来介绍给前端程序员了。
你问后端程序员去哪了?
后端程序员看完我的逻辑文档早就开发完了,正在催着前端程序员赶紧联调。如果前端程序员在这一页粗心大意,没有按照我的设计把独立字段的具体展示分成两种,我根本不用去管,后端接口的报错已经用满屏的红色闪现在前端程序员的屏幕上了。


推荐阅读