页面原型设计有哪些内容?

当前位置:首页 › blog页面原型设计有哪些内容?

1、 首页:包括一级导航,二级导航,搜索、内容区和操作区等。

2、 列表页:具体单据列表页面设计,包括列表查询条件、列表操作、列表表格数据、数据排序、数据翻页、数据字段等。数据操作包括新增、修改、删除、导入、导出和打印等。每项操作会涉及到具体的原型界面(见表单详情页)、业务逻辑、交互逻辑、数据校验和权限控制等。导入和导出数据一般在列表页通过设定导入和导出模板方式完成数据导入和导出。这里要注意导入的时候,会有对数据进行规则和业务逻辑校验。

3、 表单详情页:表单详情页多用于展示具体的内容信息,涉及到页面信息布局、页面操作等信息。新增、修改、查询页一般都会设计为同一页面,通过不同单据状态和权限控制页面的编辑和查询。表单新增时,需考虑以下不限于:界面展示可以更简单,字段可以更少吗?用户靠自己能顺利完成单据填写?怎样才能让用户填写更少信息?什么场景下使用单据?单据的新增、编辑和查询状态,用户关心的问题和需要完成任务都不相同。新增时,多数要准确,快速录入信息;编辑时,要对有权限改动的数据改动;查询时,不同角色,不同权限和不同场景下用户关心的信息和处理的任务不同。

4、 帮助信息:产品的帮助信息包括提示,模态弹框,操作指引和帮助中心等。提示:主要是提示用户当前操作的信息提示,一般带有说明文字的“气泡”,包括保存,修改成功,提示语,警告等信息;模态弹框:用于阻断用户主流程,经过用户确认后,再返回主流程或直接退出主流程。包括确认弹框等信息;操作指引:在特定场景下,系统对用户接下来的操作进行的指引,常见的有新手引导、新上线功能引导等;帮助中心:一般会包括用户手册、视频教程、常见问题和问题反馈路径等相关内容,帮助用户在遇到问题时,能够查阅相关手册自行解决。

 

原型设计的内容远不止上面列举的类型,这里旨在帮助大家有一个全面的认识,原型设计是一项必备的技能,根据业务场景设计的内容也会不同,具体设计技能,可参考相关原型设计书籍或视频学习。

 

APICloud团队倾情打造的一站式在线设计平台——码前https://www.devbefore.com​),帮助您一站式完成编码前所有设计工作,需求梳理+原型设计+ui设计一个人统统搞定。必须要强调:码前免费使用,是互联网产品人提升工作效率的神器,海量需求模板库覆盖各个行业,一键生成产品需求导图,可根据需求在线编辑;需求导图一键生成产品原型,再也不用为设计原型图而苦恼;在线ui设计,支持Sketch导入,一键切图和标注。码前可提升30%-60%项目开发效率快去免费体验吧