产品原型图是什么-交互设计 原型什么意思?

互联网产品设计过程中,原型图的常用格式,我见过6种以上。

它们的优点和缺点,介绍如下:

可以在另一台电脑上,阅读和编辑Axure原型图;

在Axure预览模式下,可以在浏览器左侧显示网页的目录;

Axure软件有Mac版本和windows版本。

如果接收文件同事的电脑,没安装Axure,就打不开了;

在手机微信聊天窗口上,不能直接阅读Axure原型图;

Axure低版本,不能打开高版本的Axure文件。

可以在另一台Mac电脑上,阅读和编辑Sketch原型图;

Ui设计师,可以直接在Sketch里面,把原型图,做成高保真的Ui设计稿;

可以导出PDF格式的多页面PDF原型图。

只能在Mac电脑上,阅读和编辑。暂时没有windows版本的Sketch软件,不支持windows电脑编辑;

不能在手机微信聊天窗口上,直接阅读Sketch原型图;

Sketch低版本,不能打开高版本的Sketch文件。

可以在Mac或Windows电脑上,阅读和编辑PPT格式的原型图;

在手机微信App聊天窗口上,直接阅读PPT格式的原型图;

可以通过其它软件,将画好的原型图,导入PPT里面。

ppt页面的面积太小,不支持表达多个页面之间的跳转关系;页面的缩放,难以操作;

PPT里面的画图控件太少,画图工具隐藏的比较深,操作起来,不方便;

可以在任何电脑上,用浏览器打开,直接阅读Html原型图;

不能在手机微信聊天窗口上,直接阅读Html压缩包的原型图;

可以先用Axure设计原型图,然后导出Html网页格式。

不支持网页的再次编辑,不支持在浏览器左侧显示网页的目录;

邮件接收Html原型图的压缩包,需要解压,然后还需要在众多网页文件中,一个个点开查看;

页面之间的跳转关系,难以表达清楚。

可以在任何电脑上,阅读和编辑jpg图片格式的原型图;

邮件发送图片格式的原型图,文件可以很小;

可以在手机微信聊天窗口上,直接阅读jpg格式的原型图;

可以先用其它软件设计原型图,然后导出jpg图片格式。

在电脑上,图片格式,比较难操作:比如:调整到100%大小,并左右移动查看页面跳转关系;

在手机上,微信发送的时候,具有流程关系的一大张图片格式的原型图,会压缩,导致微信接收后不清晰。

可以通过其它软件,将画好的原型图,导出为PDF格式;

可以在Windows或Mac上阅读;支持软件:Adobe Reader,福昕pdf,Acrobat;

可以在智能手机上,阅读pdf格式的原型图;支持手机APP软件:WPS,Acrobat,甚至微信app的聊天窗口,直接发送,对方直接打开。

在电脑上,页面容易调整到100%大小,并且左右移动查看页面的跳转关系;

Mac电脑自带的预览pdf软件,可以合并多个pdf,旋转pdf的某一张内页;

电脑版的福昕pdf软件,可以给pdf内页添加标注文本,可以在多页面的pdf左侧添加目录链接。

如果需要重新编辑pdf里面的某一页,那么就要提取多页pdf文件中的某一页,待修改好之后,再合并到多页PDF文件里;

电脑阅读和手机阅读pdf,最好是已经安装了专业的PDF阅读器。

APP产品设计的原型图,重在表达意思,只要意思传达到位了,那么格式可以不必在意。

原型图的格式,属于“道”,“法”,“器”,这3个层次中的“器”。

如果想在用户体验上,走的更远;那么就需要在“道”,“法”,这2个层次上,积累更多的项目经验,以及不同岗位的思维方式和沟通思路。

什么是产品原型

说的简单一点,产品原型是设计方案的表达,是产品经理、交互设计师的重要产出物之一,也是项目团队的其它成员(尤其是设计师、开发人员)的重要参考和评估的依据。

结合我们前面了解的知识,产品界面原型其实就是页面级别的信息架构、文案设计、及页面和页面之间的交互流程,它是产品功能与内容的示意图。

直接上几个原型图,可能会更加清晰明了,如下图:

原型设计稿

产品设计原型按照精细程度来分,可分为低保真产品原型和高保真产品原型、设计成品

低保真产品原型

所谓低保真原型,其实是对产品较简单的模拟,它只是简单的表述了下产品的外部特征和基本功能构架,很多时候都是用简单的设计工具迅速制作出来,用来表示最初的设计概念和思路。

比如用纸和笔进行的手绘,用画图软件做出的简单线框图,都算是低保真产品原型。

这样的原型图有几个好处:

可以快速产出:有时候一个需求的开发周期很短,低保真原型可以快速满足同事的时间要求。

修改成本低:一个产品策划很可能会被修改很多次,低保真的原型修改起来很方便。

当然,低保真原型也会有几个问题,比如交互细节不清楚,容易造成误解等。通常来说,一般只有时间比较紧迫,需求也比较简单的时候,我们才会去产出低保真产品原型。

高保真产品原型

高保真产品原型,则是高功能性、高互动性的原型设计,是忠实展示产品功能、界面元素、功能流程的一种表现手段。原型图中无论是功能模块的大小,还是文案设计甚至是所用的图标、图例、交互动作,都使用真实素材,或者说和最终UI设计师的产出非常接近,就算是高保真产品原型了。

高保真的好处:

便于梳理产品细节:制作高保真原型的过程中可以让产品经理提前发现产品潜藏的各种问题,提前处理风险。

更容易让其他成员了解产品设计:有时候简单的线框图无法让别人想象出你要做的事情,也不清楚你要放的是哪几个字段,而高保真原型就可以。

相对而言,劣势就是制作周期比较漫长,涉及到产品流程的修改,那基本原型就得回炉重造一遍。

对于刚入门的产品经理,我一直建议有时间的话,还是尽可能多的画高保真原型。因为在一开始产品设计经验不多的情况下,通过设计一些高保真原型,对梳理自己的产品思维、了解产品设计是很有帮助的。对于已经入门很久的同学来说,则看需求的复杂程度和时间安排,比如产品的关键页面是必然要用高保真原型去设计和梳理的。

设计成品

设计成品在这里,你也可以理解为是视觉设计师产出的UI设计稿,也就是设计师对你的产品原型进行美化之后得出的作品。设计师会运用一定的设计规范,来将你的原型变成可以让开发进行实现的作品。

关于你的提问,我来分享一下我的观点:

原型:

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

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

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

原型设计:

线框图描绘的是页面功能结构,它不是设计稿,也不代表最终布局,线框图所展示的布局,最主要的作用是描述功能与内容的逻辑关系。 原型图是最终系统的代表模型或者模拟,比线框图更加真实、细致。

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

关于交互设计和用户体验以及产品专业以后找工作的机会多少问题,还是根据

个人兴趣爱好

以及具备该项能力的强弱。

人生,就该选择自己开心快乐的职业~加油!