手机网站
手机网站
对于任何产品设计来说，施工过程都是一个不可分割的环节它建立了后续的产品框架，是用户体验的基石本文将从定义和方法入手，结合实际案例，简单说明流程图的功能和绘制方法。
目前正在制作阅读笔记的原型。业务流程是通过应用程序扫描代码识别图书背面的条形码，然后将图书添加到书架上。添加到书架上的书可以写读书笔记，记录阅读的页数和阅读状态。中间一页的过程很复杂。所以我决定告诉你阅读笔记的页面流程。
01什么是页面流页面流图是显示页面前的流关系-用户通过什么操作和后续操作进入什么页面和页面。页面流程图是业务流程图之后的原型设计之前的工作，是提高原型效率的中间件
用作原型图。在折线图之前，会列出一个大纲。这个大纲就是页面流，它可以帮助你更清楚地理清需求。应该考虑每个页面的焦点以及每个功能的正面和背面。在原型制作之前，应该考虑页面流，并设置轮廓，以免偏离要求。
还帮助产品经理在制作页面流程图后更好地与用户界面、测试和开发进行沟通，这减少了以后制作原型图的许多不必要的修改。
02为什么应该有一个页面流1。原型设计的基本基础一个新的产品经理通常会在收到需求后先画一个原型，但是当你很快画出一个原型并把它投入开发时，你会发现你需要一直改变它，一直改变它，并且有许多逻辑漏洞。为什么会这样？如果你有这样的困惑，你需要思考你的页面进程是否丢失了。
因为我们的产品是一个逐步分解的过程，首先有需求，从需求转换功能，确认功能梳理逻辑，根据业务逻辑反汇编页面流程，最后生成原型效果图，这个时候原型会围绕需求展开，所以页面流程是我们原型设计的基本依据
2。通过页面过程模仿用户操作可以发现体验问题页面过程是原型设计的基础，因此它代表用户的立场，从用户的角度考虑用户操作，以找出过程是否合理。
需要定义用户的需求场景，用户如何使用它，以及在使用它的过程中会出现什么问题。在清楚地思考用户的需求场景之后，思考如何解决这个需求，并通过模拟用户的操作来发现用户体验的问题。这也是我们在设计原型时需要考虑的。因此，页面流可以通过整理和确认用户的需求场景和操作逻辑，更好地改善用户的交互体验。如何绘制
03页面流1。页面流方块中包含什么:表示页面的主要业务，通常是
菱形:异常流或判断逻辑描述，一般是
流向由页面中的提示或弹性层显示:流向分为主流向和辅助流向。代表业务逻辑的
个关键元素:要表达和反映在每个流程中的关键内容
2。绘制页面流程图的工具Axure:对于习惯使用Axure的学生来说，用这个工具绘制页面流程图就足够了，绘制完页面流程图后，他们可以继续绘制原型。使用相同的软件进行切换会更方便
Visio:一种常用的流程图工具。无论什么过程，都很容易处理
。简而言之，页面流程图帮助产品经理理清业务逻辑。只要他们能理清思路，手绘或简单的用PPT连接就能达到
3的目的。阐明业务流程。澄清页面核心功能的主线以前，据说页面流程遵循业务流程，所以在开始页面流程之前，应该先澄清业务流程。什么是业务流程？
如果页面流程是从用户的角度出发，那么业务流程是从产品的角度出发回到从产品角度对业务流程进行分类，如果业务流程画得好，页面流程自然可以清晰地找到页面流程中的方块和菱形。
那你为什么用业务流来绘制页面流？因为页面流程在逻辑上向业务流程添加了对页面核心元素的描述和对下游触发器的描述，也就是说，该流程考虑了用户的实际使用场景和异常流程的处理方法，从而更清楚地显示了用户操作的每个逻辑行。
4。阐明页面中的核心元素和逻辑关系页面流通常不仅包括新页面，还包括一些需要优化的旧页面。如果新页面的功能需要在旧页面上添加一个条目，那么这个条目的核心元素是什么，应该突出显示什么，条目和下一页之间的逻辑关系是什么，如何跳转，以及需要添加什么异常流处理逻辑。通过页面流阐明页面的核心元素是对原型设计的一大改进
只要明确定义了页面的核心元素和下游逻辑关系，原型就基本确定了。此时，不需要过多关注按钮的形状和颜色，只需确认功能逻辑是否满足业务需求。
案例描述
以个人书架的图书收藏服务为例，看一下页面流程图
的具体绘制过程，首先说明添加图书的必要性。用户可以使用应用程序扫描家中书籍背面的书号，识别添加到个人书架的书籍，形成个人隐藏书架。
业务流程如下:
解释业务流程中个人隐藏书架的功能逻辑，然后需要考虑每个功能需要多少页面，每个页面需要包含哪些元素，这些重要元素是否会触发一些异常流程，以及如何触发下游页面
让我们继续看一下个人书架的页面流程图:
在这个页面流程图中，包括以下几个类别:
页面描述，例如页面的名称和核心元素是什么；点击页面后，它将被分成几个逻辑行，每个逻辑过程和跳转例如，4。对于图书信息页面，核心元素分为两部分:显示扫描的图书信息和不符合要求的结果。如果结果符合要求，点击【增加图书】完成；如果结果不符合要求，点击不符合要求进入下一页的逻辑，即不同的元素会触发不同的逻辑；只要你确认你想在每个页面功能中关注什么，它将在原型设计中更加明确。
有些页面可能有相同的最终路径，这也很正常。通过页面流，从用户的角度可以清楚地看到每个点击操作的过程和逻辑，这是产品交互
5的雏形。优化和调整页面顺序整理好业务和功能逻辑后，就可以整理出页面流程。页面流应该遵循尽可能用尽所有相关页面然后减去的方法。
将具有相同功能或元素的页面组合在一起，并可以通过绘制原型草图来优化和调整页面的关键元素。在这个过程中，可能会发现一些页面的元素显示不符合预期的逻辑。此时，它可以被考虑替换，并且它还可以与用户界面通信是否调整。最终呈现的原型符合业务逻辑。
页面流问题绘制页面流的过程将帮助您更全面地思考逻辑，包括正常逻辑和异常逻辑，以及页面之间的跳转逻辑。画画时我们应该注意哪些问题？
1。不要忽略异常过程的处理逻辑，它通常在原型中显示为弹性层或提示。
在某些关键元素上的操作会触发异常过程。以增加个人书架业务的图书信息为例。正常过程是点击添加按钮，完成输入图书信息的添加，进入图书详细信息页面。但是，在输入图书信息的过程中，会出现一些错误提示，要求项目的判断不能为空，专业术语或其他规则的解释也应在设计之初考虑。
2。考虑下游触发点。在页面流的设计中需要考虑下游惩罚点，通常是以按钮或超链接的形式。点击不同状态的按钮将跳转到不同的页面。与每个按钮相对应的下游页面是什么，以及您想要引导用户做什么样的操作都必须考虑。对页面流进行排序将增加您对整体业务逻辑的进一步理解，并形成产品的全球意识这篇文章最初是由@ Flower Roll er发表的。每个人都是产品经理。未经作者许可，禁止复制。
张地图来自Unsplash，基于CC0协议
