经验总结:如何写出一份专业的交互设计文档?(三)
上篇文章
给大家分享了交互设计文档前四个部分的内容,下面就来看看第五个板块的内容。
5. 业务流程图/功能流程图
业务流程图,用于说明整个业务逻辑流向;功能流程图,用于确定产品功能设计逻辑。
6. 需求列表
用来整理本次需要做的需求进行相关描述,是做哪个端口的哪个页面及做完之后可能存在的相关影响。
7. 全局通用说明
交互设计师在输出交互文档的过程中,或多或少会存在的一些通用页面、组件或说明等。如果每次都将这些组件在原型上面展示出来,不仅给交互文档带来冗余,还会增加交互和视觉的工作量以及理解的成本,因此对于一些产品的通用公共控件我都会放在这个目录下。
1)界面复用
顾名思义就是全局可复用的一些内页,比如分享页、缺省页、搜索页、相册等。
2)常用组件/控件的复用
常用的控件比如按钮、列表框、导航栏、标签栏以及一些网络异常界面、空白页、对话框的文案规范说明、加载方式等。
3)单位
规范产品中涉及到的所有单位,例如里程用“公里”,时间用“2021年01月14日或2021-01-14”的形式,金额用“元”或“¥”等等。以时间单位为例:
4)字符控制
每个项目不同,需要限制的字符名称也不同,根据实际情况而定。
接下来就是非功能性需求,这部分包含的内容比较多,下篇文章继续给大家详细介绍。
以上就是“经验总结:如何写出一份专业的交互设计文档?(三)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。
5. 业务流程图/功能流程图
业务流程图,用于说明整个业务逻辑流向;功能流程图,用于确定产品功能设计逻辑。

用来整理本次需要做的需求进行相关描述,是做哪个端口的哪个页面及做完之后可能存在的相关影响。

交互设计师在输出交互文档的过程中,或多或少会存在的一些通用页面、组件或说明等。如果每次都将这些组件在原型上面展示出来,不仅给交互文档带来冗余,还会增加交互和视觉的工作量以及理解的成本,因此对于一些产品的通用公共控件我都会放在这个目录下。
1)界面复用
顾名思义就是全局可复用的一些内页,比如分享页、缺省页、搜索页、相册等。

常用的控件比如按钮、列表框、导航栏、标签栏以及一些网络异常界面、空白页、对话框的文案规范说明、加载方式等。
规范产品中涉及到的所有单位,例如里程用“公里”,时间用“2021年01月14日或2021-01-14”的形式,金额用“元”或“¥”等等。以时间单位为例:
每个项目不同,需要限制的字符名称也不同,根据实际情况而定。
以上就是“经验总结:如何写出一份专业的交互设计文档?(三)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。