您当前的位置:首页 > 养生 > 内容

产品原型设计(原型设计是什么,该怎么使用它)

本文目录

  • 原型设计是什么,该怎么使用它
  • 做产品原型设计有哪些需要注意的问题
  • 产品原型工具有哪些
  • 产品经理该不该画原型原型设计上谁负责
  • 如何通过原型制作来实现信息产品创意的流程
  • axure是什么软件
  • “原型”是什么意思
  • App 产品原型设计用什么软件axureMMvisio
  • App 产品原型设计用什么软件

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

我们首先明确两个定义:

原型的定义:

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

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

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

原型设计的定义:

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

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

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

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

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

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

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

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

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

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

    2. 所需的时间和精力;

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

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

    5. 价格和学习曲线。

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

    希望对你帮助~

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

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

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

产品原型工具有哪些

产品原型工具有Pixso协同设计,PencilProject等,其中推荐选择Pixso协同设计,该工具不仅是一站式产品设计协作工具,更是一款专业的UI/UX设计工具。更多矢量网格、布尔运算、样式创建、智能排版等高阶功能,组件级自动布局,增加或删除内容都无需手动调整,智能排版,且自适应不同屏幕尺寸。使设计师真正专注于创造本身。Pixso通过内网本地服务器部署,确保团队敏感数据和核心业务数据私有化,直接在原型基础上,快速邀请团队成员开启设计协作,自动生成切图标注,打开浏览器就能获取CSS、iOS、Android代码片段,还能根据团队配置,进行定制化功能开发,自定义管理权限,规避数据泄露风险。想要了解更多关于产品原型工具的相关信息,推荐选择Pixso协同设计。该工具无缝衔接以往工作,支持Sketch、XD、SVG等文件导入导出,自由进行Sketch的文件格式转换。并且,文件自动保存到云端,一键回溯到任意历史版本,再也不用担心文件丢失。素材库集成众多大厂优秀的设计系统,所有UI设计师均可直接拖拽复用,从此省去大量模块化设计环节的重复劳动。

产品经理该不该画原型原型设计上谁负责

我作为10多年互联网行业的老鸟,从三个问题的回答来一次性解决你所有问题。

一、产品经理应不应该画原型?

直白地说,产品经理是不应该画原型的,或者说不应该只画原型。

原型仅仅是工具,它是用来阐述界面操作流程的。原则上,产品经理是不会直接控制这个环节的。

那么产品经理应该做什么呢?对于产品经理来说,需要更多侧重分析用户需求、规划功能上。张小龙说过:“产品经理是站在上帝身边的人。”他把产品经理比喻成看透芸芸众生及人性的上帝视角玩家,那么上帝身边的人就要根据用户的需求,为这个产品设定游戏运转规则,整体上推动产品运转,不客气地讲,脏活累活是甩给交互去做的。

产品经理确实也需要画图,但应该画的是“故事板”,向大家讲清楚,我们这个功能,在用户的真实生活中是帮他们解决什么困难的,舍本逐末,不可取。

当然,这是把产品和交互分成两个角色来说的。一个思考需求,一个思考实现。只要足够牛逼,包圆儿了也没问题,只是不要再招一个交互了,会害了人家。

二、产品经理应不应该懂交互设计?(你应该也很想知道)

答案是肯定的!您可能会觉得矛盾,上文说产品经理不应该画原型,那为什么非得还要懂交互设计?这不矛盾。

产品经理对待产品要像孩子一样呵护,如果完全禁止产品经理不画交互设计稿,就好像不让扎克伯克写代码一样的感觉;反过来看,有几个产品经理可以把代码(或交互稿)的工作做得像扎克伯格一样优秀呢?

究其原因,国内产品经理现在画交互设计稿的现象,是行业起步落后和交互设计人才缺乏最主要的原因。产品经理应该不应该画交互设计稿,很大程度上取决于企业文化和组织架构。

我认为正确的做法应该是,产品经理对待交互稿,应该是快,草;快速梗概的把信息传递给交设计师,交互设计师根据大致概念信息形成细化的方案,这个是两者最大的区别。如果说配合,这样的配合是最高效的,这里。

三、产品经理和交互设计是应该怎么分工?(之前的方法论,这条是落地执行干货)

产品经理主要负责用户需求整理,规划,功能筛减,商业模式、运营模式探索,版本迭代时间规划,敏捷开发功能点描述等;

如果是WEB端的产品,交互相关的东西会涉及的比较少,由于产品经理洞悉各个功能点,倘若对原型设计较为精通,那么由PM亲自操刀出来的原型,既有利于开发人员了解功能点,又能减少与交互设计师沟通的时间,如此可以大大提升工作效率。

如果是移动端的产品,交互相关的东西会涉及的比较多,由于产品经理需要规划每个功能点,倘若操刀交互细节,将会非常费力,这个时候可以考虑将交互的细节分给交互设计师来做,自己全心全意规划功能,此为上策。虽然花费了一些沟通成本,但优化后的交互细节,在用户体验上会达到一个更加专业的程度。

综上所述,产品经理的demo和交互设计是的demo,最大的区别在于对交互细节的描述上,亦需根据产品的交互复杂度来定。

题外话:作为产品经理,需要不断提升自己的能力,熟悉使用各类工具和在线设计平台,比如国外的软件Sketch、Axure、justinmind,以及国内的摹客在线产品设计协作平台。不管是交互还是技术甚至是UI审美方面,都要保持进步,这样才能应对更多的复杂急性事件。

如何通过原型制作来实现信息产品创意的流程

什么是产品原型说的简单一点,产品原型是设计方案的表达,是产品经理、交互设计师的重要产出物之一,也是项目团队的其它成员(尤其是设计师、开发人员)的重要参考和评估的依据。结合我们前面了解的知识,产品界面原型其实就是页面级别的信息架构、文案设计、及页面和页面之间的交互流程,它是产品功能与内容的示意图。直接上几个原型图,可能会更加清晰明了,如下图:原型设计稿产品设计原型按照精细程度来分,可分为低保真产品原型和高保真产品原型、设计成品低保真产品原型所谓低保真原型,其实是对产品较简单的模拟,它只是简单的表述了下产品的外部特征和基本功能构架,很多时候都是用简单的设计工具迅速制作出来,用来表示最初的设计概念和思路。比如用纸和笔进行的手绘,用画图软件做出的简单线框图,都算是低保真产品原型。这样的原型图有几个好处:可以快速产出:有时候一个需求的开发周期很短,低保真原型可以快速满足同事的时间要求。修改成本低:一个产品策划很可能会被修改很多次,低保真的原型修改起来很方便。当然,低保真原型也会有几个问题,比如交互细节不清楚,容易造成误解等。通常来说,一般只有时间比较紧迫,需求也比较简单的时候,我们才会去产出低保真产品原型。高保真产品原型高保真产品原型,则是高功能性、高互动性的原型设计,是忠实展示产品功能、界面元素、功能流程的一种表现手段。原型图中无论是功能模块的大小,还是文案设计甚至是所用的图标、图例、交互动作,都使用真实素材,或者说和最终UI设计师的产出非常接近,就算是高保真产品原型了。高保真的好处:便于梳理产品细节:制作高保真原型的过程中可以让产品经理提前发现产品潜藏的各种问题,提前处理风险。更容易让其他成员了解产品设计:有时候简单的线框图无法让别人想象出你要做的事情,也不清楚你要放的是哪几个字段,而高保真原型就可以。相对而言,劣势就是制作周期比较漫长,涉及到产品流程的修改,那基本原型就得回炉重造一遍。对于刚入门的产品经理,我一直建议有时间的话,还是尽可能多的画高保真原型。因为在一开始产品设计经验不多的情况下,通过设计一些高保真原型,对梳理自己的产品思维、了解产品设计是很有帮助的。对于已经入门很久的同学来说,则看需求的复杂程度和时间安排,比如产品的关键页面是必然要用高保真原型去设计和梳理的。设计成品设计成品在这里,你也可以理解为是视觉设计师产出的UI设计稿,也就是设计师对你的产品原型进行美化之后得出的作品。设计师会运用一定的设计规范,来将你的原型变成可以让开发进行实现的作品。

axure是什么软件

axure是一款原型设计工具,更推荐选择Pixso协同设计。Pixso 不仅实现了和 Sketch、Adobe XD的无缝衔接,更基于优秀的组件变体、自动布局、实时协作等特色功能,团队成员面对一个复杂的设计项目,不再需要等主视觉完成后再进行子页面设计,让UI设计师在网页上就可以尽情自由创作。Pixso协同设计可以无缝衔接以往工作,支持Sketch、XD、SVG等文件导入导出,自由进行Sketch的文件格式转换。并且,文件自动保存到云端,一键回溯到任意历史版本,再也不用担心文件丢失。素材库集成众多大厂优秀的设计系统,所有 UI 设计师均可直接拖拽复用,从此省去大量模块化设计环节的重复劳动。想要了解更多关于设计工具的相关信息推荐选择Pixso协同设计。Pixso是一款专业的在线UI/UX设计工具,内置众多大厂的优秀设计规范,提供海量设计模板和素材,集成众多大厂优秀的设计系统,所有 UI 设计师均可直接拖拽复用,从此省去大量模块化设计环节的重复劳动,本地化字体资源,及专属私有化部署。

“原型”是什么意思

什么是原型和设计?

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

设计:综合考虑产品目标、功能需求场景、用户体验等因素,对产品的各版块、界面和元素进行的合理性排序过程。

原型设计的重要性是怎样?

产品阶段:Idea→需求采集→功能结构→原型设计→产品需求文档(PRD文档)→Roadmap

原型设计在整个产品流程中处于最重要的位置,有着承上启下的作用。何出此言?原型设计之前需求或是功能信息都相对抽象,原型设计的过程就是将抽象信息转化为具象信息的过程,之后的产品需求文档(PRD)是对原型设计中的版块、界面、元素及它们之间的执行逻辑进行描述和说明。所以说,原型设计的重要性无可替代,产品经理应当要对此有绝对的控制和驾驭能力。

话说回来,原型设计虽然很重要也应当是有限度的,原型设计的作用有以下几点:

1、因为是原型是需求和功能的具象化表达,所以原型可以辅助产品经理与领导、交互、UI和技术的沟通产品思路。

2、因为原型相较于UI稿来说修改更方便,所以原型能提高产品经理的功能设计没通过评审时返工的工作效率。

原型设计的类型和工具有哪些?

1、手绘原形(草图)

所需工具:铅笔、橡皮、白纸

铅笔相比于中性笔的好处在于方便修改,白纸的好处在于安静的随心所欲,不过对于移动产品的设计来说,本人倾向于使用印有手机框架的白纸上绘制,以便于快速进入情景状态,也能对首屏的界面分配做到心中有数。

PS:给草图(App)拍照,配合POP使用,也可以实现交互效果,有兴趣的童鞋可以试下。

由于草图的非正式性,多使用原型设计的前期论证阶段(功能设计可行性),个人也比较喜欢先画草图(纸上推演)再画工具原型(完善)。

2、工具原型

所需工具:Axure RP(推荐)、Justmind(App)、Keynote(最近比较火,适用于Mac OS)

多说一句,凡是软件(不论PC或是App),我都建议用最新版,产品经理更应该如此。

Axure RP无论是PC端产品经理还是App产品经理都会比较熟悉,通过工具绘制的产品原型已经比较正式,如果添加了色彩和交互动作(高保真),可以与最终产品形态无异。

在这里有必要说一下原型有没有必要做到高保真的状态,个人观点是:没有需要,就没有必要;时间宽裕,做交互但不加颜色。

原型的目标在于清楚的表达产品的设计理念和功能的执行逻辑,所以我认为能够达到这个目标的原型都是合格的,在原型中加入色彩和交互的目的无非是让产品经理与技术的沟通更加顺畅。再说,PRD的作用也是交付给技术,完整的PRD应当包括功能需求、线框原型、PRD描述、UI稿、UE演示和修订记录。产品经理阶段的原型就高保真了,是不是PRD就不用写了呢?视觉设计师的UI稿根据高保真原型来设计?那交互设计师的呢?(多数公司没有该职位)

多一些时间,用来观察用户、分析需求、重视(用户体验)细节……

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

  • UXPin:UXPin是DeSmart团队开发的一个在线可点击原型设计工具该软件,拥有大量用户界面元素(包括web,iOS,Android等),可以共享预览,注解和实时的协同编辑。另外该软件还提供了版本控制和迭代功能。缺点仍然在于国外服务器和价格问题。 

这些产品原型设计软件都比较常见,你可以根据你个人需求来选择,反正我使用的是墨刀,它真的省时省力提高了我的工作效率。希望对你有帮助!有疑问的地方欢迎追问~

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

分享一些我切身体验后的一些原型设计软件,你可以根据自己实际需求来选择~

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

  • Moqup:支持线框图,原型,和逻辑流程图。里面组件数量蛮多,像表格这些也有,做web项目比较便利。支持在线预览和分享,支持评论,不支持标注。上手较容易,不过没什么模板,UI有点过时感。

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


声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,谢谢。

上一篇: 海蛎是壮阳的吗(牡蛎和生蚝哪个壮阳)

下一篇: 一条语句insert一万行数据(C#的winform怎样能在1秒内向数据库中添加10000条数据)



推荐阅读

网站内容来自网络,如有侵权请联系我们,立即删除! | 软文发布 | 粤ICP备2021106084号