菜单 关闭

线流:工作流和应用程序的U万博官网manbetx下载X交付

通过 页劳布海默12月4日,二千零一十六

总结:线流是线框和流程图的组合。它们可以在动态更改的页面很少时记录工作流和屏幕设计。manbetx官方网站手机版


介绍

在UX领域,万博官网manbetx下载,线框图是显示页面级布局想法的常见可交付结果,而流程图对于记录复杂的工作流和用户任务.然而,尽管这两种可交付成果在用户体验专业人员中保持通用万博官网manbetx下载,在某些情况下,它们是传达设计思想的次优工具,manbetx官方网站手机版尤其是在记录移动设备时,,桌面,或网络应用程序没有很多独特的页面,但是,取而代之的是一些核心页面,它们根据用户交互动态地更改内容(或布局)。在过去的几年里,另一个可交付结果称为线流作为这些问题的解决方案,用于在公共用户任务上下文中manbetx官方网站手机版显示设计。

标准桌面线框
网页的线框传达布局思想,内容,以及网页级设计,用于网站和应用manbetx官方网站手机版程序,这些网站和应用程序很少,主要是静态页面,但在交流高度动态的过程流时并没有那么有用。
简单的UX工作万博官网manbetx下载流流程图
流程图用于描述后端流程和用户任务流(如本例所示)。但是,对于UX万博官网manbetx下载使用,它们缺少页面上下文——这是一个强烈影响用户体验的方面。

作为工作流的可交付结果的线流

定义:线流是一种设计规范格式manbetx官方网站手机版结合线框式页面布局设计的manbetx官方网站手机版以简化的流程图形式表示交互.

移动应用程序线流
这个低保真度WireFlow显示了一个简单的用户任务。使用屏幕设计,manbetx官方网站手机版不是抽象的流程图符号,关注用户将与之交互的产品。为了传达详细的设计规范,可以高保真地创建线流,manbetx官方网站手机版它们与较低保真度的文档一样,在讨论和交流交互设计和用户工作流方面也很有用。manbetx官方网站手机版

在设计移动应用程序的团队中,线流是一种常见的实践,manbetx官方网站手机版其中流程图中的每个步骤都由用于全移动屏幕设计的线框表示。manbetx官方网站手机版由于移动屏幕的尺寸相对较小,实际页面设计(即,manbetx官方网站手机版线框)可以很容易地替换流程图中的抽象符号。然而,线流不仅限于记录移动应用程序和网站,还可以用于桌面产品,通常通过显示屏幕或网页的一部分,根据用户交互进行更改。许多设计manbetx官方网站手机版电子商务购物车和结账页面适合指定为线流。

为什么我们需要新的东西:流程图和线框不能很好地记录复杂的应用程序

通常引入新的规范格式是不好的,因为许多涉众不知道如何解释它。老的通常是熟悉的。然而,我们喜欢线流,因为(1)它们很容易可学习的以前看过线框图和流程图的人,并且(2)线流有足够的优势来克服惯性,否则会倾向于熟悉的格式。

线框是显示布局的好方法,但他们不能很好地描述互动,尤其是在记录具有大量动态内容的数字产品布局方面。例如移动应用程序或网络应用程序.线框在记录网站(或其他数字产品)时最有用,其中有许多是离散的,,相对静态页面或屏幕,点击链接或按钮通常会导航到完全不同的页面.

然而,许多现代的webapps和移动应用程序几乎没有整体页面,但是通过阿贾克斯(或其他技术)基于用户与产品的交互。他们可以从电子商务产品中选择面或过滤器更改页面上显示的产品,到复杂的创意或技术应用,如果总体布局和信息根据与工具的交互而变化很大,模式,以及其他控制参数。在这些情况下,线框无法很好地捕捉各种布局可能性或内容如何更改的规则。此外,典型的线框没有记录重要的反馈在用户与页面交互后,系统向他们显示。(向用户传达其行为已被系统识别的反馈对于良好的用户体验至关重要,是第一个10可用性启发。

流程图,另一方面是一个工具详尽地用多个步骤或路径记录复杂的工作流程和交互,但通常忽略了交互的上下文及其对用户的影响。使用流程图作为记录(和构思)多步骤用户任务中涉及的交互设计和步骤的主要可交付成果,可能会忽略页面上上下文显示的信息以及影响交互成功的信息。manbetx官方网站手机版

线流文档交互

线流的经典用例是记录用户通过产品上的公共任务(例如“向网络中的某人发送直接消息”在社交媒体应用程序上)。在工作流的每个步骤中,一个简单的线框或高保真屏幕模型显示了用户可用的屏幕。

箭头用于指示用户在其中执行操作的特定用户界面组件(如点击按钮,点击链接,等等)并指向另一个线框图像,说明交互的结果。第二个“节点这种交互不需要是单独的页面或屏幕;更确切地说,它可以显示与交互结果相同的页面,如内容发生了变化,或界面作为交互结果显示的反馈(例如,确认弹出窗口,颜色变化,或错误信息)。重要的是箭头清楚地指示可点击的“热点(或目标)导致流程中的下一步,以减少线流中的模糊性。明确指出触发热点对于单页上有多个可操作目标的复杂应用程序尤为重要。

移动应用程序线流
这个简单的线流显示了典型用户任务流的几个移动应用程序线框的序列。在这个例子中,每个线框对应同一个应用程序页面,而不是表示不同的应用程序页面。每个步骤都清楚地指示了连接到任务流中下一步的热点。此外,WireFlow在第二步中显示了视觉反馈的使用(单击的相册更改背景色以注册tap)。

尽管最常用于移动应用程序,线流对于记录桌面应用程序和webapps中的复杂工作流也很有用。因为如果在每个步骤中大多数屏幕设计保持不变,那么为流程中的每个步骤显示全屏幕桌面线框可能会浪费大量空间,manbetx官方网站手机版仅显示屏幕中更改的部分(如对话框,情态动词,每个步骤中的过滤器或面)足以记录相关信息,更改接口的部分,同时提供足够的上下文。

桌面线流
配置程序webapp的一个简化的高保真桌面线流表明,并非每个步骤都必须表示屏幕设计的所有部分。manbetx官方网站手机版由于桌面屏幕设计的尺寸较大,manbetx官方网站手机版如果大部分可见信息不变,则不需要显示每个步骤的整页。使用战术方法显示相关的屏幕设计,manbetx官方网站手机版只能可视化由于用户输入而发生更改的元素。(截图来自www. Primal.com由nn/g制成线流)

虽然Wireflows擅长在应用程序和动态网站上显示任务流,在这些应用程序和动态网站上,每个页面上的内容或布局都会根据用户交互进行更改,它们也适用于记录传统静态网站中的任务流。谨小慎微,然而,关于使用线流记录静态桌面地点,由于每个线框图像的大小都可能大到足以丢失正在记录的过程的上下文。

协作构思的线流

除了作为与项目利益相关者和开发人员沟通的一种有用形式外,线流还可以作为团队成员之间协作的工具。尤其在敏捷环境,能够在跨职能团队之间进行良好的协作和沟通至关重要。
manbetx官方网站手机版设计研讨会能够在跨职能团队中建立认同和共享理解;在这些并行设计manbetx官方网站手机版讲习班,团队成员构思并写下任务流程,然后小组讨论选项,用户体验人员以线万博官网manbetx下载流样式绘制每一步,以可视化潜在选项(并记录团队同意的想法)。

在协作环境中,线流不需要进行视觉抛光;这些类型的讨论通过使用白板或纸和铅笔的素描技术来快速记录想法并专注于交互,从而获得了极大的好处。

可交付成果研讨会线流照片
几个团队成员万博官网manbetx下载用户体验交付研讨会在一个NN/G 万博官网manbetx下载UX会议使用手机便签,标记,以及在设计车间中对线流进行协作的论文。manbetx官方网站手机版这个过程很容易在白板上工作,或者只是用纸和铅笔。

结论

Wireflows是一种新兴的UX交付产品,用于记录万博官网manbetx下载用户工作流和移动和Web应用程序的复杂交互。它们非常适合在应用程序中的一个或几个页面上表示动态变化,对于捕获通过大量链接在一起的相对静态页面的流,效果也不太好。线流还可以作为一种协作和构思技术,用于团队思考用户工作流和任务,并在流程的每个步骤构思屏幕设计。manbetx官方网站手机版

在我们的一整天中了解更多有关线流的信息万博官网manbetx下载用户体验交付研讨会.