带你吃透原型设计

微信公众号: 且把金针度与人
作者微信:cindynan77

作为产品经理,你一定对制作原型已经熟悉地不能再熟悉了。你一定知道,要想制作对用户有影响力、有价值的产品,原型设计和用户测试是最佳方式。

通过在整个过程中逐步创建原型,你可以获得有价值的反馈来改进产品。你可以与真实的人交流,观察他们如何与你的原型互动,而不仅仅是依赖你的假设和潜在的偏见。

image

通过这种直接的互动,你将准确了解用户在何时陷入困境、他们难以理解的内容,以及他们对整个体验的内心反应。原型设计是开发出满足最终用户需求的良好体验的关键。

也许你是技术人员,也许你是管理人员,但是相信我,原型设计并不只是产品经理必备的技能,原型设计是一种思维方式,是持续学习的绝佳范例。今天我就来带你从它的作用和保证度设计来带你吃透原型设计。

原型设计是一种思维方式

牛津词典对原型的定义是:"某种东西的第一个、典型的或初步的模型,这种东西通常是机器,在此之上开发或复制其他形式"

这个定义缺失的关键因素是:随着时间的推移测试和改进原型的意图。因此,对原型我觉得更进一步的定义应该是:将想法转化为可传达给其他人或者与用户一起测试的形式,并且有随着时间推移改进该想法的意图。

传统的原型可以分为静态原型和交互原型。

image

原型设计不是你在完成项目的过程中一次就能完成的复选框。这是一种思维方式,你可以用它来自如地测试未完成的想法,从而达成最佳的结果。它拥抱未知,持续并及早测试想法。不要追求完美,当你觉得不好意思拿出手的时候,这种感觉就对了

原型设计是一种不断学习的思维方式,你和你的团队需要培养这种心态。原型可以是任何能够从你的脑海中获取想法并让其他人可以看到或者可以与用户进行测试的东西。只要你有意改进原型,你就不可能在产品构建过程中犯下真正的大错。

原型的作用

原型设计是有价值的,在不同的阶段使用的原型也不尽相同,主要原因概括为:

1.理解

作为产品经理,我相信你的产品一定经历过这样的过程:商业画布-产品路线图-移情图-用户旅行地图-情感地图-影响地图-用户故事地图-发布计划-PBI-SBI-原型设计 。所有的开始都是为了确保你基于正确的用户问题去提供解决方案。

2.沟通

原型可以帮助你向其他团队成员、利益相关者和用户展示你的想法。如果使用得当,它会成为强大的沟通工具。原型可以将你的想法转化为物理的或数字的媒介,并将模糊的、概括的想法转化为具体的对象。

没有原型,其他人就会用他们自己独特的心智模型来可视化你的想法,这样会使大家的期望很难统一。当你用屏幕上的原型或者实物的原型,而不是用一些模糊的术语来表达想法的时候,可以让大家在短时间内聚焦。

为利益相关者、同事、客户提供设计方向,得到反馈;为开发人员、工程师或制造商提供最终的设计细节。

image

3.测试

根据用户反馈验证假设来改进你的方案。用原型测试想法有助于创造更好的产品,给你方向上的指导。通过原型与用户互动,你能洞察到他们实际需要什么,而不是去猜测他们需要什么。你的团队也能从你接收到的用户反馈中受益。

4.倡导

在某些方向和关键点上,你需要说服利益相关者这是基于用户探索的正确决策。

你可以利用原型及从原型测试中得到的洞察对体验提出改进,或者用它来支持产品方向或重点的改变。当你和产品经理、利益相关者以及一个大的开发团队一起工作时,非常有必要向他们展示设计背后的价值而不是仅向他们展示视觉效果。

原型保真度

选择保真度级别是创建原型的关键部分。保真度意味着原型的外观和行为与最终产品的近似程度。合适的保真度级别会将你收到的反馈集中在合适的设计方面,因此,请根据你的原型目标选择保真度。

保真度有不同的级别(低、中、高及混合)和五个维度(视觉、广度、深度、交互性和数据模型)。

原型制作过程通常从低保真度开始,并逐渐提高保真度水平,直到你的大部分假设都经过测试,得到证明或修正。你会发现你在这个过程的早期比在晚期做出的原型更多,而随着想法变得更加精炼,原型数量会变得越来越少。

有必要进行灵活的设计,并确定哪种保真度适合你正在测试的每个假设。如果原型的保真度过高,用户会下意识地认为设计已经"完成",只对细节给出反馈,而不关注广泛的概念。如果一个原型的保真度太低,用户可能不理解上下文,然后迷失方向。在制作原型所需的时间和精力以及从特定保真度测试中获得的价值之间也存在平衡。

image

通过选择适当的保真度,或者创建混合保真度的设计,针对你在过程中的重点以及原型的目标,你将节省时间并获得所需的适当反馈,从而改进你的想法。接下来我会深入探讨保真度的各个方面。

低保真度

低保真度原型最适合测试你的核心概念,克服最初的恐惧,思考许多想法并在潜在问题变得无法修复之前将其捕获。这种原型看起来根本不像你的最终产品,它使用不同的媒介,拥有不同的尺寸,通常不考虑视觉设计(尽管在整个过程中你应该考虑视觉设计)。

这是最简单和最便宜的原型,并不需要太多时间或技能来完成。一些例子包括纸张原型。低保真度原型的目标是测试基本的、大的假设,包括用户流程、信息架构(标签、导航布局和基本组织)和用户心智模型。通过这个粗糙的原型,用户不会浪费时间对接口或设备的执行和外观给予反馈,而是专注于产品的整体使用和流程。

中保真度

中保真度原型至少在一个方面开始看起来像最终产品(以后会更多)。它们在成本(时间或其他)和价值之间取得了很好的平衡。中保真度原型开始将视觉设计、交互、功能结合在一起。

一些示例包括可点击的原型、风格面板(style tile)、Axure原型、编码原型。中保真度原型应该有一个更精确的假设来测试。一个例子是用户可以体验特定任务的整个流程。

这些原型比低保真度原型需要更长的时间,但你可以开始测试更详细的交互部分。用户将在原型本身中拥有更多的上下文,这将为你在测试中提供更多合理的结果。

高保真度

高保真度原型货真价实。这些原型具有真实的内容,大多数用户流程也可以与之进行交互。在这点上,你的大部分假设都应该在早期的原型中进行过测试。最好使用此原型来测试诸如用户对体验、动画或动作的总体反应、字体大小的易读性、长期耐用性或最终按钮的大小等小细节。高保真度原型的制作需要花费更多的时间,也需要更高的技术水平和相应的软件去完成。

在这一过程中,最好与参与制作产品的团队合作,通过与这些团队合作构建原型,你更有可能设计出可行且可制造的东西。如果你无法直接与这些团队合作,但仍需要以高保真度进行测试,请向专业人士咨询可行性反馈。然后,你可以制作复杂的数字原型,使用特定的软件如Sketch(视觉)和Axure(交互)进行设计。

image.gif
image.gif

保证度的五个维度

当制作一个原型时,我通过这五个维度来衡量我的目标或假设,以帮助我决定努力的方向。确定哪个维度对特定原型很重要,这将有助于保持专注,并节省时间和精力。

视觉细化

视觉细化指你在界面或物理对象中像素级别设计的投入或对材质的打磨程度。 根据目标(例如,理解或测试),你可能会选择较低的视觉保真度,以表明这些想法并没有固化,而是正在进行中。使用较低保真度的视觉效果,会将用户反馈集中在较大的用户流概念上,而不是对颜色、材料选择和复杂细节产生反应。

广度

原型的广度表明原型中涵盖了多少大的功能点。你不需要为你制作的每个原型提供完整的体验。如果你在选择保真度的广度方面明智一点,那么你将节省时间并能更快地进入下一步。

较低广度的原型可能只关注单一功能,更容易设计和测试该特定功能。原型广度越宽,你可以测试用户交互的完整性就越好。换言之,你可以更好地测试整个应用程序。

image

深度

原型的深度表明原型各个功能的详细程度如何。原型的一个或多个部分可能会有较深的深度,具体取决于你为测试创建的任务。在设计和开发流程后期,你的团队可能会深化许多功能,以便用户可以在一次测试中尝试产品的不同功能。

交互性

原型的交互性表示应用程序或产品的交互部分如何显示给用户。包括"行为召唤"(call to action)按钮、物理按钮、页面加载方式、界面元素如何生成动画、产品如何对用户输入做出反应等。

数据模型

数据模型包含用户在界面中交互的内容以及产品前端和后端使用的数据。如果你的产品没有真实数据,你可以提出要求,创建与你的最终内容类似的基本内容或与开发人员合作以获取正确的代码和后端结构。

你可以以此来测试信息的表达方式,当真实内容可用时,你才能对设计进行更新,并且你的测试可以指出该内容应如何优化。产品应该围绕真实的最终内容进行设计,但有时你需要在最终内容准备好之前设计出快速、低保真度原型。

小结

保真度级别是原型设计的重要组成部分,极大地影响测试结果。你必须根据目标以及你所处的开发流程选择适当的保真度级别。

希望你在工作和生活的所有领域,都会产生制作原型并进行测试的想法。你可以在低保真阶段测试想法,并自发地学习和改进它们。你可能已经开始将工作中的设计要求转化为以用户为中心的设计挑战。

更多原创推荐阅读:

2020 敏捷产品基本盘

2019,有你们的一年

BVR 才是变革的核心

用"结构性张力"构建自驱力

学习型组织的修炼之道

洞察敏捷系统(一)

DDD 实践手册(1.Get Started)

Lean UX 教你设计如何驱动产品

敏捷 + UX = 敏捷 UX

Scrum 实践之 DoD

敏捷产品管理之转型

敏捷产品管理之愿景建立

image
image
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,290评论 4 363
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,399评论 1 294
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 109,021评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,034评论 0 207
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,412评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,651评论 1 219
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,902评论 2 313
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,605评论 0 199
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,339评论 1 246
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,586评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,076评论 1 261
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,400评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,060评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,083评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,851评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,685评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,595评论 2 270

推荐阅读更多精彩内容