×

产品原型设计

原型设计是什么,该怎么使用它?App 产品原型设计用什么软件axureMMvisio

admin admin 发表于2022-05-25 20:25:59 浏览123 评论0

抢沙发发表评论

原型设计是什么,该怎么使用它


我们首先明确两个定义:

原型的定义:

  • 用线条、图形描绘出的产品框架,也称线框图。

  • 交互设计的结果输出,可能是一张纸上的几张图;原型代表着交互设计的结果,当最终实现的时候,交互流程会和原型保持一致;可以理解为草稿或者叫做参照物

  • 原型是一种让用户提前体验产品、交流设计构想、展示复杂系统的方式。就本质而言,原型是一种沟通工具。

原型设计的定义:

  • 线框图描绘的是页面功能结构,它不是设计稿,也不代表最终布局,线框图所展示的布局,最主要的作用是描述功能与内容的逻辑关系。

  • 原型图是最终系统的代表模型或者模拟,比线框图更加真实、细致。

其次,了解原型设计的作用,主要有两点:

    1. 沟通: 因为是原型是需求和功能的具象化表达,所以原型可以辅助产品经理与领导、交互、UI和技术的沟通产品思路。虽然需求文档也是可以满足沟通需求的,通过用例将交互写到设计描述文档中,但是原型可以更详细地解释交互。-产品原型设计

    2. 测试:因为原型相较于UI稿来说修改更方便,所以原型能提高产品经理的功能设计没通过评审时返工的工作效率。没有哪一家互联网公司可以不经过测试,就直接上产品和服务。原型在识别问题、减少风险、节省成本等方面有着不可替代的价值。-产品原型设计

    (原型设计在产品设计中所处的位置)

  • 设计流程:首先明确产出原型目的以及用户群体,这个原型有多大效率帮助我传达设计或测试设计? 有多少时间做原型?其次需要什么级别的保真程度?

  • 该如何使用原型设计,那么原型设计工具就是必不可缺的。

    又选择什么工具来制作原型?主要考虑以下几个因素(排名分先后):

    1. 熟悉程度和获得工具的便利度;

    2. 所需的时间和精力;

    3. 可复用的代码/框架;

    4. 为测试创建可用的原型;

    5. 价格和学习曲线。

    目前比较好用的在线原型设计工具有Marvel,Invision,墨刀等等。

    希望对你帮助~

    有任何疑问可以追问,满意请采纳,谢谢~


App 产品原型设计用什么软件axureMMvisio


这里有一些产品原型设计软件的总结,你可以参考一下~

  • 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组件,支持自定义。另外它有不错的用户测试功能,支持视频录制。并且在移动组件时,能够实时在画布看到组件之间的距离。另外由于服务器的原因,有国内用户反应速度有点慢;收费较高,性价比一般吧。-产品原型设计

希望对你有帮助~有疑问的地方欢迎追问~


做产品原型设计有哪些需要注意的问题


1、画原型前先考虑好业务逻辑和交互逻辑。梳理好逻辑关系,在开始原型设计时才不会出现前后矛盾的状况。

2、原型图要规范,简单整洁,主要可以概括为:页面框架要清楚;页面不影响设计;页面元素要统一;页面排版要整齐。
3、原型设计不宜占用过多时间。原型图的意义是为团队成员呈现产品的主要功能和逻辑关系,因此不能为了好看而主次颠倒。对于产品经理来说,在原型设计阶段,只需要使用摹客Mockplus之类的专业工具,就能快速完成原型设计,更多的时间则留给用户需求和产品功能的整理,这样才不会犯本末倒置的错误。
-产品原型设计