Axure制作原型图实战

一、概述

不知不觉已经参加工作有好些年时间了,也从一位萌新转变成了一名职场大叔,在工作的这几年里有一些感悟,今天就分享给大家;在这里,首先强调一些我的职业,没啥亮点,就地地道道的“码农”,但不同的,我是一个有情感,有感悟的“码农”,哈哈,这不,今天又来和大家唠唠嗑,今天和大家唠嗑的话题呢就是关于“码农是否需要了解产品经理相关的工作”,其实吧我觉得是需要的,不仅仅是需要了解产品经理的相关工作,业务经理相关的工作同样需要去了解,说到这里可能有些小伙伴就会抱怨道:“现在新的技术迭代那么快,还要抽时间去了解其它岗位的事,时间都被吸干了,看来真的没时间找对象了?呜呜~~”;现实会告诉你,产品设计能力,及对业务的理解能力其实和我们所掌握的技术一样重要,只要你想往上爬,那么这些是你必须要下功夫的地方,我曾经就遇到过一个干了很多年技术的同事,他一直很沉迷于技术实现,却忽略了产品能力及业务能力的提升,导致到了三十多岁还是处于底层,虽然在技术领域小有成就;为什么说产品及业务那么重要,你想想领导、公司高层都是不怎么懂技术的,也不会和你谈技术,他们只会和你提需求,你只有对产品有敏锐的嗅觉,及对业务又深刻了解,你才能有机会和他们一起讨论一些事情,能了高层交流,说明你的上升空间就非常大啊,对吧。

就拿我的亲身经历来说,我的部门经理就是一个做业务的,对公司业务很了解,但是对技术一窍不通,连“hello world!”都不会写的那种,那么他为什么能当上部门经历呢?我觉得给他很大帮助的一点就是业务,每次和高管、业务部门谈论需求的时候他总是能夸夸其谈,而我们搞技术的只能默默在一旁听着,不敢发言,因为对业务不熟悉啊,只能当一个默默的付出者,没有人会关注到我们,所以升职空间自然就窄了;说到这里我想小伙伴们应该知道了职场上应该需要掌握哪些了吧,对产品设计有自己的思考、对业务有深刻理解、对技术有使用深度等等?说了那么多似乎有些偏移今天的主题了,不过没关系有的时候话总不能只说一半,要让大家有一个整体上的认识嘛;好了,前一部分的唠嗑就先到这里,下面我主要带大家熟悉一下一个axure工具绘制原形图,这是产品设计的必备工具,也是产品经理常用的工具,当然如果你是团队里面的leader,那么我觉得掌握原型图绘制是很有必要的,废话不多说盘它~

二、如何绘制原形

相信经历过企业级开发的小伙伴应该知道,一个项目的生命周期,并不仅仅只有开发这一环节,在这里简单罗列一下我们公司的一个流程:

image-20200830111756474

我们需要关注产品经理这一环节,也就是说我们绘制原形图的基本步骤为:

  • 收集用户真实需求
  • 根据需求绘制流程图
  • 根据流程图分析和选用的页面元素
  • 根据流程图及业务元素绘制原型图

三、美团登录页实战

在接收到这样的需求时,不用惊慌,也不用上来就开始绘制原形,根据我们上面的步骤来,先自己认真思考需求,觉得没问题后我们就开始绘制流程图。

1.流程图绘制

image-20200830113306792

说明:

流程图的绘制如果刚开始没有想得那么全面,可以先想到什么就画什么,后面再慢慢补充,参考成功产品的例子也是非常有必要的。

2.梳理页面元素

1.要有一个总的页面用于承载全部的登录方式跳转,密码登录方式界面,验证码输入页面,第三方登录界面等。

2.登录按钮

3.手机号作为首选登录方式,提供手机号输入框

4.用户协议

....暂时先想到这些,后面可以慢慢补充

3.绘制原形图

需要准备的工具:原件库(网上找一下,导入axure中,人家做好的一些原件方便我们使用)、icontfont图标库、AxurePR9软件(自己官网下载,然后网上找一下授权)

基本操作介绍:

image-20200830120229609

image-20200830120434654

image-20200830120718495

image-20200830120846274

image-20200830121016759

image-20200830121137176

image-20200830121328108

image-20200830121510564

image-20200830121655190

image-20200830121916445

最终绘制的效果图:

image-20200830121956437

image-20200830122029891

导入第三方组件库:

image-20200830122807290

到这里我已经带领大家绘制出了一个简单案例,工作中无论多么赋值的案例都是由一个个简单的部分组成的,这里制作的过程和逻辑值得我们借鉴

四、总结

最后和大家简单总结一下,各位一定要相信一点,慢工出细活这个道理,在公司里面无论做什么项目,做什么功能,事先都要以设计先行的原则,设计是一个思考的过程,只有想通了,后面都是工作量的事儿;注重产品思维和业务思维的成长,才能走得更远。

阅读 231

推荐阅读