你好,首先我觉得原型设计需要根据需求(内部需求和外部需求)来设计自己的原型,其次你要明确产品原型相关意义~下面分享一些,你可以根据自身问题,看一看~
原型的定义:
用线条、图形描绘出的产品框架,也称线框图。
交互设计的结果输出,可能是一张纸上的几张图;原型代表着交互设计的结果,当最终实现的时候,交互流程会和原型保持一致;可以理解为草稿或者叫做参照物
原型是一种让用户提前体验产品、交流设计构想、展示复杂系统的方式。就本质而言,原型是一种沟通工具。
原型设计:
线框图描绘的是页面功能结构,它不是设计稿,也不代表最终布局,线框图所展示的布局,最主要的作用是描述功能与内容的逻辑关系。
原型图是最终系统的代表模型或者模拟,比线框图更加真实、细致。
原型设计的作用,主要有两点:
沟通: 因为是原型是需求和功能的具象化表达,所以原型可以辅助产品经理与领导、交互、UI和技术的沟通产品思路。虽然需求文档也是可以满足沟通需求的,通过用例将交互写到设计描述文档中,但是原型可以更详细地解释交互。
测试:因为原型相较于UI稿来说修改更方便,所以原型能提高产品经理的功能设计没通过评审时返工的工作效率。没有哪一家互联网公司可以不经过测试,就直接上产品和服务。原型在识别问题、减少风险、节省成本等方面有着不可替代的价值。
原型设计的目的:
1原型设计的核心目的在于测试产品,没有哪一家互联网公司可以不经过测试,就直接上产品和服务。
2原型在识别问题、减少风险、节省成本等方面有着不可替代的价值。
3虽然需求文档也是可以满足沟通需求的,通过用例将交互写到设计描述文档中,但是原型可以更详细地解释交互。
设计流程:首先明确产出原型目的以及用户群体,这个原型有多大效率帮助我传达设计或测试设计? 有多少时间做原型?其次需要什么级别的保真程度?
具体方法:
步骤一:画草图:画草图的目标是提炼想法,并且最好给画草图加上一个时间限制,那就是15分钟。如果你绘画能力很差,那么恭喜你,可能你能更好地用好草图,因为你的注意力没有放在美化你正在画什么上面。另外画草图要避免陷入审美细节,尽可能快速的导出想法才是关键。
(用纸笔画的用户个人账户的草图示例)
步骤二:演示及评论
演示和评论的目标是把一些想法拿出来跟大家分享,然后进一步完善想法。
在演示过程中,要做好记录,演示和评论的时间可以对半分。
步骤三:做原型
在明确了想法之后,就可以开始进行原型设计了。这个阶段需要考虑很多细节,找出切实可行的方案,运用合适的原型来表达。
步骤四:测试
原型的目标之一是让受众来检验产品是否达到了预期,因此可以请5-6位测试者,通过音视频捕捉等方式,看看产品原型是否被顺畅地使用了。
原型设计工具:选择什么工具来制作原型?主要考虑以下几个因素(排名分先后):
1 熟悉程度和获得工具的便利度;
2 所需的时间和精力;
3 可复用的代码/框架;
4 为测试创建可用的原型;
5 价格和学习曲线。
目前比较好用的在线原型设计工具有Marvel,Invision,墨刀等等。
从项目大小来讲,在产品经理能力足够的情况下,一个小型项目一般需要2天左右,而一个大型项目则很可能需要一周以上。
从原型完整度来讲,只承载信息主干的粗糙原型图耗时较少,一般一个小时左右就可以创作一个或多个网页,而完整的高保真原型耗时较多,一般一天左右才能创作一个网页。原型图的设计通常需要经历几个阶段:1、前期准备阶段主要是前期的需求分析,确定目标用户的定位、痛点、使用场景等等,清楚页面流程和需求的业务逻辑,可以将页面的功能结构用脑图列出来,方便后续原型图制作。
如果是创业公司,或者试错性业务,可以尝试下低代码的相关产品,产品经理把能看到的界面、简单的业务逻辑配置出来,那么交给技术的时候算是个半成品,这样双方技术交底也简单。
这样的情况,产品经理就会非常深入的参与到项目交付中去,这种样式扯皮的事情也少了。
推荐这个私有化部署、免费使用、且可以购买源代码的低代码工具,这个对于处于长期试错的公司应该是特别需要的,在线demo地址:framebctoolscn,这个也是有开源的版本,gitee地址:/software-minister/jvs
一、主体不同
1、UI:是指对软件的人机交互、 *** 作逻辑、界面美观的整体设计。
2、原型图:是交互设计师与PD、PM、网站开发工程师沟通的最好工具。
二、定位不同
1、UI:好的UI设计不仅是让软件变得有个性有品位,还要让软件的 *** 作变得舒适简单、自由,充分体现软件的定位和特点。
2、原型图:设计在原则上必须是交互设计师的产物,交互设计以用户为中心的理念会贯穿整个产品。利用交互设计师专业的眼光与经验直接导致该产品的可用性。
三、作用不同
1、UI:在UI设计过程中,需求设计角色会确定软件的目标用户,获取最终用户和直接用户的需求。 用户交互要考虑到目标用户的不同引起的交互设计重点的不同。
2、原型图:系统分析员,用来了解用户界面如何影响系统分析;设计员,用来了解用户界面如何施加影响及它对系统“内部”的要求。
参考资料来源:百度百科-UI设计
参考资料来源:百度百科-原型设计
摹客的Mockplus就可以做PC软件的界面原型。 我们团队用了几年了,整体使用起来就是简单。软件创建项目的时候可以直接导入一系列高质量的网页或App模板,改一改,就可以快速呈现自己的设计。如果不想用模板,直接拖拽各种组件和图标到工作区,从头制作也非常快, 加上动效和交互,几分钟就搞定了。
如果想和其他团队的设计师一起制作和迭代的话,直接用它的团队协作功能就可以了。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)