这一次，我刚刚培训了公司的新同学，并整理了编写交互式文档的想法。我希望能帮助新生。

交互式文档是设计者的输出。首先，需要澄清文档的用户和目标。互动文件的受众主要是下游同事，包括视觉，动画，开发，测试等，以及他们自己和PM;该文件的目标是让下游同事清楚地知道如何设计它们，以便他们在做自己的工作时可以参考;此外，文档还应该让他们理清他们的想法并与PM讨论。

在澄清交互式文档的用户和目标之后，让我们看一下它应包含的内容。具体内容将根据工作需要而有所不同。在这里，我将讨论在编写完整的交互式文档时我将包括的内容。

1.修改记录

更改记录是整个文档的历史记录。它使变更的每个步骤都可追溯，这样每个位置都可以查看每次添加，修改或删除的内容，同时方便同事在移交工作时了解整个文档的历史记录。

一般修改记录需要包括以下内容，文档版本，需求版本，修改内容，修改界面（可以链接到页面），修改原因，修订日期，修改人等。

注意事项：及时更新，确保内容详尽，完整。

2.需求分析

需求分析是设计之前的必要步骤。记录它至少有两个优点，这样您就可以清醒并确保清楚地考虑设计中的问题。在审核时，让每个人都知道推导计划的过程。推动程序并减少差异更容易。

需求分析有很多方法，但进行需求分析的想法是一致的。

首先，应该清楚目标是新产品，新功能设计还是修订或优化。为了实现用户目标和业务目标，不同的产品规模决定了需求分析的数量，不同的目标决定了分析的重点。

开始使用相关信息，包括需求详细信息，竞争产品信息，用户反馈，用户数据等。较小的需求可能不需要太多信息，并且根据不同的项目选择所需的信息。

最后，它是分析。不同的项目使用不同的方法常用方法包括场景分析，经验图，任务分析，用户决策过程分析和完整生命周期分析。这里没有详细描述每种方法的使用，并且提供了两个例子供参考。

注意：

虽然它看起来很小或很清楚，但大多数要求都要进行分析。

不要进行需求分析，让它指导设计。

需求分析也需要迭代。

3.信息架构

信息架构是整个产品的骨架。对于新产品和新功能，我们通常会对信息架构进行梳理，并且相对稳定。除非经过修订，否则不会转向信息架构。信息架构图可以帮助我们在早期阶段整理整个产品的结构，然后根据大型架构进行迭代，同时使信息更易于理解和浏览。

由于信息架构非常重要，我们应该如何理清信息架构？作者提出了几个想法：

结构类型根据产品特性确定。本产品适用于分层结构，自然结构，线性结构或基质结构。最常见的是分层结构，它逐层分解信息，直到用户需要的信息。

类别的组合，分类不同类型的功能并集成类似功能。

根据功能的重要性，业务价值，使用频率等确定功能的优先级并提取重要功能。

构建信息体系结构并考虑可伸缩性。

注意：当有新功能和新方向时，在适当的时间迭代。

4.流程图

流程图是用于梳理任务和操作程序的工具。它可以帮助我们整理过程，避免遗漏，清除过程的主要过程;将过程与页面设计进行比较;向同事解释一项任务是如何完成的。

绘制流程图时需要注意以下几点：

根据流程类型，分离任务流，操作流和内部算法流。不要混合和写，否则这个想法很容易被打乱。

编写任务，不要在大型​​进程中编写产品的所有进程，因此容易错过，查看不方便，而且进程过大且容易出错。

区分主要和次要流程非必要流程，以便流程清晰。

尽可能简化流程图，多个状态指向可以合并的相同结果。

5.页面地图

页面映射是详细设计的主要内容，包括页面结构，页面映射，注释，页面流程。需要视觉，动态，开发和测试的学生了解设计细节。

1.页面结构

页面结构是整个文档的框架。不同类型的产品具有不同的文档结构，例如信息体系结构，过程类型和不同的角色模型。

2.页面地图

页面映射包括主界面，特殊状态，反馈等。

主界面图需要指出：

布局关系

内容主要和次要

功能

操作

… ..

特殊状态包括:

中间状态

网络问题

负载

空状态

不可用

… ..

反馈包括：

吐司

页面反馈

弹出窗口

… ..

3.备注

接口说明

操作说明

视觉效果和动作要求的描述

提供外部信息的备注

需求状态描述

… ..

4.页面流程

为了便于描述，该过程中的页面可以由页面流表示，并且页面的跳转关系是串联连接的。

注意：

可以使用没有文字的图形

尝试尽可能简单

有小学和中学

6.公开定义的过时页面

公共定义是单独编写的，易于维护，不需要为每个接口进行修改。丢弃的页面分别取出以便于追溯，让下游同事知道这些变化。

总结

编写文档的过程也是一个设计思维过程。一方面，有必要确保设计思想没有问题，另一方面，要使文档具有高可读性，以上是对作者的一点总结。

作者：简，1年互动设计师，欢迎改善沟通。

本文最初由@Jane发布。未经许可，禁止复制。

该地图来自PEXELS，基于CC0协议

« 网络营销怎么能不懂SEO？ Yunke.com SEO帮助公司做SEO营销工作 | 使内容更具互动性。你需要一些小手段 »