高保真原型应保真到什么程度?

阿拓带你飞:最近设计师、产品经理谈到高保真原型,但是都没有一个标准来确定应保真到什么程度。首先应该定义什么是高保真,其次考虑不同的交付对象,产品本身不同时期,不同环境下的高保真,最后各方工作习惯和讨论根据该怎么做到高保真。以下是来自“知乎问答”整理的回答!

一:为什么要做高保真?

@March Liang,产品设计师

根据开发状态,做最高保真的原型。最终期望是能达到的就是和产品实际运行时一样的状态。

1. 高保真原型可以显著降低沟通成本。

所有人只用看一个交付件,并且这个交付件可以反映最新的、最好的设计方案。产品的流程、逻辑、布局、视觉效果、操作状态。也许制作高保真原型需要花费多一些设计的时间,但这是完全值得的,降低的沟通损耗,带来顺畅的开发制作流程是无以复加的。如果是远程配合的团队,这个好处会加倍放大。设计师还是可以做很多效果图,贴的满墙都是,到处展示。产品经理也可以尽可能详细的列出流程图,和人讨论逻辑。但最终,请一起制作高保真原型,作为最终确定方案输出。

2.高保真原型会最大的降低制作成本。

好的设计是不断尝试出来的。高保真原型可以在只投入少数开发力量的同时,就进行各种测试。很多问题,要投入使用场景才能发现。高保真原型可以帮助开发者模拟大多数使用场景。如果等所有人努力都结束才看到成果,这真的太可怕了。尽早对自己产品进行验证,这个是敏捷开发的原则。产品的开发要分为一个迭代一个迭代的短期开发,以一个一个小成果来持续验证产品,就是为了避免风险,然后持续改进。

@朱晨,产品设计师

任何产出物都具备两种作用。一种是创意发散阶段,产出多个方向,供后面筛选;一种是交付阶段,设计方案确定了,需要交付给下一阶段。从节约资源的角度来考虑,高保真存在的前提是其依赖的前期元素都是确定的,这样投放在后期的资源才不会因为前期根基的动摇而尽废。

在创意发散阶段,假设项目进度已经到了需要确定精确尺寸,颜色,风格等后期元素的程度,设计师就应以用户需求场景、信息架构、布局等为确定的基础约束条件进行发散,想出多种视觉设计方案填充到已有的低保真原型框架上,再按照一些客观原则进行收敛过滤,找出最合适的选项。但通常收敛这个阶段会是产品大老板来拍板,虽然这并不应该成为唯一的决策方式。

在交付阶段,设计师应该对高保真阶段选定的设计方案中的元素进行充分的描述,以便充分地传达给下游的合作者。通常这些合作者是前段重构。所以要用程序员最熟悉的语言来描述设计,比如以CSS的盒子模型的方式来标注尺寸,以网页色彩体系来标注颜色。

二:什么是高保真?

@朱晨,产品设计师

让产品原型尽可能的高保真、华丽丽、无限逼近于完整产品是每个人都要的。但同时高保真也意味着大量的资源投入。如何在设计中既实现尽可能高的保真度,同时又避免资源浪费呢?这即需要我们对高保真的意义有清醒认识,同时也需要吸取一些敏捷的思想。一个华丽丽的作品(不局限于互联网产品)不可能一下子就从脑子里创意变成现实。它会被拆分成一系列相互依存的元素,整个组装过程会先从最基本的元素开始,逐渐填充和丰富。高保真的高是以完整的、可为消费者服务的产品为标准的。产品的诸多元素,目标用户、用户需求场景、信息架构、布局、控件逻辑、尺寸、色调、纹理、风格等等,被填充的越丰满,对最终完整产品的“模拟”程度就越高。只要能让这个半成品看起来更像是成品,就是高保真,怎么个像法,可以有很多选择。所以,所谓的“高”保真可以是对外观的高保真,也可以是对交互逻辑的高保真,或者对代码性能、流量消耗的高保真。

@Qin Yu,交互设计师

高保真”并非一个既定的目标,高保真/低保真原型都是一种沟通的媒介,具体使用高保真或低保真取决于原型的目的(比如项目前期的方向探索、中期的细节讨论或后期的交付)

高保真原型并不局限于界面,(至少)包括以下几项:

1原型的概念或想法说明; 2详细交互动作与流程;3各类后台判定;4界面排版;5界面切换动态;6异常流处理;要做到让PM,RD,客户能够理解的程度。

@胡振宇

按照原型的保真性来划分的话:

手绘静态线框

Axure等软件创建静态线框

Axure等软件创建静态线框+PS出的实际UI效果图

Axure等软件创建带交互效果的动态线框+PS的出实际UI效果图

HTML+CSS+JS的实际html页面

如果做对外项目,那么建议做到“Axure等软件创建带交互效果的动态线框+PS的出实际UI效果图”。这样的原型能作为项目的备底,未来和客户有争议的时候,拿来用。如果做内部开发项目,只要对方能理解。保真度需要做多高?这个问题很难有准确的结果,高保真原型主要是从两个方面进行研讨:一是视觉效果,二是可用性,包括用户体验。其实只要能给予产品开发足够的支持,就够了。

@chrisyuan,腾讯交互设计

真正意义上的高保真原型我认为应该是产品逻辑、交互逻辑、视觉效果等等极度接近最终产品的形态。这样不熟悉产品的人也能通过观察、使用明白这个产品有什么用。

那是否由一个人来独立完成这样的高保真原型呢?或者说是否有一个大牛能独立完整这样的原型?应该有,但是数量肯定有限。而大部分人都应该是专精某一方面,所以才有了团队的协作,通过集体努力打造一个成功的产品。对于互联网产品团队而言,基于瀑布流式的开发模式,产品经理、交互设计师、视觉设计师、前端开发、后端开发等等角色重点关注的方向是不同的,每一个角色应该在各自专注的领域做到尽量高保真。

产品经理应该保证产品策略和产品逻辑的高保真,然后交付给交互设计师,交互设计师应努力保证交互逻辑,使用逻辑,信息结构等等的高保真,再交付给视觉设计师。

三: 使用高保真原型的禁忌

@朱晨,产品设计师

高保真原型其实就是产品开发进行到后期的半成品。从一个脑袋里的idea到像模像样的半成品,是需要投注很多心血的。每艰难地前进一步,都是以已有的步子为前提。

最大的禁忌就是老大说我只看高保真的漂漂亮亮的东西,然后指着高保真的设计说早期的哪些步子定的不对。这种决策方式是对资源极大的不尊重,一旦早期的东西被干倒,后面的功夫都白费。

第二个禁忌就是各合作方没有把自己份内的构思充分夯实,就交付给下一步的合作者。夯实可以通过多从利益及决策相关人获取反馈,也可以通过自己多加发散再严格收敛,但终究要保证交付给别人的东西是经得起考验的,靠谱的,不会轻易改变的。一旦别人以你的东西为参考投入更多精力去丰富了产品,却被告知要返工,损失的资源和信任不止一点点。

第三个禁忌就是在向下一步合作方交付时传达信息不充分。传达信息可以靠更恰当、充分的文字标注,也可以靠面对面的交谈探讨,甚至还可以加上重复确认。当然,这是要消耗大量精力的,但这也是成为一个负责人的雇员应有的尽责态度。


链接https://www.zhihu.com/question/19973970/answer/15700829

著作权归作者所有,转载请联系作者获得授权。

我认为所谓的高保真产品原型需要同时并且充分考虑:产品逻辑、信息架构、设计和交互。

产品经理&产品设计师最快速度勾勒出来的产品原形,工程师可以在设计师还没有全部搞定设计稿、甚至于因为一些外部不可控因素下视觉设计师没有完全介入项目前就可以开始Coding

所有关键流程,特别是界面的跳转,在原型中通过锚点和连接建立基本关联;较为复杂的产品逻辑,产品经理&交互设计师麻烦配上工程师最能够理解的流程图说明

简单的交互动画在原型绘制过程中,面板空白处黄底高亮注明说明;复杂的交互实现,称得上高保真的原型需要同时配合Flash实现基本动画效果;比如 解锁动画,Paper Fold、Path2.0 Flyout Menu 类似复杂程度的效果(这点我目前做不到,但是合作过的一个交互设计师十分擅长通过Flash 或 GIF 实现复杂动画效果)

在敏捷高效的团队中,让设计师沦为美工。这句话说出来估计会被很多人领出来批斗,但是我主要想要表达的一个观点是:你有想过在你的有限的职业生涯中有机会碰到一个有想法会交流,然后又跟你磨合的很好的设计师机的概率概率有多大?我承认,优秀的设计师会让整个产品的用户体验提升数个档次,但是你可能并不那么走运,遇到的也许只是一些傲娇的PS美工。所有人都希望与最优秀的人共事,但事实情况下并非如此,所以,你只能更多的严格要求自己,通过自生专业技能的不断提升,让设计师最终心甘情愿沦为你的双手、你的专属美工,注意,是心甘情愿的。

下图是一个多月前我在折腾的某电影网站V1.0 HTML5版本的原型图—电影排片以及预订支付的原型。


本文由人人都是产品经理@阿拓整理自知乎问答,转载请注明出处并保留本文链接。

您的赞赏,是对我创作的最大鼓励。

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

推荐阅读更多精彩内容