人人都是可以套用的高保真原型模版

高保真原型是原型设计中的最高要求, 一个合格的高保真原型,除了要保证流程清晰、逻辑正确、功能覆盖完整之外,还要提现出UI和UE,要制作一个高保真原型,通常要花费大量的时间和精力,有时候甚至需要团队协作才能完成。但是在有些场景下,又不能不制作高保真原型。为了提高大家制作原型的效率,结合本人的项目经验,本人总结和提炼了一套适合于pc端后台管理系统的原型模版,通过这个模版,大家可以快速的扩展出自己的高保真原型。

这个模版包含了pc端网站后台所需要的常用模式,包括框架、表格、列表、表单、弹框、提示、异常和流程等八个部分。

【框架】

框架部分是说的是整体页面的布局,在本模版里面,包含了三种页面布局,上下布局-两级菜单、左右布局-两级菜单和上下布局-三级菜单。两级菜单多用于系统功能比较少的产品,三级菜单多用于功能比较多的产品,各位同学可以根据自己的实际情况,使用这些框架。

【表格】

在pc端的产品里面,使用最多的就是表格。模版里目前面包含了查询表格、统计表格、折叠表格和编辑表格这4中表格,分别适用于简单查询、查询统计、表格折叠显示和表格编辑这些场景。

【列表】

列表也是非常常用的页面模式,根据列表展示内容和展示方式的不同,模板里面目前包含在普通列表和网格列表两种列表。

【表单】

表单主要的功能就是做数据录入,根据录入的内容多少,包括单列录入、多列录入和复杂录入。

【弹框】

弹框主要是指弹出窗口,根据弹窗使用的场景的不同,弹窗包括录入弹窗-多列、录入弹窗-多列和警告弹框。

【提示】

提示主要是在操作过程中,给用户提醒和警告,目前模版包括警告提示、全局提醒通知和气泡确认框。

【异常】

用户在访问产品的时候,可能会出现错误,当出现错误的时候,最好能够给用户展示友好的提示信息,并且能够提供返回的操作。目前模版提供的错误页面包括403、404和500错误。

【流程】

在产品设计的过程中,经常会用到流程,大家一般都是使用visio画流程图,其实axure也是可以画流程图的,模版提供了简单流程和泳道图两种流程图供大家参考和套用。

【总结】

通过上面的框架里面提供的这些元素,产品经理在这个基础上进行扩展和调整,从而快速开发出适合自己的高保真原型图。

发布了14 篇原创文章 · 获赞 3 · 访问量 6812

猜你喜欢

转载自blog.csdn.net/letmeflee112/article/details/104833636