用户体验线框和用户体验研究之间的关系
在这篇文章中,我们将研究这些问题:
- 什么是用户体验线框?
- 它们在设计过程中是如何使用的?
- 什么可以取代它们?
- 他们是如何受益的 用户体验研究?
当我们考虑网站设计时,我们大多数人首先想到的是品牌和品牌风格,用户界面一加载就抛出的颜色和功能,以及这对推动我们实现我们需要的旅程有多大的诱惑。
在那一页醒目的图片、巧妙的文案和呼呼作响的铃声和口哨成为活生生的一页代码之前,还有许多程序和做法需要让每个团队达到可以把品牌、视觉设计和交付放在一起的阶段。
每个设计阶段都从考虑利益相关者需要从他们的访问者那里得到什么以及他们需要从利益相关者那里得到什么开始。基于用户和商业需求的讨论,推动了每一个目标的实现,沿途有深入的研究、想法、演示和原型的帮助。
用户体验是指用户在你的网站过程中的愉快的互动和交易。目标是提供一种用户体验,鼓励他们尽可能快速、有效和毫不费力地完成、回来和推荐。
线框是一个有价值的工具,用于每个设计旅程的第一阶段和后续讨论。
什么是线框图?
线框网页设计是对你的网站最简单的表述,通常在早期阶段。
创建应用程序或网站的线框帮助我们想象客户旅程的外观和感觉,决定哪些元素是重要的,它们应该位于页面的什么位置,以及如何将用户推向实现其目标的下一个阶段。
线框指导沟通、组织和工作流程。它使设计人员和 研究人员关注的概念是,其用户和功能,并提供一个快速和简单的方式来交付或应用工作流程的变化;它们是交互设计过程中的一个重要部分。
在设计、研究和工作流程汇集的任何阶段,效率对于时间尺度和截止日期是最重要的。因此,你需要一个工具,可以重新规划你最近审议的想法,不需要回到设计师或演示团队,只需通过几个简单的步骤就能向前推进。
在最简单的形式下,用户体验设计师从在纸上画出线框图开始。当一支笔和一张纸可以迅速完成同样的工作时,为什么还要等上几天或几周?他们可以在任何阶段提交给用户反馈或客户批准--从基本的纸质原型到高保真的线框图--从实用的角度来看,保持项目快速有效地向前发展。
用户体验线框设计的三个层次
低保真线框图
根据你在这个过程中的位置和你已经进行的研究,线框的网页设计可以看起来像粗糙的草图一样简单和邋遢。这些被归类为 低保真线框图.笔和纸的线框图阐明了一个产品或流程,没有任何不必要的复杂化。它们以最简单的方式展示页面结构和界面元素的工作方式。
中期保真线框图
随着进程的推进,你的低保真线框图将发展为更有组织的(也更常见)、专业的数字线框图选项? 中期保真线框图 使用软件,提供更智能,甚至更容易想象的布局和工作流程。
对于第一次会议来说,笔和纸通常就足够了,但最终,这些早期的选择将被数字线框所取代。大量的用户体验设计师的线框工具可以提供开发过程中这个阶段所需的模型类型。
中保真线框图引入了新的细节:也许是间距,或者是对UI组件的比例和位置的建议,使你能够为利益相关者和客户的沟通创造适当质量的线框图。
高保真线框图
在这堆东西的顶端,线框的特点是像素完美的布局(高保真线框图)的专业页面,离你的下一个阶段只有几步之遥。 原型版本.构建高保真线框图需要使用专业的用户体验设计工具,允许引入互动性,更多的视觉细节,以及一个更容易理解的选项,涵盖了静态页面或纸质线框图所不能的一些技术含义。
从静态的线框图到数字版本,为快速制作原型和早期用户测试创造了一个理想的机会。
通过额外的研究、进一步的思考和审议,一些更有组织的东西可以帮助每个团队考虑哪些因素是有效的,哪些是无效的,并为如何进行提供一个更好、更有条理的计划。
一个高保真的线框提供了一个有希望的、固定的版本,设计师、测试对象和利益相关者可以在进入下一个阶段之前进行调整。这些线框使每个人都在同一个页面上,它们是构建流程的下一个阶段的蓝图。因此,这些静态页面通常是考虑引入用户界面设计阶段和更详细的原型的一个合适的关口。
为什么要使用线框和线框设计过程?
线框可以帮助用户体验设计师决定每个平台需要哪些内容、信息和功能,它可以和应该如何结构化,层次结构如何运作,以及这对用户行为和期望意味着什么。
你的平台能满足用户的需求吗?创建线框图应该能够提供以下优势:
- 创建、修改、删除或返工都很迅速和容易
- 帮助参与设计过程的团队、利益相关者和操作人员了解每个机会,保持专注,并保持在同一水平线上。
- 在不使用复杂的描述或设计术语的情况下,定义和介绍特征和操作
- 早期阶段的人工测试,而不选择对时间和技术专家要求高的选项
- 利益相关者可以考虑产品或平台是否符合他们的要求
- 要确定页面、屏幕和行动之间的逻辑流程
- 检测客户旅程中的差距并了解客户旅程
用户体验线框图?讨论从这里开始
在哪里,如何,以及为什么? 这些是你应该对你的网站的每个元素提出的问题。
你的答案定义了你的网站、应用程序或其他数字平台的用户体验和用户界面,因此每个用户体验或用户界面线框都能帮助你、你的用户和你的合作伙伴在一个确定的结构中更清楚地看到大局。
线框测试的缺点
- 它们是静态的,所以按照今天的标准,它们不是最好的测试方法。它们对辩论和讨论很有帮助,但对揭示实际反应和用户的启示却不是那么好。
- 对于展示动画、过渡和效果对用户注意力和反应的影响来说,这是一个糟糕的选择。没有像其他设计研究工具所揭示的那样考虑用户对图像的情感。
- 线框图需要想象力。用户体验设计师会有丰富的想象力,但你不能保证你的客户和测试用户会有同样深度的视野。
- 创建每个人都能理解的交付需要时间。获得 各方 在同一个页面上,可能需要几个回合来说服他们。卓越的技术或做法可以让他们更快达到目的。
如何创建线框图
- 保持简单。
- 丢掉所有的颜色,它只会让人分心,坚持使用黑色、白色和灰色。
- 不要使用照片、装饰性字体或品牌(这都是以后的事)。
- 使用最简单的符号、占位符和我们习惯于在类似页面上看到的元素的表示方法。
当你开始创建你自己的线框时,你应该能够把每一个新的、有价值的建议、替代方案或要求进行的检修的元素剥离出来,涂抹在上面,并重新制作。毕竟,这个过程的目的是为了快速而轻松地追求各种可能性和机会。
不要对你的线框图感到珍贵。他们的工作是被删除和容易被替换,这就是为什么我们要保持他们的简单,并学会在飞行中创建快速的线框。如果一条路线不成功,就放弃它,然后再制作下一条可能的路线。
线框图是关于反馈的。哪些是有效的,哪些是无效的,以及哪些可以使你的访客的一切都好十倍,在他们的旅程中更快地实现他们的目标,并且更快乐。
坚持画简单的草图和使用专业的线框工具哪个更好?
两者皆有。这取决于你的系统,你在过程中的位置和你手头的设施。
不同的团队会有不同的流程,有不同的计划和技能;我们都应该发挥自己的长处,所以希望你的设计师能和他们的设计师保持一致。这都是为了以最好的方式完成工作,尽可能的简单和直接。大多数人开始时都很简单(用最基本的纸质线框),随着元素和流程变得更加具体,保真度也在不断提高。
用户体验研究遇到用户体验线框
当重新设计一个过时或失败的平台或创造新的东西时,你的用户体验研究定义了你的用户的数据和驱动力。
每一个线框的机会都有助于发现替代的和可取的工作流程选择。在下一个阶段,原型设计揭示了用户的感受,最后,一切都在设计阶段汇集在一起,显示出它作为一个成品应该如何工作。
我们在哪里应用用户研究?
关于研究和线框,同样的基本步骤与从空白页项目开始一样必要。不同的是,我们将我们的研究数据应用于:
- 组织工作流程
- 评估顺序
- 指派功能
- 为用户的最佳体验提供一个理想的布局。
在这些第一步中使用确定的研究提供了一个有教育意义的平台,为整个工作流程和任何较小的部分提供准确的假设。
访谈、焦点小组、调查和研究可以在每个项目开始时提供工具性的和推动工作流程的数据。
我们从这样的研究中能学到什么?
用户体验研究揭示了每个应用程序的目标、可能的痛点、典型的行为、需求和愿望。研究现有的竞争对手或以前的工作流程,可以突出过去的操作,关键的挑战和成功,提供关于如何把事情做得更好的讨论。
在线框中描绘出工作流程和顺序,提供了一个更容易理解的视觉旅程,同时也定义了实现任何特定目标所需的步骤数量。
我们应该如何应用这些发现?
每一个改进后的系统的功能都需要包括所有有价值的元素,并去除不必要的部分。通过研究工作流程和用户的需求和反应,我们可以提供每一个新鲜的布局,升级用户体验。
原型设计工具会取代用户体验研究中的用户体验和UI线框吗?
每一个线框都是你的用户体验设计的一个骨架,在这一点上。它的目标是提供一个每个人都能理解的观点,看看这个过程目前所处的位置,并讨论它可能的发展方向。
随着我们的技术变得更加创新和直观,我们用来展示工作流程和推动讨论的每个工具都变得更容易操作。它们为用户体验研究人员在设计和研究的旅程中提供了更好的交叉和选择。
我们看到原型设计工具在用户体验研究中逐渐取代了线框设计,因为原型设计提供了更多的测试、反馈和可用性的机会。它们还提供了更多的机会,在实时的数字舞台上实际测试流程和过程。
交付可用的数据需要的不仅仅是草图和介绍性对话
在研究领域,我们努力获得推动决策的数据 ? 为用户和客户批准。高保真原型方案提供了比大多数第一阶段线框对话更多的我们需要的东西。
随着所有数字工具的操作越来越简单,用原型设计代替纸和笔甚至定制的线框软件似乎是一个简单的跳跃。如果它们能提供更高质量的结果,使整个过程更无缝、更直接、更迅速,特别是在用户体验研究人员的手中,那么为什么它们不应该成为今后利用和依赖的工具?
如果你想了解更多关于线框设计以及如何利用线框进行用户体验研究的信息,请发邮件给我们 hello@ux247.com.