JavaEE鸿蒙应用开发HTML&JS+前端Python+大数据开发人工智能开发AI+设计软件测试新媒体+短视频直播运营产品经理集成电路应用开发(含嵌入式)Linux云计算+运维开发C/C++拍摄剪辑+短视频制作PMP项目管理认证电商运营Go语言与区块链大数据PHP工程师Android+物联网iOS.NET

【产品经理】怎么画好软件产品原型图?

来源:黑马程序员

浏览9319人

2023.05.11

一、工具选择

工欲善其事,必先利其器。作为产品经理,好的原型设计是提高产品开发效率不可或缺的一部分,那么,一款好的原型设计工具就是你的武器。下面给大家推荐几款好用的原型设计软件,有需要的朋友可以根据自己的需要进行参考。

1、Axure RP

Axure RP是美国Axure Software Solution公司的旗舰产品,是一个专业的快速原型设计工具。让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。

在交互效果层面,可以实现非常多条件判断、巧妙运用可以实现更复杂的交互。

缺点:

1)正版的Axure售价高,学生等群体可能负担不起;(别怕,有破解版,哈哈)

2)动态面板和中继器较为复杂,要完全弄懂也需要一定的时间成本,学习成本高(跟着老师学习,上手快,嘿嘿)。

2、墨刀

墨刀是一款功能非常强大的原型设计工具,拥有云端保存,实时手机预览,多种手势,页面切换特效等多种功能!另外,墨刀能够快速创建页面连接,独创的拖拽连接方式,让页面间的连接关系清晰呈现出来。

缺点:

1)应用局限性。墨刀专注于app原型设计,在后台和网站稍有乏力;

2)需要收费。墨刀本地下载功能需要注册购买,无法直接分享给他人;

3)归档能力不足。墨刀更倾向于链接、二维码形式输出,不能以文档输出。

3、Mockplus

Mockplus是一款简洁高效的原型图设计软件,适合快速迭代的开发模式,无需学习、快速上手、功能强劲。支持安卓App、iOS App、Windows / MAC OS桌面程序和Web原型设计,其Web版和桌面版均可跨Window和苹果操作系统使用。

Mockplus虽然快速上手,操作简易。但是,这款工具在用户体验上是存在着一定的缺陷的。

目前Mockplus对于一些过于复杂的功能,比如:判断和变量,是不支持的。所以在用户体验上会造成影响。也不支持手势交互,无法通过其设计制作一些较为精细的操作,而且设计界面不够美观。此外,对于产品文档的支持,也有不足。

当然还有其它很多类型的原型设计工具,比如Justinmind,如果不做交互也可以考虑sketch,其他就不再一一例举了,朋友们可以根据自己的需要进行选择。这里我推荐新手一定要选择Axure RP,功能强大,有自己的元件库,也可以自己做元件库添加到软件中。

Axure RP软件你会使用了,其它的软件也不在话下。

二、确定保真程度

作为一名产品经理,必须得和原型图打交道,而许多刚入行的产品助理对原型图的绘制可能有些不太理解,因为没有相关的项目经验,原型图画得深入还是粗糙,这个度不好把握,原型图绘制是一个弹性的东西,你可以花很多时间让它栩栩如生,有视觉有交互,会让人觉得你做得非常的精美,但非常耗费时间。

不同情况有不同的需求,我们可以通过汇报对象/项目紧急情况来判定是否需要高保真原型图。

 · 如果汇报对象对互联网的理解成本高,公司给到UI、UX等设计师支持还较少。那高保真原型图可以降低沟通成本,让汇报对象更直观了解产品交互逻辑。

 · 另外,还要看项目的紧急程度,一般都按项目上线时间倒推估算画原型的时间,如果十分充裕的,你可以对你的原型图精雕细琢。

高保真不管从交互逻辑、视觉展现都更加直观,对于接收者来说,应该没有人会拒绝。

三、原型图绘制的一般绘制流程

1、思维导图梳理好架构

2、visio流程图梳理业务逻辑

3、输出原型

 · 创建一个新的原型项目

 · 利用元件库搭建组件进行原型制作(可以用线条、图形、图表、图标等素材)

 · 保存并分享原型项目

4、加交互及相关文字说明

 · 页面的跳转交互,设置触发方式、要跳转的页面、动效和时长

 · 页面的状态交互,可以实现整体页面内的交互动画。状态交互可以设置细节,比如组件平滑移动的效果,并且可以让某个组件的属性(位置、大小、颜色等)发生改变。

 · 加上必要的说明文字,增加可读性。(有些公司非常喜欢把需求也标注在原型图上)

一般来说都是按照这四步来做就可以了,如果业务简单可以忽略前两条。切记!产品经理不要盲目的一上来就画原型图,得先列清楚和想清楚之后再动手,不然会容易疏漏一些东西,造成不必要的反工。

四、如何提升原型制作效率

想在画原型这件事上提高效率,需要产品、交互或视觉设计师根据产品的品牌定位特性,设计一套模板元件,产品设计时就可以直接拖拽完成,定出基调就容易事半功倍。

福利!!!点击获取元件库(PC端常用组件,请私聊作者获取提取码及更多元件库)

提升效率从原型制作的工作中尽可以解脱出来,用更多的精力去处理更关键的地方,比如深入业务、行业、用户、运营的研究

总之:原型只是一个传达需求的工具,产品最终会怎样发展,都是依战略、市场、用户决定的,不会一劳永逸、也不会一成不变。