Wireflows是什么？Wireflows如何改变设计成果

和山小霸王

　　线框图和流程图往往是用户体验(UX)设计师在施展魔法时首先使用的东西。设计网页的时候，线框图用来传达网页的基本布局，明确划分什么东西去哪里。流程图在描述用户任务流和后端流程方面非常有用，描绘了网页根据用户输入的详细路径。然而，设计移动应用时，事情变得有点复杂。移动应用通常不像普通网站那样有很多页面。相反，它们只有几个内容会随用户的操作而动态变化的核心页面。因此，设计app页面时，需要能够结合常见的用户任务来展示页面设计。接下来由hostease来告诉你Wireflows的操作流程!
　　1、一个基本的线框。
　　线框图和流程图的组合——可以将屏幕设计和工作流程一起记录下来，并与页面上动态变化的用户交互相关联。
　　尽管线框图和流程图具有永恒的性质，但对于动态移动应用开发来说，它们往往是次优的。Wireflows通过提供两者的混合体有效地填补了这一空白。它们将线框式的页面布局设计与简化的流程图式的交互表示相结合。从本质上来说，Wireflows有效地记录了整体的用户交互。它们使用一系列由箭头连接的线框来展示不同页面的完整视图，同时传达功能。因此，它们为设计师增加了另一个强大的工具。
　　2、描绘了简单的用户任务的wireflow
　　如今，引入一个新的可交付成果确实很难，因为它往往会让利益相关者感到困惑，并在最初引起歧义。但经过最初的讨论，利益相关者也能清楚地看到使用wireflow的好处。以下是使用wireflow代替流程图和线框图的两个主要优势：
　　3、wireflow能更清晰地映射用户旅程
　　为了解释这点，考虑一个常见的用户交互，比如将产品添加到购物车并进行购买，线框图将分别描述不同页面的外观。产品页面会有一个线框，购物车页面会有另一个线框，地址、付款和结账页面会有各自的线框。当然，好的设计师会按时间顺序展示这些线框，但用户的旅程往往比这更复杂。用户经常从购物车回到产品页面，并从那里绕道到不同的产品。流程图将展示用户可能采取的所有行动，以及该行动将导致什么页面。这仍然不能清楚地建立适当的屏幕出现顺序。
　　相比之下，wireflow可以很容易地显示出用户每一个操作后的每个阶段会出现的应用屏幕的顺序。通常在一个应用中，屏幕上会发生多个动态变化，而技术上来说，它是同一个应用页面。wireflow可以轻松地描述整个用户交互过程中发生在同一页面上的活动热点和变化。
　　4、wireflow具有高度的协作性
　　在如今的数字工作空间中，不同的团队，往往完全位于不同的城市，并在同一个项目中工作。那么，有效的协作变得至关重要，设计师需要高度协作的工具。
　　他们需要与开发人员协同工作，并将他们的愿景有效地传达给利益相关者。特别是在一个灵活的环境中，交付物的协作友好性是一笔宝贵的财富。Wireflows在这里迅速领先，因为它们易于传达以及理解。在使用低保真Wireflows的早期阶段，设计师、开发人员和利益相关者都可以通过Wireflows轻松提出编辑建议或讨论方案。由于Wireflows不需要高级的Photoshop和Sketch技能就可以轻松制作，所以它们很容易编辑、适应和调整。可以简单地使用wireflow.co或Visual Paradigm等工具来轻松创建自己的Wireflows。即使是高保真的工作流也更适合协作，因为它能描绘出更全面的路径图，让每个人都能理解愿景，并无缝地贡献他们的想法、意见和反馈。
　　结束语：
　　移动应用毫无意外地颠覆了用户体验设计的规范。即使是看起来如此简单和统一的东西，在更深的层次上往往会变得多样化。不可否认，线框和工作流是UX设计的坚实基础，但像移动应用这样动态的东西，需要一个可以倍增线框和工作流的优势，增强它们的集体力量，并减轻它们的少数缺点的新方案。这就是Wireflows的诞生，也是它们的作用。它们描绘了复杂的交互和同一页面的内容变化，比线框或工作流更好地映射用户旅程。它们也是一种高度协作的可交付成果，允许所有团队成员协同工作，并创造美丽的用户体验。以上就是hostease为您总结的Wireflows是什么?Wireflows如何改变设计成果，更多详情可去官网进行查看!