文档Lab5-人机交互设计文档

输入“/”快速插入内容

文档Lab5-人机交互设计文档

用户1614

用户5012

2024年4月18日修改

本次Lab的时间：2024.4.18~2024.5.1

作业内容

1.
对系统进行人机交互设计​

2.
完成《人机交互设计文档》​

作业要求

1.
结合课本“第11章 人机交互设计”的内容与现有项目，对系统进行人机交互设计。​

基于提供的模板完成《人机交互设计文档》。可以在本地创建Typora文档编写，导出为PDF；也可以在飞书或语雀等平台创建共享文档，导出为PDF。

请大家在2024.5.1晚23：59之前，由组长提交一份初步的《人机交互设计文档》到张璇助教邮箱“522023320211@smail.nju.edu.cn”，邮件主题和附件名字均命名为“软工Ⅱ_第x组_文档Lab5-人机交互设计文档”（如“软工Ⅱ_第1组_文档Lab5-人机交互设计文档”），助教只检查是否提交与是否完成、不评分。

b.
由于开发时间持续到第14周，且将存在自由发挥的部分，因此大家可以在后续作业过程中随时调整此文档。我们会在最后一次检查中正式批阅《人机交互设计文档》，并评分。​

c.
请大家通过网络搜索、小组讨论综合完成此文档。不需要太纠结于文档标准答案，我们更注重内容的完整性、格式的规范性、文档间的对应程度、文档与代码的对应程度、文档与最终呈现功能的对应程度，且字数相对合理。​

3.
推荐使用drawio工具绘制图表。​

4.
相比后端，《人机交互设计文档》中涉及前端的内容较多，希望组内成员能合理分配任务。​

人机交互设计文档模板

文档作者

主要编写者：

其他编写者：

文档修改历史

1.
设计背景/思路​

代码块

根据实际工作需要，放置一些关于思路整理、灵感来源的文档，比如用户画像、竞品分析报告、商业画布等等。​

2.
业务流程​

代码块

业务流程图，不同于操作流程图和页面流程图，它是产品的整体业务流程，通常用泳道图的形式展示。在本项目中，买家购物由始至终的流程就是它的业务流程。​

3.
页面交互​

3.1 产品结构、信息结构

代码块

以树状图的形式，从两个不同的维度来梳理产品。产品结构图作用是梳理产品功能点，列举产品包含的功能模块，以及各个功能模块下的页面，但不需要罗列页面中的内容。​
信息结构图作用是梳理具体页面显示的信息，将产品各个数据元素罗列出来（只需要罗列动态展示的数据，固定在页面里的信息数据不需要罗列）。​

3.2 操作流程图

代码块

为每个功能模块绘制操作流程图，用于确定产品功能设计逻辑。​

3.3 原型图

代码块

使用墨刀或Axure等工具绘制页面原型图，形成产品模型。​
只需要画使用优惠券进行支付的那个界面或者弹窗。​

4.
全局通用说明​

代码块

整个产品可通用或者复用的元素。

4.1 常用控件

代码块

常用的控件比如按钮、列表框、导航栏、标签栏等。

4.2 复用界面/组件

代码块

全局可复用的一些内页。

4.3 单位规范

代码块

规范产品中出现的时间、金额等的单位格式，比如时间显示为“刚刚”、“m分钟前”、“h小时前”、“昨天hh时:mm分”或“年/月/日 （时：分）”的约定。​

4.4 缺省页汇总

代码块

缺省页一般包括加载失败、加载中、网络中断和无数据的空页面等，可以按照模块整理在一起。​

5.
废纸篓（可选）​

代码块

放置修改时删除的一些页面，避免到最后用回以前的方案时重新再做浪费时间。​

文档Lab5-人机交互设计文档​

文档Lab5-人机交互设计文档