详细解析产品设计流程技巧全科普

太阳娱乐 44

详细解析产品设计流程技巧全科普

原标题:翻译 | 如何进行混合现实设计的构思、沟通和创新?

太阳娱乐 1

很多同学喜欢在设计初期花大量时间去绘制高保真原型,结果被甲方和用户一票否决,而有经验的设计师往往会先绘制低保真原型,期间不断与甲方、用户沟通,最后出炉的高保真原型就能轻松过稿。今天这篇初级指南,绝对可以帮你大大提高过稿率呦。

今天的好文节选自《用户体验设计与流程文档编制指南》,这节给大家科普一个产品的诞生过程,从概念草图、线框图到原型稿,作者都有实实在在的干货与技巧分享,特别是对于各类文档的优缺点以及编制原则都很明晰,产品设计师们都可以进来涨下姿势咯。

原文链接:Inside The Organic UX Design Process At
Slack

从杂志的排版,到PC软件界面再到移动用户界面,随着设计对象不断涌现设计方法也在不断升级。近几年混合现实作为新的设计对象正在崛起,本文作者根据他们在混合现实设计中遇到的各种挑战和机遇,发现和总结了一些可以帮助团队和合作者更有效地进行沟通和构思的方法,在此进行分享。

本文源于google团队《快速原型设计》课程学后总结,课程主要讲解了如何利用原型驱动产品设计,用户体验研究以及了解用户对
APP 的反馈意见收集,课程中介绍了如何使用 InVision
创建交互中保真原型、远程用户体验研究,但是笔者使用过程中感觉网速很慢,其实可以使用国内的替代方案,做出类似效果完成用户研究。

前言

在本篇文章中,来自UXPin —— 用户体验设计应用的Chris
Bank将为大家详细讲解在产品初步成型阶段需要打造的各种草图、原型以及设计规格。更多在产品设计阶段提升用户体验的小技巧请见我们的《用户体验设计与流程文档编制指南》。这一领域的专家和专业公司包括Aarron
Walter、Ian McAllister、Vurb、MailChimp和Apple等。

原文作者:Jerry Cao

导读

原型的重点:可视+互动

原型驱动产品设计的核心:提前发现问题并解决问题

设计师Paul
Rand曾说:理解人最本质的需求,并且认识到必须寻找一个合适的场景以满足这些需求,是设计师教育的基础。使用设计原型为我们揭示并探索这些需求,为我们提供有意义的交互及友善的设计方案打开了一扇门。

从简单的拉链到Dropbox for
iOS等移动应用,每件产品在产生之前都要经历纸上(或屏幕上)的阶段。这一设计阶段是所有产品必不可少的阶段——不论是合格的产品还是达不到标准的产品。

Slack的使命是简化团队间的沟通—这样一个价值观也贯穿在公司自己的设计过程中。

01 设计过程中的思考

古语有云,临渊羡鱼,不如退而结网;磨刀不误砍柴工;工欲善其事,必先利其器。基于原型的用户验证,表面上看会耗费一部分时间,推后产品上线时间,但相比于上线后再优化,产品定义时让用户参与进来,解决75%的问题才是最高效的。在产品定义阶段,用户参与产品设计和体验,如下图所示:

特别需要指出的是,低保真原型是在设计初期帮助我们验证想法的粗略表述。本文中,我们将着眼于那些使低保真原型成为设计利器的特点,而这些特点能够从根本上提升工作质量并搭建实现用户需求的场景。本文关注于在设计中使用低保真原型的实践经验和通用法则,涵盖范围从平面、网页和用户体验设计到商业和服务设计。

太阳娱乐 2

Slack目前拥有超过400名的员工,这就是一个非常好的内部资源:一个由员工组成的巨大的测试用户群。因为公司所有的员工每天超过8个小时都在Slack上体验自家的产品,Slack的设计团队可以通过这些对产品非常熟悉的用户来得到有价值的反馈。Slack的设计过程就映射了产品本身是不是创造了更简单的沟通。

02 扩展工作方法

太阳娱乐 3

什么是低保真原型及为什么它能够改进你的工作方式?

产品设计的定义固然简单,但在当今社会,要做出一件完美的产品需要无穷无尽的反复思考:产品是否能帮助用户?是否简单易用?首次使用后能否给用户带来熟悉感?有鉴于此,产品设计师肩负着重大责任,其产品需要让用户觉得简单、有用。所谓产品,实际上是传递难忘体验的媒介。

太阳娱乐 4

▪︎ 技巧1:通过“身体风暴”产生灵感

1、原型分类

课程中,google工程师将原型分为三类,分别是低保真原型、中保真原型和高保真原型,其区别行如下所示:

低保真原型:线框图,不可交互,打印在纸上,展示主业务流程;

中保真原型:可简单交互,简单配色并配图,但字体、配色和配图不完美;

高保真原型:开发和设计参与,原型可交互,可录入信息,可以实现所有流程,有动画效果,字体、配色和配图与真实产品一致;

太阳娱乐 5低保真原型太阳娱乐 6中保真原型太阳娱乐 7高保真原型

高保真原型

你是否曾经花了大量的时间和资源却设计出了一些不论需求方还是用户都在几秒钟内就放弃的东西?这样的事情我已见过太多次,并总是令我们感到沮丧和挫败,但这种事是可以避免的。进行无法持续验证的产品设计就像你被蒙上了双眼走在一块通向深渊的木板上。即便是多次宣称反对使用焦点小组进行产品设计的苹果公司,亦开创了名为Apple
new product process
(ANPP)的苹果新产品开发流程,该流程涉及建立和测试数以百计的早期原型。

虽然表面上看这一过程可能纷杂琐碎,好像是一堆纸片和乱七八糟的屏幕画面堆积在一起,但你心里明白最后终会有方法从杂乱中找到蹊径。在本篇文章中,我们将为大家讲解各种不同的文档编制方法,以便大家在将创意融入设计时使用。下面我将为大家介绍概念草图绘画和线框图绘制、低保真和高保真原型,以及产品设计规格。

从模糊不清的问题到产品简述

▪︎ 技巧2:通过“表演”收集专家反馈

2、反馈圈分类

课程中,Jay
Harman老师定义了用户的反馈圈,根据不同时期和获取难度将可参与原型体验的用户分为四类,分别是团队成员或朋友,行业专家,客户,客户的用户,如下图所示:

太阳娱乐 8

团队成员或朋友:团队成员,公司员工,社交圈朋友。特点:容易找到,易与沟通。使用低保真原型,了解主要流程是否存在问题。

行业专家:相关领域产品经理和产品专家,他们了解目标市场。特点:能提出逻辑清晰的意见。使用低,中保真原型。

客户:目标市场的客户。使用中、高保真原型,他们会提供非常棒的反馈意见

客户的客户:特定人群应用,如投资人等。使用高保真原型展示,获取真实反馈。

我们当中有些人过早地投入到杰出产品的设计中去,甚至达到像素级完美的地步,而从未停下来问问我们的用户或需求方是否持同样看法。事实上,如果没有引入潜在用户对我们原始设计的看法,那么这样的设计是不友好且无用的。

反复进行草图和线框图绘制

Diogenes
Brito,是Slack旧金山总部的产品设计师和工程师。他谈到了大多数产品的创意和功能都是从一个“模糊的问题描述”展开的,这可能来自于用户的投票,Slack产品渠道或社交媒体的反馈,或者是来自公司自己的产品团队。

▪︎ 技巧3:使用“故事板”表达想法

1、用户原型访谈人数

基于原型的用户实验只要对3-5个用户进行测试,便可以找到设计中的大部分问题,经过google测试,3个用户一般可测试出原型65%的问题,5个用户可测试出原型75%的问题。

太阳娱乐 9

另一方面,过分追求完美的想法也会使我们中的一些人无所作为。有些人过早地开始行动而浪费资源,而另一些人又在建设新产品的大量工作面前不知所措。在将产品交给用户之前还有如此多的工作需完成,这使我们感到沮丧且不堪重负。

草图大概算得上是用户体验设计过程中最为常见的文档类型了。正如《用户体验设计与流程文档编制指南》中所详细探讨的一样,这一项工作的一般流程是绘制模型,然后进行可用性测试(既包括内部测试也包括面向特选测试人员的测试),再然后是反反复复的更换迭代。

太阳娱乐 10

03 拓展团队技能

2、如何与用户交流

1-2句话介绍这个产品是做什么用的,给用户设计几个小任务,引导用户边操作边说出自己的感受,让用户想到什么就说出来,说出感受和疑惑,鼓励用户的每一次反馈。举个栗子,我们的app可以帮助您管理日常生活和工作任务,您看到的这个页面是首页,您能很清楚的知道如何创建一个新任务吗?通过录制屏幕和用户表情录制,观察用户如何完成任务,访谈过程中要经常鼓励用户提出意见。

提问需要提前设计关键问题和其他问题,关键问题是指产品的核心操作流程相关问题,其他问题指交互类,设计类问题。

你是否曾因为追赶项目进度而浪费大量资源或因完美主义而使项目完成度太低?低保真原型使我们能够在过度浪费和过度思考中,在过少的资源和过多的用户检验中找到一个平衡点。通过建立一个实用和初期的产品原型,你能够更快地在早期设计过程中发现潜在问题和更有效的解决方案。

不过你使用何种工具绘制草图,最重要的是牢记用户的特性。在绘制草图时,应当参考分析阶段时设定的用户特性,时刻以用户为重。下面,我们来看看粗创草图和线框图的绘制。

作为开展项目的第一步,项目经理和设计师需要聚在一起交流想法。

01

设计过程中的思考

任何设计方法或流程,归根结底都是为了帮助团队进行思考:如何更广泛地解决问题,如何高效地与其他成员分享想法,如何评估这些想法,以及如何完成解决方案。

通常情况下,一个团队会包含开发、设计、研究和管理等众多角色,所有角色都可以参与到设计过程中。移动APP时代,为团队贡献创意比较简单,只需要打开屏幕,画几个矩形,用箭头表示交互或动作,就可以开始定义技术需求或潜在的用户行为。但随着混合现实的来临,传统的2D设计技能开始失去优势:绝大多数人不会使用专业的3D编程工具绘制草图,而原本的笔、纸、白板等2D工具常常会限制人们的想法。新设备的技术不确定性加剧了轻量级设计工具的缺乏,新设备的基础交互方法也一直没有系统建立。这些壁垒都会将团队的设计贡献局限于那些有3D开发背景的成员,而大大降低团队整体的设计和迭代能力。

太阳娱乐 11

| 参与“混合现实设计合作伙伴计划”工作坊的成员们

当我们和外部团队合作时,经常会听到这样的“故事”:我们需要等开发人员完成原型后才能开始我们的设计。这通常意味着团队中的一部分成员无法在一开始就对产品的设计和发展做出有意义的贡献,而开发人员则负荷过重——他们除了要负责技术实现,还要考虑主要的用户体验流程(他们需要将粗略的用户体验设计加入代码中)。

3、信息收集工具

1、记笔记;2、手机录音;3、在用户允许的情况下,录入表情;4、原型操作过程手机或电脑页面录制。

太阳娱乐 12

太阳娱乐 13

  1. 粗创草图绘制

一份初始的文档是产品摘要,就像Diogenes说的,“项目的真正精神,就是寻找核心目标和问题间的细微差别”,所以每个人都能在正确的情境下去准备接下来的会议。摘要实际上是一份动态文档贯穿在整个过程当中。

02

扩展工作方法

这里有一系列方法可以有效地让团队所有成员参与进来,并快速迭代各类复杂的设计问题。虽然这些方法不够标准化,但目标并不是替代现有的工作流程,而只是对现有方法进行补充:这些方法可以帮助那些没有3D技能的成员在原型建立前就提供想法,不同角色和学科背景的成员都可以参与到设计过程中,发现机会,预判后续开发过程中的挑战。

■ 技巧1:通过“身体风暴”产生灵感

让团队成员超越传统的2D世界,去想象现实世界发生的事情,是设计出创新的混合现实体验的关键。要做到这一点,最好的办法是鼓励团队在现实世界中和物理道具进行互动。我们会使用简单、便宜的手工材料来制造物理道具,模拟数字对象、用户界面和动画等。这种方法被称为“身体风暴”(bodystorming),也是几十年来工业设计中进行产品构思的主要方法。

太阳娱乐 14

| “身体风暴”中使用的简单、便宜的物品

简单的物理道具为参与者们提供了公平的思考环境,它让不同技能和背景的成员都能提供想法,发现混合现实设计的机会,而不是被限制在2D的思维范式中。虽然技术原型和高保真故事板的制作需要熟练的3D技术人员或设计师来实现,但是少量的泡沫球和纸板也可以在物理环境中展示出我们想要的界面。比如,一组塑料连接器就可以大致说明某个产品在全息图中的大小,或者作为道具在现实世界中表现出交互元素或者动作设计。

“身体风暴”是一种帮助快速产生和评估想法的方法,它通过鼓励参与者在空间中进行思考,来快速地有效地进行构思。这个阶段并不需要详细的图稿或者精确的数据,通过物理道具达到探索或传递想法的最初目标即可。总体来说,“身体风暴”并不是替代技术原型设计,而是降低设计过程中技术和设计等方面的挑战和负担。

■ 技巧2:通过“表演”收集专家反馈

“身体风暴”的下一步,是对这些物理道具的体验进行走查。我们称之为“表演”,即表演出用户与这些物理道具互动的过程,进而展示出整个互动过程中的体验。

太阳娱乐 15

| 某场设计工作坊中,团队在“表演”某个场景

通过“表演”,不仅能让参与者从用户视角去体验和思考,还可以卷入更多团队成员或利益相关者,让他们看到事情的发生过程,提供明确的专家反馈。比如,你计划探索医院的混合现实设计,那么向医院工作者“表演”你的想法将会让你获得非常宝贵的建议。当你面对特殊领域问题的挑战,比如VR音频等,“表演”也同样可以让专家们快速、粗略地了解整个体验,而不需要再等到原型出来之后。

这种“表演”不是形式化的,也不需要引进专业人才,但是如果我们想把这些想法分享给不在场的人时,我们就需要录制一个互动“场景”,或者邀请一个故事板专家来观察和勾画关键画面。当然,“表演”也可以非常轻量级,直接在身体风暴阶段就完成。不管选择哪种方式,我们的目的都是“通过表演,最有效地表达团队的想法”。

■ 技巧3:使用“故事板”表达想法

选择什么样的方法展示体验设计的想法,取决于你的目标受众以及你需要的反馈类型。当你想向团队成员展示新想法时,“身体风暴”的低保真重现足以让人快速了解,但当我们想向新的利益相关者或者潜在的用户介绍时,最好的方法通常是故事板(Storyboarding)。

故事板是娱乐行业的常用方法,电影和视频游戏中经常能看到,它既能在低保真程度上表现出体验的全流程,又能在高保真程度上体现出符合美学的外观。和原型设计一样,正确理解故事板的保真度需求(即什么时候需要低保真故事板,什么时候需要高保真故事板),并选择合适的程度进行设计,是确保收集到正确建议,避免无价值甚至反作用结论的关键。

太阳娱乐 16

|低保真故事板举例

低保真故事板是快速讨论想法尤其是“高级概念”(high-level
ideas)时的最好选择。低保真故事板可以很简单,比如用一些简笔画或者基础形状,就可以表示出场景中的虚拟元素,以及真实的或者虚拟的交互组件。虽然低保真故事板相对不需要专业技能,但是仍然会有人感受不到2D道具展示出的交互过程和体验,以及理解其3D的含义,这种情况在“身体风暴”时也存在。

太阳娱乐 17

| 高保真故事板举例

高保真故事板是个非常强大的工具,尤其是可以卷入新的利益相关者,或者需要将身体风暴的结果和体验的美学目标相结合的时候。高保真故事板可以建立在情绪板的基础之上(译者注:情绪板是一种启发式和探索性的方法,可以对图像风格,色彩,文字排版,图案以及整体外观和感觉进行研究;情绪板可以作为可视化的沟通工具,快速地向他人传达设计师想要表达的整体“感觉”),用来展示虚拟体验的最终外观,以及刻画可能对产品产生重要作用的关键画面。需要特别注意的是,高保真故事板的实现通常需要有绘画功底的人参与,尤其是已经在团队中有绘画功底的成员,他们可以捕捉到很多很难描述的想法或画面。我们通常也会邀请有游戏开发背景的故事板专家加入团队中,一起参加会议,快速捕捉草图,随后将这些草图扩展成更高保真的原型。技术专家与有绘画功底的设计成员密切合作,为最终体验的艺术性保驾护航。

4、注意事项

1、用户面对面访谈时切记不要给用户过多的指导;

2、最开始一定要告诉用户,如果无法完成任务,不是用户问题,是产品问题,为了测试产品,而不是测试用户;

3、用户的情感反馈和无所适从是需要重点收集的,用户提供的优化建议可以暂时过滤;

UX 设计师Matt Tyas 提出原型概念

铅笔、钢笔、马克笔、蜡笔、纸张应用,甚至经典的Microsoft油漆刷等等等等,但凡是能在平面上留下痕迹的东西都可以拿来画草图。

事实上,一旦项目细节被敲定之后,摘要的核心也不会发生变化,摘要成为了设计评审中的讨论焦点,作为检验一个项目是否完整的工具。它甚至会被用来作为核心资产进行终审。

03

扩展团队技能

除了上述提到的各种技巧之外,为了更好地适应混合现实设计,还要依赖技术和设计人员之间更紧密的合作。这可以让团队成员走出舒适区,发展更多技能,并更多地参与到整个开发过程中。

反馈和迭代是任何设计成功的关键。对于混合现实设计而言,这种反馈通常涉及很多技术概念,特别是涉及到新技术和工具的设计时更是如此。

混合现实设计团队需要的技能,包括熟练使用Unity、Unreal等工具,这能帮助团队成员更好地理解开发人员的想法,并在原型设计阶段提供更有价值的建议。同时,开发人员也需要了解一些混合现实设计的基本的概念和潜在的设计缺陷,这可以帮助开发人员在早期规划阶段提供意见和建议。

一些混合现实设计的合作伙伴经常问我们,怎样才能更好地发展团队,以及提升团队使用3D模型的技能。鉴于行业现状,这是个很难回答的问题,因为所有团队都在使用“昨天”的工具来构建“明天”的体验。许多团队在招募具有游戏和娱乐业背景的成员(3D技术在这些行业中已经发展了数十年),或者鼓励现有团队成员使用Unity和3D建模软件。诚然,这些可以满足当今混合现实设计的基本要求,但是构建未来的、突破性的应用,依然需要大量的专业工具和技能。

在不久的将来,混合现实设计领域将发生巨大的变化,全息设计中的数据和云服务将更受关注。下一代的体验设计将利用先进的自然语言处理和实时计算机视觉技术,在沉浸式体验中发现更深层的社交场景。比如,在虚拟现实设计中,设计师需要创建富有想象力的环境和空间,这需要设计师有更多建筑或者心理学的技能,而不仅仅是传统的界面设计能力。跨角色工作、利用设计和专业知识、持续学习各类新工具,这些对于混合现实设计团队来说都是非常宝贵的技能。

这些技巧已经被证明是必需的,因为早期的原型硬件并不是快速迭代设计思想的理想载体。各类交互方式,如通过“身体风暴”探索操作系统的基本UI,通过“表演”理解用户的基本行为,最终跨角色传达理念,允许操作系统与硬件开发同步快速进行等等,都能为产品的核心用户体验建立强有力的基线标准。

太阳娱乐 18

不管是“身体风暴”、“表演”、专家评估还是故事板,这些方法的核心都在于节省团队的时间和精力。虽然我们仍处于虚拟现实开发的早期阶段,但扩展混合现实的设计方法将有助于团队更聚焦在探索新的、具有挑战性的设计问题,而不是克服沟通想法的困难上。

原文作者:Mark Vitazko,微软设计师

编译:AIID非正式编译组

原文链接:

版权声明:本文在不改变作者原意的情况下,做了删减和编排,版权属原作者所有。本文仅为翻译,不代表本院观点。返回搜狐,查看更多

责任编辑:

太阳娱乐,5、用户访谈需要回答的两个核心问题

1、这些反馈有没有回答我们一开始提出的问题?

2、反馈中有没有提出我们的方向是否正确?

如果这两个问题的答案是YES,那么我们才可以考虑做高保真原型。如果有一个问题的答案是NO,那么我们依然要进行低保真原型的测试调研。

太阳娱乐 19

笔者认为,低保真-线框-纸质原型可以用于产品团队内部交流使用,通过头脑风暴,跑通住业务流程,确定MVP(Minimum
Viable Product, MVP)方案,确定中保真原型方案。

对于朋友、专家和客户可以提供具有交互功能的可录入信息的中保真原型,设计尽量保证完成,以便于手机用户的全部操作行为。

PC端产品可以考虑使用axure制作web端中保真可交互原型。移动端app可以考虑使用墨刀制作中保真可交互原型。课程中google团队使用InVision制作中保真原型,实现点击跳转,但是笔者实测后,感觉页面加载速度缓慢,而且不可以实现信息录入功能。墨刀是一个款移动端原型制作工具,原型制作制方便,可以快捷添加一些简单的交互动画,信息录入,逻辑判断等功能,支持微信分享,便于传播手机信息。

访谈过程中使用手机屏幕录制工具,记录用户操作过程。在获得用户允许的情况下,使用手机录制用户操作时的表情,同步进行,用于分析用户的困惑。

前期的用户调研可能会让开发进度放缓,但尽早发现问题,可以为后续的产品开发节省更多时间,所以基于原型的设计实际上就是在产品定义之初便引入敏捷开发,通过高速迭代优化出解决痛点的MVP。

工具总结

纸笔-低保真原型–产品团队

墨刀或axure-中保真原型-朋友,专家和客户

P.S.开发资源富裕的团队,如微信团队,可以实现每个想法的高保真原型快速输出和范围测试。

单词原型prototpe来源于希腊语prototypos,是一个由protos(即初始)和typos(即模式、模式、印象)组成的复合词。这个由我们的想法建立起来的初级演示正是我们要在本文中了解到的低保真原型。不同于高保真原型,这种方式只需更少的时间、专业技能和资源。

太阳娱乐 20

摘要不仅关注于想法,同样收集约束。

它的目的不是要打动用户,而是向用户学习。低保真原型的目的是要让我们为用户的想法而叫绝,而不是为了使我们的产品令用户惊艳。这种方法在于帮助我们倾听而不是说服。它使用户需求与设计师意图以及其它利益相关者的目标之间能够有效沟通并达成一致。

Laura Busche(Smashing
Magazine设计写手)曾指出,手绘草图具有延展记忆、帮助集中注意力和提高灵活性这几项独特的好处。手绘同时也是视觉呈现理念的最快方法,因此其应作为你的常用备选方法。

摘要中的问题包括:

科学家Jim Rudd和他在IBM的同事定义了两种主要原型的不同,并被Interactions
Magazine(互动杂志)推荐了名为高低保真原型辩论的文章,节选如下:

产品设计公司ZURB非常重视通过纸绘草图来呈现产品的功能和流程。他们偏好于使用记号笔,因为其能够限制细节的程度,让草图更加侧重于表现整体概念。对于他们来说,纸绘更快、更专注并且更灵活,但可扩展性和交互性不太强,因为你无法使用模板,而且也无法把不同的草图相互联系起来。

团队最关心的是什么?

低保真原型一般指有限的功能和交互原型设计。它们被用于描绘设想、设计方案以及界面布局……建立这些原型的目的主要用于沟通、教育和报告。

  1. 线框图绘制

项目的范围有多大,哪些不在里面?

保真度是个概念化的术语,广义上来讲,它可以被定义为:重现某种事物的精确程度。换句话说,原型的保真级别回答了这样一个问题,即原型表述的最终方案到底有多精确?

数字线框图绘制软件放眼皆是,但其中只有少数几个应用值得大家仔细体验,例如UXPin、Balsamiq、Axure和Proto.io等。如果你选择用纸,那么可以把纸张分成不同的部分绘制线框图,然后在需要的地方添加网格线和图框。线框图绘制应当是一个产品的骨架。有关这方面的建议和练习,请看《线框图绘制指南》。

成功后会是什么样子,我们如何衡量它?

为何现在提出低保真原型?

太阳娱乐 21

“摘要不是规范,更多是如何问正确的问题,以便我们能够在正确的道路上进行探索,了解问题的边界。”Diogenes解释道。

虽然低保真原型早已存在了几个世纪,但它最近开始成为流行的设计方法,主要源自于以下几个原因:

Anthony Tseng,UX
Movement的总编辑认为,如果你的当前的目标是更好的反映出产品的实际形式和功能,以便说服相关人员,则可以提高设计的保真度。高保真线框图虽然更耗费时间而且在快速收获反馈方面不太理想,但是更易于明确展现界面,让相关人员和用户能够明晰哪些内容是表单,哪些是按钮。

开始

设计思考:主张用双手思考的方式来建立情感化解决方案。精创实业:依赖于早期产品验证和最小可行性产品的开发迭代。以用户为中心的设计:要求协同设计的过程中用户提供他们对于产品原型感受的持续反馈。

详细模型

一旦摘要被准备好了,设计leader和产品经理就会在一个更大的团队炸开工作,在这一点上,一些初步的想法可能会被覆盖(设计师可能已经完成了一些探索,粗糙的实物模型或线框图作为视觉参考)

诚如所说,我们无法说低保真原型是个新事物,因为人们自远古时代以来就开始将想法画在洞穴上了。我们可以说的是,鉴于我们期望能够尽快地设计出与市场对应的解决方案,低保真原型对于各行业的设计师来说都前所未有的重要。

根据你流程的不同,详细模型既可以是高保真的线框图,也可以是概念模型的升级版。

太阳娱乐 22

太阳娱乐 23

太阳娱乐 24

无论如何,开始时,团队总是会经常的围绕摘要,确保团队里的每个人都完全理解了项目,并可以分享他们的核心想法和关注点。

像任天堂这种企业的设计师也在使用低保真原型。设计师Kazuyuki
Motoyama解释道:只有这样才能够明白Miiverse的手持感。这是他用纸版制作的原型。

有些公司会完全跳过线框图绘制这一阶段,直接打造低保真度的概念模型,然后逐步增加保真度最后达到详细模型程度。也有的公司会选择循序渐进的途径,使用线框图作为模型的骨架。有时你可能会听到有人混用线框图和模型这两个词,但其实这两者是完全不同的两个文档类型。线框图的作用是展现出结构,随后通过注入材质和细节演变成模型作为应用或网站的原型。

在开始阶段,帮助大家理解设计问题和目标,同时也激起大家的想法,这并不意味着是自由的头脑风暴。

低保真原型的优点

两者具体的区别可直接右戳学习!《涨姿势!聊聊线框图、原型和视觉稿的区别》

成对设计

不论产品的类型如何,所有的低保真原型都具备以下几个优点:

太阳娱乐 25

在开始阶段之后,设计师和开发者们开始共同地探索和规范,互相检查工作在Slack上。

在早期检测和修复主要问题

根据UXPin CEO Marcin
Treder介绍,细节程度较高的模型通常就是设计初稿乃至实际的视觉设计。一个精心打造的模型可以达到贴近真实的程度,从而刺激人们关注项目的视觉面。线框图中可能包含各种形状、线条,也可能有一些细节(如果是高保真图),但详细模型却专注于展现具体的字体、颜色方案和整体的最终外观。

设计师们通常都是组队工作的,其中一个作为ledaer。Diogenes将这种关系,类比网球双打比赛中的大小威廉姆斯,他们都是非常厉害的选手,中间有一位通常是领导和做出服务的。

建立低保真原型可以快速接触到用户的反馈,使我们可以将问题可视化,并解决关于产品的易用性和功能上的核心问题。原型不应该被设计成会影响用户视觉和感知的最终形态(原型通常只是粗略的产品概述),用户通常只是通过他们所看到的提出想法。通过剥离不必要的装饰和设计,我们能够呈现出设计的核心想法和概念。在这个阶段,发现问题是产品最终能够成功的关键。

Treehouse的设计师Nick
Pettit曾反复强调:详细模型可以作为设计沟通的手段,但还不能就直接丢入开发阶段。他解释道:考虑到响应式设计和灵活方法的出现,花费几个小时时间做出详细模型作为产品规格然后丢给开发人员的方法已经不再合适。另外,低保真度的线框图更加方便迭代更新,因为其实现简单,而且制作原型也能够更加轻松的联系不同功能。

太阳娱乐 26

Higel
Heaton顾问写了一篇关键的名为《为何快速原型能够解决用户界面的问题?》的论文,发表在1992年软件原型和进化发展IEE座谈会上。他称快速原型应可以解决大约80%的界面主要问题。在真正满足用户需求的产品设计过程中,低保真原型在一开始就为我们敲响了警钟。

原型制作原则

“配对设计可以让你的伙伴帮助你探索新的想法,”Diogenes说到,“这两个人具有相似或者互补的技能。当你把这两个放在一块儿的时候,就可以在遇到障碍的时候更快速地摆脱困境。”

除了帮助我们发现重大问题,低保真原型同样给予了我们解决这些问题的需求与动力。在2012年原型的心理体验研究中,斯坦福和西北大学的研究者们发现低保真原型引领我们重新规划失败,以此作为学习机会,培养进步意识并强化对创新能力的信念。研究结论表明建立低保真原型不仅仅影响最后的产品,也影响着我们在设计进程中的参与程度。

如果说线框图注重的是结构,那么原型就更加注重体验。线框图或模型可以使用Invision或UXPin等应用相互联系从而创建可以实际点击的原型。

两位设计师都会为不同的问题作出设计方案,通常会一起进行头脑风暴并作出概念想法。其他的团队成员也能过加入进来,进行一些非正式的设计活动,团队可能更喜欢那些即兴的活动而不是安排在时间表上。

低保真原型构建起来更加容易且成本更低

太阳娱乐 27

设计师在探索概念的时候,开发人员再也探索相关部分的代码库和总体技术的约束。当这两个团队对自己的工作有信心了之后,整个团队将举行一次“post-kickoff”审查产品和技术方案。

不论个人或小组,只需很少或根本不需要专业技能即可构建低保真原型。只要产品和项目目标是清晰明确的,那么低保真原型的重点将不会放在形式或功能上,而是关键点上。接下来我们应把资源放在哪里?哪些地方是应该避免浪费资源的呢?哪些功能对我们的用户来说才是核心关键?这些原始设想本身的方向对了吗?我们是否需要转变方向或拓展其它选项?

如上图所示,保真度和工作流有各种不同的维度。HubSpot的前任用户体验总监Josh
Porter喜欢从草图绘制直接过渡到原型创作阶段(跳过线框图)这一比较简单的工作流程。对于他来说,草图耗时少,但能够回答页面上呈现哪些物体、这些物体能执行哪些操作等功能性的问题,而建立原型则需要投入更多精力。这并不意味着线框图和模型没有用,相反,其说明可以将时间从开发静态资源上转移到交互资源上。

在post-pickoff之后,设计评审会两周举行一次,当一位设计师准备好了,她展示她的工作为了得到更多的团队反馈。而设计团队只会反馈设计相关的内容,设计leader需要和产品经历保持清晰的理解。

最好的低保真原型能够机智地在很少或毫无预算的基础上在很短的时间内建立起来。你也许对快速原型这个术语更加熟悉,它仅仅是执行快速地对系统的未来状态取模。在快速原型的族谱中,低保真原型能够很快完成这一工作。

原型制作的真正强项在于其能够让团队把思考的中心从交付作品转移到实用性上来。正如《最小化可用产品指南》中所述,很多成功的公司甚至把原型作为第一代产品直接发布。

这一点在最后的评审上依然重要,包括产品的leader和CEO Stewart
Butterfield。

得出反馈以侧重于高层次的概念而不是执行

低保真原型

自由的设计工具

交互设计师Marc
Rettig在他的文章《小手指原型》中针对高保真原型指出其最大的风险在于你将最可能听到的批评是关于字体的选择,色彩组合,和按钮尺寸。在一个精心设计的原型面前,用户可能会感到有必要对这些细节发表意见而忽视他们对于高层次概念的想法,比如流程规划、界面布局和语言等。

人们在谈到快速原型制作和精简用户体验时,通常指的就是低保真原型。低保真原型重视对交互的精炼而不是视觉或技术执行的细节,因此有助于避免视野受到局限。低保真原型可以使用很多在线应用(Balsamiq、Invision或UXPin)制作,也可以用老办法:HTML编程。

接下来不是严苛的限定,Slack设计师们在低保真和高保真之间穿插设计,使用手头上正确的工具。

高保真原型将重心转向了产品的美观程度而不是验证产品的基本假设及核心价值。而外表粗糙的低保真原型从另一方面来说强制用户去思考核心内容而不是外表。

太阳娱乐 28

“对我们来说最重要的事情不是做线框图,画原型,或者一个高保真的原型,”Diogenes收到,“最重要的是思考问题,使用最佳的工具去妥善地解决问题并消耗最小的资源。”

更有迭代的动力和意愿

著名企业家Andrew
Chen认为,低保真原型是实现客户驱动型设计的最佳方法之一。使用在线应用创作的低保真原型尽管可能外观不怎么样,但相比经过编程的或高保真度的原型,其能帮助你进行快速迭代更新,保证你所推出的产品就是自己想要的产品(不考虑迭代)。对此,他总结出了低保真原型的4项好处,具体如下:

太阳娱乐 29

这是因为构建低保真原型所付出的努力和资源明显较少,而我们又不太情愿彻底改变原型。想想看:是让你彻底放弃一些只花了你几分钟的草图容易?还是让你放弃花了无数时间建立得愈加完美的原型容易?用Rettig的话说,你很有可能会爱上花了足够时间制作的东西。

反馈效果更佳也更真实

举个例子,当diogenes设计一个自动完成的功能时,他创建了许多的低保真原型去回答核心问题。但是当他遇到棘手的语音交互式,他会通过代码构建原型敲定细节。

迭代是灵活设计过程中真正的关键。只有靠不断地改进我们的设想才能够创造在目前的市场上取得成功的情感化解决方案。低保真原型能够激励这种勇于自嘲和无压力的迭代环境。做出巨大改变,转向新的商业模式甚至从头开始对我们来说也毫无影响,因为根本没有浪费太多资源和时间。

对于图片精美的原型,人们可能会将注意力更多集中在视觉效果而不是价值主张上。他们可能会觉得难以深入你的理念,因为华丽的效果让他们望而却步。

“有时候我们可以通过草图迅速的完成设计,因为我们非常了解我们的产品。”他说,“我们使用最合适的工具,无论是纸,Keynote,HTML来完成一个协同工作平台。”

易于携带和展示

适合于A/B测试

Dogfood&可用性测试

一些高保真原型需要特殊设备或环境用于展示,而绝大多数低保真原型能够很容易地携带和展示。Rudd指出:低保真原型易于携带,它们可以在纸上,图表中,或在白板上呈现。

在能够对各种细节变化进行尝试和优化的UI层面,其多样性推动了A/B测试的兴盛。因此,UI的10-20种粗犷变化比2-3种完美到像素级别的变化更具透彻性。

在Slack,可用性测试哦那个词不是设计过程中的一个单独项目,用户测试一直都在进行,因为他们内部巨大的用户。

携带一张纸能有多难?需要任何特殊条件、空间或高级指令吗?纸质低保真原型将我们从技术和便携性的要求中解放出来。

犯错误的代价更低

例如,当团队决定添加语音通话时,他们设计并在内部进行测试,从内部的beta版一点点发展,知道覆盖到全部的用户。

如果你决定使用本文结尾列表中的任何一种软件来构建低保真原型,请考虑在屏幕上显示是否是最好的选择。研究表明,在几种有趣的方式中,纸张比屏幕更容易激励协同工作。诺丁汉大学、萨里大学和剑桥大学EuroParc研发中心的研究员们在三种不同的工作环境下进行了纸张和屏幕如何促进协作的研究,这三种环境分别为:建筑工地,医疗中心以及伦敦地铁的控制室。他们的结论是纸张具有更高的灵活性,使得个人能够以各种方式进行互动与协作。

低保真原型所涉及的资源较少,团队对于改变不会太较真,因此使用低保真原型作为工作核心相对更为容易。

“我们用我们的直觉,”Diogenes解释道,“但它是完美的因我我们每天都会使用这个功能数个小时,用户反馈也会从公司外的地方收集起来,每个人每周的工作都是为了让这个功能更好的符合用户。”

研究人员注意到,除其它事项外,通过手写(即绘画、写作或描绘低保真原型草图),相关人员能够迅速笔记,同时能够保持项目参与度。在协同设计和与用户沟通并获得反馈时,这种灵活性是尤其重要的。纸张天然地具有多种功能(它可以被折叠、裁切和书写)也能使合作更加容易。考虑到这些优点,当你决定向用户展示低保真原型时,打印出你的截图或线框图将会显著提升你的收获。

专注于流程而不是页面

事实上,在旧金山Slack总部的墙内,设计团队可以在不同的使用场景下进行测试。每个部门都可以作为一个大客户的缩影。

低保真原型的类型

页面的外观不是关键,真正重要的是页面的前后联系。低保真原型就像一个沙箱环境,在这里你可以画出并联系大量的小页面、体验交互以及尝试其他让自己感到自然舒适的想法。

例如,设计师可以通过观察和收集自己财务部门的反馈来改善Slack对金融团队的体验。

2D纸质

如果你要选择低保真原型,根据过往经验,建议你将精力集中到占比为20%但实际使用时间为80%的功能上。

除了dogfooding,他们也定期的收集反馈来改善Slack的体验,因为这是他们与用户之间的沟通通道。当他们开始着手新的功能或者拓展新的用户时—例如国际或企业级的团队,设计团队需要进行新领域的研究和更传统的用户测试来拓展领域。

就像任何一种普通的旧图表一样简单。Marc
Rettig估计,基于纸张的原型使设计师能够释放95%的时间用于思考设计本身而只花5%的时间在技术问题(他称为工具力学)上。反思自己的经历:你有多少次将注意力从设计的基本要素上转移到工具的技术问题上?

定义、设计、再定义

“我们公司就像24/7实验室,”Diogenes补充说,“因为我们每时每刻都在产品中,没有问题可以被遮遮掩掩糊弄过去。”

例如在网页设计中,基于纸张的低保真原型能够包含屏幕截图和界面元素。前SunSoft工程师Jakob
Nielse认为,弹出菜单,信息,以及对话窗口可以用报事帖或印在开销箔上的透明覆盖层来模拟。SunSoft公司重新设计主页的经验表明,粗糙的原型是了解可用性的宝贵资源。

正如我们前面所展示,产品设计的定义源自于多项技术技巧,这些技术技巧能帮助你把创意转变成体验。无论你选择低保真还是高保真,草图、线框图和原型制作的根本目标都是交付出优秀的产品理念,而不是简单的产品。

冲刺到终点

太阳娱乐 30

太阳娱乐 31

一旦设计完成,团队就将冲刺开发原型,尽管如此,冲刺扔需要保持灵活性,以防出现一些不可预知的挑战,当产品团队到达冲刺阶段的时候,大多数设计工作完成,设计师专注于提供支持和质量把控。

SCAD交互设计部门的这种新网页设计低保真原型展示了提升阅读和互动粘贴的初步概念。

除了通过Slack不断沟通,团队还拥有站立会议和面对面交谈。

太阳娱乐 32

“透明度是我们产品和文化的关键。”Diogenes说,“这些核心的价值观指导设计过程,让它真正的有机和有效,因为我们每天都在使用Slack,新的想法每天都会冒出来是一个有力的竞争点。”

流动新媒体设计团队展示了如何从纸质原型开始,使事物回到本质,专注于重要的事情。

其他

太阳娱乐 33

Slack的有机设计过程表明,结构化的设计流程不是创业公司的选择。灵活的流程概念探索配合上结构化的开发也可以打造成功的产品,只要定期研究,测试验证过程。

两名交互设计专业的学生开了一家名为Sticky
Jots的公司,该公司提供类似故事板的纸质低保真原型套件

最后,这是我们提供的一些建议:

3D模型

在一个产品摘要中,不要过多的提供解决方案。更多的关注周围环境问题的描述,和建议各种策略。

如果你想更有创意,并用3D模型与用户互动,这里有几种有趣的选项可供选择。随着设计思想中实用方法论的传播,使用纸板,泡沫塑料,木材,塑料,粘土和积木变得越来越流行。

在最初的产品阶段,允许团队自由探索概念和发现约束。综合开发和体验的见解,然而拿着post-kickoff评审进行形式上的约束。

3D模型在互动中达到了2D原型没有达到的水平,然而建设3D模型所需的时间稍长,3D模型在概念测试阶段能够鼓励操作并引导高度的参与。三维自然会增加真实感并使你获得有价值的反馈。

如果你的团队认可,可以考虑在结构化的设计之外考虑更富有创意和快速的解决方法。

太阳娱乐 34

如果你公司的员工和目标用户非常接近,可以考虑定期dogfood一下你们的产品,进行内部反馈,测试可用性,并通过进一步的研究来扩展研究领域。

Ashley Costanzo
为HealthyMade公司开发了这款3D低保真模型:将新鲜的食材和食谱打包成一个健康午餐计划,本产品回答了一个问题,我们如何给有需要的人提供更加健康的食品选择?

太阳娱乐 35

商业折纸是日立公司开发的一种折纸原型法,方便服务和系统的设计。它是在企业内部开发的,但最终引吸了其它机构的注意。纸张被折成各种物件以完善原型系统并与之互动。

太阳娱乐 36

乐高企管智慧游戏(LEGO SERIOUS
PLAY)被用于促进创新和提升经营业绩。该游戏套件可用于建立业务和服务体验的低保真原型。例如Liquid
Agency机构就使用这种方法建立问题——答案的原型,我们期望提供何种类型的医疗保健?这将会使我们的现在与未来有所区别吗?

快速入门指南

  1. 定义你的目标:你要展示什么?

你希望展示哪些特点给你的用户?列出两到三个你的低保真原型中包含的核心功能。在接下来的步骤中,我们将确保这些功能不会被遗忘。

你可以使用类似下面的简单表格列出你的功能:

太阳娱乐 37

下面列表中有一些可借鉴的示例核心功能和补充功能:

太阳娱乐 38

太阳娱乐 39

商业模式画布

太阳娱乐 40

花卉种子包装的开发概念草图

  1. 定义你的方法:你要如何展示?

你将决定何种低保真原型最适合你的项目。你要快速建立起怎样的原型以帮助用户传递有价值的反馈?如何简单地展示并测试你的设想,且投入最少的资源?寻找尽可能简单的方法,并不断询问自己一个问题:是否有更为简单的展示方法?直到找到一个可行的方法来描绘你的产品功能。

基于以下几个因素找出适合你原型的细节程度:

  1. 原型的目标用户

用户是否能够基于你提供的原型提出有意义的反馈?该原型是否需要一定的细致程度以令用户理解?

  1. 你可以获得怎样的资源?

灵活性对于低保真原型是至关重要的。当你的想法形成时想想看在你周边的可使用的工具和资源。有创造力地用聪明的方式使用你现有的东西。

用以下方式去思考:

太阳娱乐 41

注:以上展示原型为Marta Fioni为app Foursquare 设计的支付界面解决方案

还在苦苦找寻适合你项目的原型方法?下面有一些建议:

太阳娱乐 42

下载这张图片并将它挂在你办公室显眼的地方,它将作为一种动力,使你将低保真原型作为你设计中一以贯之的部份。

  1. 执行:展示你的原型

别一开始就被我在XX方面的技能不够好的心态打败了。低保真原型不在于你的模型看起来多复杂,它只需要形成对产品未来形态的交流。记住,不在乎形式和功能,只在乎关键点。

来自不同设计领域的低保真原型样本:

太阳娱乐 43

尝试以下数字软件和模拟工具以加快你的原型设计速度:

太阳娱乐 44

  1. 测试:将如何评估你的原型?

抛弃用户肯定会讨厌这种粗糙的原型的想法。向用户解释原型的限制是很正常的,也是符合预期的。引导用户理解项目的目标,并提出探讨性的问题。如有帮助的话,在展示原型之前准备一份简短的指南,列出一些你想要在会议期间提出的问题。并写一份简介,你可以读出来以帮助用户理解他们看到的是什么。以下有一些问题类型:

关于感知到的好处:

通过这个概念产品你能看出来它能为你提供的关键性的好处是什么呢?从你今天看到的这些功能来看,哪项功能会令你使用这款产品?哪项功能会使你想要使用本产品却在原型中没有看到呢?

关于积极和消极的反应:

从1到5来衡量的话,你有多喜欢这个设想?为什么?

关于意识:

看完今天这款概念产品,令你印象最深刻的是什么?你还记得哪些?

关于比较优势:

(如你向用户展示了超过两个以上版本的原型,询问他们哪种版本最好)哪个版本最吸引你?

关于情绪反应:

这个概念产品令你感觉如何?(通过列出情绪列表来帮助用户——高兴、沮丧、生气、兴奋、无聊等等,或画出描述这些情绪的面部插画。让用户选择一个或以上的被你的原型触发的情绪选项。)

关于使用意向:

从1到5来衡量的话,如果今天看到的这款概念产品最终被开发出来,你有多想要使用它?为什么?

普通反馈:

如你感到有任何可以改进这个设计的地方,请随意更正和修改并注释出来。

  1. 学习:展示完毕,接下来如何?

收集用户的反馈并找出他们对该原型相似的评价,建立一个亲和图以识别出最常见的建议。结合这些反馈用于建立一个在细节上有更完善的外观和更好用户体验的高保真原型。根据需要,募集尽可能多的用户重复测试。

结论

希望本文能够帮助你理解低保真原型在我们的设计过程和结果中所产生的影响。以上的五个步骤,是为了指导你完成构建和测试低保真原型的过程,而且这一定能够帮助你提高设计的质量和深度。试想一下你最近着手的原型设计:如何在投入了大量时间和精力雕琢之前测试它们?很难发现你所构建的粗略表述的原型的保真程度也许正是你所需要的,并且它正可以回答关于有效性这一最关键的问题。当你怀疑自己的早期原型是否已准备好测试时,请记住作家Elizabeth
Gilgert的话:

为了坚持不懈地努力创新,你无需过份要求自己,因为并非所有事情都会尽善尽美。略有瑕疵也只是一个漫长尝试过程中的组成部分。

admin

网站地图xml地图