发布时间：2024-2-18 分类： 行业动态
这一次，我刚刚培训了公司的新同学，并整理了编写交互式文档的想法。我希望能帮助新生。
交互式文档是设计者的输出。首先，需要澄清文档的用户和目标。互动文件的受众主要是下游同事，包括视觉，动画，开发，测试等，以及他们自己和PM;该文件的目标是让下游同事清楚地知道如何设计它们，以便他们在做自己的工作时可以参考;此外，文档还应该让他们理清他们的想法并与PM讨论。
在澄清交互式文档的用户和目标之后，让我们看一下它应包含的内容。具体内容将根据工作需要而有所不同。在这里，我将讨论在编写完整的交互式文档时我将包括的内容。
1.修改记录
更改记录是整个文档的历史记录。它使变更的每个步骤都可追溯，这样每个位置都可以查看每次添加，修改或删除的内容，同时方便同事在移交工作时了解整个文档的历史记录。
一般修改记录需要包括以下内容，文档版本，需求版本，修改内容，修改界面（可以链接到页面），修改原因，修订日期，修改人等。
注意事项：及时更新，确保内容详尽，完整。
2.需求分析
需求分析是设计之前的必要步骤。记录它至少有两个优点，这样您就可以清醒并确保清楚地考虑设计中的问题。在审核时，让每个人都知道推导计划的过程。推动程序并减少差异更容易。
需求分析有很多方法，但进行需求分析的想法是一致的。
首先，应该清楚目标是新产品，新功能设计还是修订或优化。为了实现用户目标和业务目标，不同的产品规模决定了需求分析的数量，不同的目标决定了分析的重点。
开始使用相关信息，包括需求详细信息，竞争产品信息，用户反馈，用户数据等。较小的需求可能不需要太多信息，并且根据不同的项目选择所需的信息。
最后，它是分析。不同的项目使用不同的方法常用方法包括场景分析，经验图，任务分析，用户决策过程分析和完整生命周期分析。这里没有详细描述每种方法的使用，并且提供了两个例子供参考。
注意：
虽然它看起来很小或很清楚，但大多数要求都要进行分析。
不要进行需求分析，让它指导设计。
需求分析也需要迭代。
3.信息架构
信息架构是整个产品的骨架。对于新产品和新功能，我们通常会对信息架构进行梳理，并且相对稳定。除非经过修订，否则不会转向信息架构。信息架构图可以帮助我们在早期阶段整理整个产品的结构，然后根据大型架构进行迭代，同时使信息更易于理解和浏览。
由于信息架构非常重要，我们应该如何理清信息架构？作者提出了几个想法：
结构类型根据产品特性确定。本产品适用于分层结构，自然结构，线性结构或基质结构。最常见的是分层结构，它逐层分解信息，直到用户需要的信息。
类别的组合，分类不同类型的功能并集成类似功能。
根据功能的重要性，业务价值，使用频率等确定功能的优先级并提取重要功能。
构建信息体系结构并考虑可伸缩性。
注意：当有新功能和新方向时，在适当的时间迭代。
4.流程图
流程图是用于梳理任务和操作程序的工具。它可以帮助我们整理过程，避免遗漏，清除过程的主要过程;将过程与页面设计进行比较;向同事解释一项任务是如何完成的。
绘制流程图时需要注意以下几点：
根据流程类型，分离任务流，操作流和内部算法流。不要混合和写，否则这个想法很容易被打乱。
编写任务，不要在大型进程中编写产品的所有进程，因此容易错过，查看不方便，而且进程过大且容易出错。
区分主要和次要流程非必要流程，以便流程清晰。
尽可能简化流程图，多个状态指向可以合并的相同结果。
5.页面地图
页面映射是详细设计的主要内容，包括页面结构，页面映射，注释，页面流程。需要视觉，动态，开发和测试的学生了解设计细节。
1.页面结构
页面结构是整个文档的框架。不同类型的产品具有不同的文档结构，例如信息体系结构，过程类型和不同的角色模型。
2.页面地图
页面映射包括主界面，特殊状态，反馈等。
主界面图需要指出：
布局关系
内容主要和次要
功能
操作
… ..
特殊状态包括:
中间状态
网络问题
负载
空状态
不可用
… ..
反馈包括：
吐司
页面反馈
弹出窗口
… ..
3.备注
接口说明
操作说明
视觉效果和动作要求的描述
提供外部信息的备注
需求状态描述
… ..
4.页面流程
为了便于描述，该过程中的页面可以由页面流表示，并且页面的跳转关系是串联连接的。
注意：
可以使用没有文字的图形
尝试尽可能简单
有小学和中学
6.公开定义的过时页面
公共定义是单独编写的，易于维护，不需要为每个接口进行修改。丢弃的页面分别取出以便于追溯，让下游同事知道这些变化。
总结
编写文档的过程也是一个设计思维过程。一方面，有必要确保设计思想没有问题，另一方面，要使文档具有高可读性，以上是对作者的一点总结。
作者：简，1年互动设计师，欢迎改善沟通。
本文最初由@Jane发布。未经许可，禁止复制。
该地图来自PEXELS，基于CC0协议
