低保真和高保真的区别,用案例帮你厘清原型:草图、低保真以及高保真之间的区别

1、用案例帮你厘清原型:草图、低保真以及高保真之间的区别【低保真和高保真的区别,用案例帮你厘清原型:草图、低保真以及高保真之间的区别】最近有个朋友向我咨询:产品设计流程中原型、交互和视觉之间孰先孰后问题,并由此引出了原型低保真、高保真以及视觉稿之间的差异的思考 。先解决我朋友的问题,交互是存在原型之中的,即设计原型的过程中也包含着添加交互的过程;而视觉稿呢,则是在原型通过评审之后 , 再进行设计的产物 。三者的前后顺序可以大概理解为:原型-交互-视觉 。
从建筑学的角度来看,大家可以将原型和蓝图(施工方案)对比理解,两者的区别在于应用场景不一样:前者应用在移动/互联网、后者应用到实体施工现场 。而接下来是要探讨则是原型的三种形态——草图、低保真原型(线框图)、高保真原型之间的区别 。
手绘草图
手绘草图一般应用于产品概念的形成阶段 。这个阶段可能发生的场景颇多:可以是团队成员之间的头脑风暴,也可以是个人在收集及整理需求时诞生的灵思妙想,还可以是你在某个明媚阳光下漫步看到树影婆娑突然萌发的灵感 。
在这个美妙的moment,兴许你会马上拿笔把它画出来,也可能立刻用电脑记下来 , 还有可能立即停下脚步散落在脚边的石子划开来 。但无论画的怎么样,都没关系 , 因为这个只是灵感发生变化的开始,也就是产品原型的最初样子——草图 。
手绘草图是由产品经理来给产品需求描绘出的一个雏形,主要用于梳理及向项目负责人证实产品需求是否确实存在 。手绘草图 , 不仅可以避免对产品需求的片面理解 , 在一定程度也可以提高产品经理本人的思维拓展能力 。
低保真原型(线框图)
与草图相比,线框图显得更加完整、饱满,它明确地表达:内容大纲(什么东西、信息结构(在哪)、用户的交互行为描述(怎么操作) 。主要应用在产品需求已经成型无需改动阶段,这个时候,产品的业务流程、信息架构都已经确定 。产品经理在设计原型时也会遵循一定的规则,比如遵循栅格系统的布局规则、运用格式塔原理进行排版和设计 。但这时的原型还是呈现为灰度图 , 这也是和高保真原型最大的区别 。
线框图可以帮你平衡保真度与速度 。绘图时不用在意细枝末节,但必须表达出设计思想,不能漏掉任何重要的部分 。就像给项目以及一起协作的团队成员(开发工程师、视觉设计师、文案作者和项目经理),开辟了一条辅助理解设计的通道 。说得再明白点,你是在设计城市地图 , 地图上能展现出每一条街道,只不过绘制上做了简化 。看地图能看出城市的框架,但无法一览城市的美感 。