Ⅰ “原型”是什么意思
什么是原型和设计?
原型:用线条、图形描绘出的产品框架,也称线框图。
设计:综合考虑产品目标、功能需求场景、用户体验等因素,对产品的各版块、界面和元素进行的合理性排序过程。
原型设计的重要性是怎样?
产品阶段:Idea→需求采集→功能结构→原型设计→产品需求文档(PRD文档)→Roadmap
原型设计在整个产品流程中处于最重要的位置,有着承上启下的作用。何出此言?原型设计之前需求或是功能信息都相对抽象,原型设计的过程就是将抽象信息转化为具象信息的过程,之后的产品需求文档(PRD)是对原型设计中的版块、界面、元素及它们之间的执行逻辑进行描述和说明。所以说,原型设计的重要性无可替代,产品经理应当要对此有绝对的控制和驾驭能力。
话说回来,原型设计虽然很重要也应当是有限度的,原型设计的作用有以下几点:
1、因为是原型是需求和功能的具象化表达,所以原型可以辅助产品经理与领导、交互、UI和技术的沟通产品思路。
2、因为原型相较于UI稿来说修改更方便,所以原型能提高产品经理的功能设计没通过评审时返工的工作效率。
原型设计的类型和工具有哪些?
1、手绘原形(草图)
所需工具:铅笔、橡皮、白纸
铅笔相比于中性笔的好处在于方便修改,白纸的好处在于安静的随心所欲,不过对于移动产品的设计来说,本人倾向于使用印有手机框架的白纸上绘制,以便于快速进入情景状态,也能对首屏的界面分配做到心中有数。
PS:给草图(App)拍照,配合POP使用,也可以实现交互效果,有兴趣的童鞋可以试下。
原型的目标在于清楚的表达产品的设计理念和功能的执行逻辑,所以我认为能够达到这个目标的原型都是合格的,在原型中加入色彩和交互的目的无非是让产品经理与技术的沟通更加顺畅。再说,PRD的作用也是交付给技术,完整的PRD应当包括功能需求、线框原型、PRD描述、UI稿、UE演示和修订记录。产品经理阶段的原型就高保真了,是不是PRD就不用写了呢?视觉设计师的UI稿根据高保真原型来设计?那交互设计师的呢?(多数公司没有该职位)
多一些时间,用来观察用户、分析需求、重视(用户体验)细节……
Ⅱ 产品交互原型用什么做
国内外很多制作产品交互原型的软件,下面我分享几个比较常用的制作原型软件,希望对你有帮助~
Axure:发展较早的一款原型设计软件,因而名声较大。无限画布,适合做低保真到中保真度的原型。功能很多,也让学习起来有点难度,网上有很多axure教程就不多说了。本地型软件,可以下载html文档预览,手机预览不方便。
墨刀:国产的一款原型设计协作工具,比起axure来非常容易学会,内置组件很多,创建页面跳转也比axure简单太多。因为是一款在线工具,可以云端保存工作,这点确实很便捷。另外,通过分享链接就可以分享原型给别人看了,如果涉及到跟同事对接什么的,选择在线的工具更方便。支持sketch文稿导入和自动标注。个人认为性价比最高。
Invision: 可以说目前是国外发展最大的在线原型设计工具,主打“交互原型”和“协作”,支持sketch和ps设计稿导入做交互。近来出的 Invision studio 对标sketch,想满足更惊喜的设计需要。国外一些大牛公司像airbnb和amazon都在用。不过对于国内用户来说会有服务器速度的问题,而且,贵。(土豪公司无视)
Marvel: Marvel 也是海外知名度较高的一款原型设计协作工具,支持PS和sketch设计稿导入做交互原型,本身也支持中度保真程度的设计。也有自动标注功能。图片库对接unsplash,这样来自unsplash的很多精美的免费图片可以直接用。价格比Invision稍便宜。
POP(Prototyping on Paper):这款比较另类,是给拍照的手画草图直接做交互。操作轻巧简单:先用手机拍下草图原型(存到POP app内);然后开始编辑图片的哪个区域(按钮)链接到什么页面,添加跳转链接热区,就可以在手机上给小伙伴们演示了。内嵌的交互动作 如侧滑、展开、消失等,即可满足一般的动态演示需要。但功能较为简单,对更深的需求无法满足。
Proto.io:也是国外的一款手机原型开发平台。支持在大多数的浏览器运行,共享和协作操作方便,可以直接在真实的移动设备上对原型进行测试。拥有较为丰富的UI组件,支持自定义。另外它有不错的用户测试功能,支持视频录制。并且在移动组件时,能够实时在画布看到组件之间的距离。另外由于服务器的原因,有国内用户反应速度有点慢;收费较高,性价比一般吧。
有疑问可以追问,满意请采纳,谢谢~