美文网首页产品经理@IT·互联网@产品
初阶产品或交互应如何画原型?

初阶产品或交互应如何画原型?

作者: 小楼_博 | 来源:发表于2019-08-19 18:05 被阅读5次

    现实工作中原型是产品或交互设计与开发沟通的手段之一,所以原型的质量高低决定了沟通的效果。产品经理在刚入行画原型时候会遇到以下三个问题:

    没接触过Axure、sketch、墨刀等工具,不知道如何操作;

    在画组件上浪费太多的时间;

    画出新颖的交互不知道开发是否能实现;

    以上三个问题基本上是每个过来人都要经历的,本文接下来将针对这三个问题给出相应的对策。

    没接触过Axure、sketch、墨刀等工具,不知道如何操作

    学习时间:本人本科专业是工业设计,所以在早年间学习了PS(老板称photoshop的那种大神级别的软件)、AI(排版)、Pre(视频)、犀牛(3d建模)、keyshot(渲染)等一些软件,所以在使用工具上有一定的心得体会;对于初阶来说记住这句湖:百分之八十的功能实现,取决于百分之二十的功能。所以对于新人而言,要学的只是那百分之二十的功能如何操作就好,对应上面那句话:百分之八十的时间用来学习百分之二的核心功能

    如何学:本人建议上来不要看那些:第一章:初识工具;第一节:初识矩形;第二节初始原型等这些浪费时间的视频;切记实践出真知,如果你按照上面的步骤一步步看完,估计再动手画的时候已经忘记的差不多了。。。就像背单词,永远停留在A或者Z!大家可以尝试直接上手模仿一个已经成熟的原型,然后在这个原型中打磨自己工具使用,不懂就去搜,等一个原型完整的临摹结束,核心百分之二十的功能基本上就已经掌握了。

    在画组件上浪费太多的时间

    另一个我们常见的是在已有的产品中有一些组件,只需向开发表示说明采用哪个,但实际绘画从头开始会浪费很多时间;

    如果配合默契,建议采用截图形式;

    利用额外时间,将自己负责的产品经常使用到的组件搭建一套组件库,如果公司已有那最好;

    利用现有的组件库,比如蚂蚁金服的Ant Design。

    画出的交互不知道开发是否能实现

    建议先去了解公司主流使用的技术是什么,针对此技术是否有通用型的设计范例,如果是的话那就简单的多;比如我们公司现在所有的后台采用蚂蚁金服React框架,那么对于此框架有成熟的设计组件,画原型的时候直接拖拽组件即可;如果遇到微创新交互方式,建议可以在组件的基础上跟开发人员进行沟通,产品与开发没什么问题是沟通不清楚的,实在不行多沟通几次!

    设计的时候采用主流的交互规范,比如B端可以参考蚂蚁金服Ant Design,C端建议参考微信设计模版,以上这两个都是经过大量实验相当成熟的产品,所以在设计的时候采用此方式会大大减少太过异想天开的情况。

    最后希望各位产品都能和开发工程师成为朋友,私下多沟通,这样你可以了解公司使用的技术是哪些,以及自己想做出来的效果是否能实现,耳濡目染多了,自己对技术的理解就会多很多,这种方式是对自己发展的一种投资,短期内可能是解决具体问题,长期自己就会缩减很多不必要的沟通及争论中。

    最后,产品应花更多时间思考需求,而非浪费时间在画图上

    资源链接:

    Ant Design 资源下载:https://ant.design/docs/spec/download-cn

    Ant Design 组件介绍:https://ant.design/docs/react/introduce-cn

    微信生态设计资源下载:

    https://developers.weixin.qq.com/miniprogram/design/#%E5%9B%BE%E6%A0%87

    相关文章

      网友评论

        本文标题:初阶产品或交互应如何画原型?

        本文链接:https://www.haomeiwen.com/subject/dxmesctx.html