用户体验线框和用户体验研究之间的关系

photo of a book containing various wireframe designs

用户体验线框和用户体验研究之间的关系

在这篇文章中,我们将研究这些问题。

  • 什么是用户体验线框?
  • 它们在设计过程中是如何使用的?
  • 什么可以取代它们?
  • 他们是如何受益的 用户体验研究?

当我们考虑网站设计时,我们大多数人首先想到的是品牌和品牌风格,它在页面加载时抛出的颜色和功能,以及这对推动我们在实现我们需要的旅程中是多么诱人。

在那一页醒目的图片、巧妙的文案和呼呼作响的铃声和口哨成为活生生的一页代码之前,还有许多程序和做法需要让每个团队达到一个可以把品牌和交付放在一起的阶段。

每个设计过程都是从考虑利益相关者需要从他们的访问者那里得到什么以及他们需要从利益相关者那里得到什么开始的。推动每一个目标的实现的讨论都是通过深入的研究、想法、演示和原型来帮助他们前进的。

UX--用户体验--是用户在你的网站过程中的愉快的互动和交易。我们的目标是提供一种用户体验,鼓励他们快速、有效、毫不费力地完成、回来和推荐。

线框是一个有价值的工具,用于每个设计旅程的第一阶段和后续讨论。

什么是用户体验线框?

线框网页设计是对你的网站最简单的表述,通常在早期阶段。

线框图帮助我们想象客户的旅程对用户来说是什么样子的,决定哪些元素是重要的,它们应该在页面的什么位置,以及如何将用户推向实现其目标的下一个阶段。

用户体验线框指导沟通、组织和工作流程。它使设计师和研究人员专注于概念、其用户和功能,并能快速和容易地交付或应用于工作流程的变化。

在设计、研究和工作流程结合在一起的任何阶段,效率对于时间尺度和最后期限是最重要的。因此,你需要一个工具,可以重新规划你最近审议的想法,而不必为了推进几个简单的步骤而回到设计师或演示团队。

如果一支笔和一张纸可以迅速完成同样的工作,为什么还要等上几天或几周呢?

用户体验线框设计的3个层次

  1. 低保真线框设计
  2. 中期保真线框设计
  3. 高保真线框设计

根据你在这个过程中的位置和你已经进行的研究,线框网页设计可以看起来像粗糙的草图一样简单和邋遢(低保真).

他们将进步到更有组织的(和更常见的)专业介绍的选项,使用的软件提供更智能,甚至更容易想象的布局和工作流程(中保真).

在这堆东西的顶端,线框的特点是像素完美的布局(高保真)的专业页面,离你下一阶段的原型版本只有几个步骤。

对于第一次会议,笔和纸通常就足以让球滚动。

通过额外的研究、进一步的思考和审议,一些更有组织的东西可以帮助每个团队考虑哪些元素是有效的,哪些是无效的,并为如何进行提供一个更好、更有条理的计划。

最后,这些高保真演示提供了一个有希望的、固定的版本,设计师、测试对象和利益相关者可以在进入下一个阶段之前进行调整。这些是让每个人都保持一致的线框图--它们是构建流程的下一个阶段的蓝图。

为什么使用用户体验线框?

线框可以帮助设计师决定每个平台需要哪些内容、信息和功能,它可以和应该如何结构化,层次结构如何运作,以及这对用户行为和期望意味着什么。

你的平台能满足用户的需求吗?一个用户体验线框应该能够提供以下优势。

  • 创建、修改、删除或返工都很迅速和容易
  • 帮助参与设计过程的团队、利益相关者和操作人员了解每个机会,保持专注,并保持在同一起跑线。
  • 在不使用复杂的描述或设计术语的情况下,定义和介绍特征和操作
  • 早期阶段的人工测试,不需要选择时间和技术专家的饥饿选项
  • 利益相关者可以考虑产品或平台是否符合要求
  • 确定页面、屏幕和行动之间的逻辑流程
  • 检测客户旅程中的差距并了解客户旅程

用户体验线框 - 讨论从这里开始

在哪里,如何,为什么? 这些是你应该对你的网站的每个元素提出的问题。

你的答案定义了你的网站、应用程序或其他数字平台的用户体验和用户界面,因此每个用户体验或用户界面线框都能帮助你、你的用户和合作伙伴在一个确定的结构中更清楚地看到大局。

线框测试的缺点

  • 它们是静态的,所以按照今天的标准,它们不是最好的测试方法。它们对辩论和讨论很有帮助,但对揭示实际反应和用户的启示却不是那么好。
  • 对于展示动画、转场和效果对用户注意力和反应的影响来说,这是一个糟糕的选择。没有像其他设计研究工具所揭示的那样考虑用户对图像的情感的设施。
  • 线框图需要想象力。设计师会有这种丰富的想象力,然而你不能保证你的客户和测试用户会有同样深度的视觉。
  • 需要时间来创造每个人都能理解的交付。获得 各方 当涉及到说服他们时,可能需要几个回合的时间。卓越的技术或做法可以让他们更快达到目的。
website

如何创建一个用户体验线框

  • 保持简单。
  • 丢掉所有的颜色;它只会让人分心--坚持使用黑、白和灰色。
  • 不要使用照片、装饰性字体或品牌(这些都是以后才有的)。
  • 使用最简单的符号、占位符和我们习惯于在类似页面上看到的元素的表示方法。

你应该能够把每一个新的、有价值的建议、替代方案或要求的大修都剥离出来,涂抹在上面,并重现每一个元素。毕竟,这个过程的目的是为了快速而轻松地追求各种可能性和机会。

不要对你的线框图太在意。他们的工作是被删除和容易被替换,这就是为什么我们要保持他们的简单。如果一条路线不成功,就放弃它,然后再制定下一条可能的路线。

用户体验线框图是关于反馈的。哪些是有效的,哪些是无效的,哪些可以使你的访客的一切都好十倍,在他们的旅程中更快地实现他们的目标,并且更快乐。

坚持画简单的草图和使用专业的线框工具哪个更好?

两者皆可。这取决于你的系统,你在过程中的位置,以及你手头的设施。

不同的团队会有不同的流程,有不同的计划和技能;我们都应该发挥自己的优势,所以希望你的设计师能和他们的设计师保持一致。一切都是为了完成工作,用他们知道的最好的方式,尽可能的简单和直接。大多数人开始时都很简单,随着元素和过程变得更加具体,保真度也在不断提高。

用户体验研究遇到用户体验线框

在重新设计一个过时或失败的平台或创造新的东西时,你的 用户体验研究 定义了你的用户的数据和驱动器。

每一个线框的机会都有助于发现替代的和可取的工作流程选择。在下一个阶段。 原型设计 揭示了用户的感受,最后,一切都在设计阶段汇集在一起,显示了它作为一个成品应该如何工作。

我们在哪里应用用户研究?

当涉及到研究和线框时,与从空白页面开始的项目一样,同样的基本步骤是必要的。不同的是,我们将我们的研究数据应用于。

  • 组织工作流程
  • 评估顺序
  • 指派功能
  • 为用户的最佳体验提供一个理想的布局

在这些第一步中使用确定的研究提供了一个有教育意义的平台,为整个工作流程和任何较小的部分提供准确的假设。

访谈、焦点小组、调查和研究可以在每个项目开始时提供工具性的和推动工作流程的数据。

我们从这样的研究中能学到什么?

用户体验研究揭示了每个应用程序的目标、可能的痛点、典型的行为、需求和愿望。研究现有的竞争对手或以前的工作流程可以突出过去操作的关键挑战和成功,提供关于如何把事情做得更好的讨论。

在线框中描绘出工作流程和顺序,提供了一个更容易理解的视觉旅程,同时也定义了实现任何特定目标所需的步骤数量。

我们应该如何应用这些发现?

每个改进后的系统的增强功能需要包括所有有价值的元素,并去除不必要的部分。通过检查工作流程,结合用户的需求和反应,我们可以提供每一个新鲜的布局,升级的用户体验。

原型设计工具会取代用户体验研究中的用户体验和UI线框吗?

每个线框都是你的用户体验设计的一个骨架,在这一点上。它的目标是提供一个每个人都能理解的观点,看看这个过程目前所处的位置,并讨论它可能的方向。

随着我们使用的技术变得更加创新和直观,我们用来展示工作流程和推动讨论的每个工具都变得更容易使用。它们为用户体验研究人员提供了更好的交叉和选择,作为设计和研究旅程的一部分。

我们看到原型设计工具在用户体验研究中逐渐取代了线框设计,因为原型设计提供了更多的测试和反馈机会,以及可用性。它们还提供了更多的机会,在实时的数字舞台上实际测试流程和过程。

交付可用的数据需要的不仅仅是草图和介绍性对话

在研究领域,我们努力获得推动决策的数据。高保真原型方案提供的内容远远多于大多数第一阶段的线框对话。

随着所有数字工具的操作越来越简单,用原型设计代替纸和笔,甚至是定制的线框软件,这似乎是一个简单的跳跃。如果它们能提供更高质量的结果,使整个过程更无缝、更直接、更快速--特别是在用户体验研究人员的手中--那么为什么它们不应该成为利用和依赖的工具呢?

如果你想了解更多关于线框设计以及如何利用线框进行用户体验研究的信息,请发邮件给我们 hello@ux247.com.

相关帖子