4月 22nd, 2021

线框图和流程图往往是用户体验(UX)设计师在施展魔法时首先使用的东西。设计网页的时候,线框图用来传达网页的基本布局,明确划分什么东西去哪里。流程图在描述用户任务流和后端流程方面非常有用,描绘了网页根据用户输入的详细路径。然而,设计移动应用时,事情变得有点复杂。移动应用通常不像普通网站那样有很多页面。相反,它们只有几个内容会随用户的操作而动态变化的核心页面。因此,设计app页面时,需要能够结合常见的用户任务来展示页面设计。接下来由韩国服务器来告诉你Wireflows的操作流程!

1、一个基本的线框。

线框图和流程图的组合——可以将屏幕设计和工作流程一起记录下来,并与页面上动态变化的用户交互相关联。推荐阅读:《如何使用移动优先设计来开发和测试网站?》

2、描绘了简单的用户任务的wireflow

如今,引入一个新的可交付成果确实很难,因为它往往会让利益相关者感到困惑,并在最初引起歧义。但经过最初的讨论,利益相关者也能清楚地看到使用wireflow的好处。以下是使用wireflow代替流程图和线框图的两个主要优势:

3、wireflow能更清晰地映射用户旅程

为了解释这点,考虑一个常见的用户交互,比如将产品添加到购物车并进行购买,线框图将分别描述不同页面的外观。产品页面会有一个线框,购物车页面会有另一个线框,地址、付款和结账页面会有各自的线框。当然,好的设计师会按时间顺序展示这些线框,但用户的旅程往往比这更复杂。用户经常从购物车回到产品页面,并从那里绕道到不同的产品。推荐阅读:《探索WordPress仪表板》

相比之下,wireflow可以很容易地显示出用户每一个操作后的每个阶段会出现的应用屏幕的顺序。通常在一个应用中,屏幕上会发生多个动态变化,而技术上来说,它是同一个应用页面。wireflow可以轻松地描述整个用户交互过程中发生在同一页面上的活动热点和变化。

4、wireflow具有高度的协作性

在如今的数字工作空间中,不同的团队,往往完全位于不同的城市,并在同一个项目中工作。那么,有效的协作变得至关重要,设计师需要高度协作的工具。

结束语:

移动应用毫无意外地颠覆了用户体验设计的规范。即使是看起来如此简单和统一的东西,在更深的层次上往往会变得多样化。不可否认,线框和工作流是UX设计的坚实基础,但像移动应用这样动态的东西,需要一个可以倍增线框和工作流的优势,增强它们的集体力量,并减轻它们的少数缺点的新方案。这就是Wireflows的诞生,也是它们的作用。Wireflows如何改变设计成果,更多详情可去官网进行查看!推荐阅读:《网站如何脱颖而出》

 

TAGS:

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注