用什么工具?做什么原型?给谁看?

我们在日常的软件设计中经常会涉及到原型的设计。设计一个原型,无非就是三个目的:第一个目的是给自己看的,为了方便之后的下一步设计;第二个目的是给开发看,说服开发,完善软件;第三个目的是给客户看,让客户满意,推动合作。

但是,在工作中经常有些小白同学拿着应当给开发看的原型去给客户看,导致客户不满意,谈判过程异常艰难;也有一部分人拿着应该给客户看的东西去找开发,结果却效率低下,有的会被开发拒绝,部分情况可能导致更严重的沟通问题。更有甚者拿着该给自己看的东西去给开发和客户看,后果请自行脑补。那么,究竟该用什么工具做什么原型给谁看?今天熊先生就来跟大家简单讨论一下,在目标明确的情况下,我们到底该怎么办。

一、给自己看

重点:草图

工具:白板、纸笔、BalsamiqXmind

既然是给自己看的,那就没什么多说的了,随心所欲的记录下一切可能的想法,保证自己能看得懂,也就足够了。这个阶段里,外界的干扰越少越好。简单方便的纸笔和白板就成了最好不过的工具,它们不会限制你的思维,任你想出无数想法。如果你希望把这些线框图更有效的整理出来,可以使用Balsamiq,这款工具虽然没有交互设置,但是其素描的风格相信也会为一些用户提供灵感的来源。而且Balsamiq作为原型设计工具,组件虽然不是很多,但也完全可以满足线框图的要求了。当然,有些时候为了整理自己的头绪,你可能还需要类似Xmind这种帮助思考的脑图工具。

用什么工具?做什么原型?给谁看?

二、给开发人员、有经验的客户看

重点:交互

工具:Axure RPJustinmindMockplusUXPin

一千个读者节就有一千个哈姆雷特,传统的产品文档虽然不是文学作品,但是一千个开发也会按照一个文档给你做出一千个效果。如果你还在使用静态的线框图+文字描述的方法给开发看产品文档,那么熊先生建议你尽快试试上述四款工具。敏捷开发的情况下大多数团队会采用原型+PRD的方法,之前几百页的文档可能在加入了原型之后就变成了十几页。而且传达的意思也更加的直观,减少了误解、提高了效率并加快了节奏。四款工具中Axure、Justinmind在功能上来说相对更加的全面,而Mockplus和UXPin则是比较轻快。个人还是比较倾向于后者,Mockplus、UXPin在功能上基本满足了原型设计的需要。在某些特定的功能点上,比如变量和判断,没有做到Axure和Justinmind那么完整。但是实际思考一下,花费了十几分钟甚至更久来设置一个判断的交互,其实可能一句话的备注就说明问题了。同样的,对于懂得软件设计开发的客户来说,时间宝贵,用最快速的方法表达出最接近客户想法的设计不仅是对客户的尊重,也是对你的工作专业性的肯定。所以,内行进行沟通的时候,Mockplus和UXPin这种更加轻快灵巧的原型设计工具在原型与备注相结合的情况下,往往会创造出更快、更好的效果。

用什么工具?做什么原型?给谁看?

三、给完全不懂的客户看

重点:精致度

工具:OrigamiFramerJS

然而毕竟还是有一些会做生意但不懂软件设计的客户,这些客户可能要你做一个99.999%接近真正App的原型。这个时候请使用上述两款工具。为什么这种不仅可以保证精致度,还可以保证高保真的工具我到这个时候才拿出来?原因很简单,两款工具中,前者步骤相对复杂,后者基本依靠代码。现在的产品开发过程可能真的不会给你这么久去专研一个原型的效果,除非你是碰上了一个一窍不通却又要求极高的客户。这两款工具无论是画面效果还是交互动效都可以与真正的App相媲美,做到以假乱真的效果。不过由于要求高,时间成本高,不建议日常使用,可以留到最后以应防不测。

用什么工具?做什么原型?给谁看?

以上就是对三种情况下的基础说明了。还有很多比较优秀的工具这里没有提到,希望大家还是能够根据自己的实际情况,合理选择工具,早日成为产品设计的大牛。

原创文章,作者:yanz kontol,如若转载,请注明出处:https://www.iamue.com/18806/

(0)
yanz kontolyanz kontol
上一篇 2023-03-03
下一篇 2023-03-03

相关推荐

  • axure实例教程:登录/注册/找回密码

    登录、注册、找回密码是每个网站与系统必备的一个功能,我做了一个简单的登录、注册与找回密码的原型。

    2014-12-31
  • 核心价值观的力量

    [alert_info] 原作者:Bastian Lehmann 英文原文: The Power of Core Values IAMUE作者: 黄韦 [/alert_info]   顺丰确认上市,在这个巨头林立的物流行业,是否还有别的机会呢? 本次给小编大家带来美国同城按…

    2016-02-28
  • JUSTINMIND权威指南:前言

    ​来说一说为什么要写这本JUSTINMIND相关的书籍,此前我做交互设计的时候,有一次遇到一个特别的APP项目,这个项目的BOSS要求给拿出一个高保真的原型给他演示,我们项目组就问我怎么才能做出一个可以演示的高保真原…

    JustinMind 2015-07-31
  • 谁在撼动Axure在原型设计领域的霸主地位?

    目前活跃在国外的原型设计工具不胜枚举:Pidoco、UXPIN、Proto.io 6、InVision等等,令人眼花缭乱。曾几何时,Axure一枝独秀,可以说是占据了无法撼动的地位。然而时过境迁,现在的国内市场上有哪些常用的原型设计…

    2023-03-03
  • 互联网产品开发阶段,几个典型阶段

    在互联网产品开发阶段,通常要经历以下几个典型阶段:确定用户需求和产品目标、概念设计、原型设计、界面设计、信息设计、视觉设计、前端开发、用户体验测试、产品完善、产品发布等过程。当然,这些阶段的划分有时…

    2015-12-23
  • 016. 动态面板——axure线框图部件库介绍

    1、什么是Axure的动态面板 按照Axure官方网站的解释 :动态面板控件(Dynamic Panel)可以让你实现高级的交互功能,实现原型的高保真度。动态面板包含有多个状态(states),每个状态可包含一系列控件(你可以把一…

    2014-09-12
  • Axure官方教程中文版第4课:构建交互动作-木卫艾欧网原译

    https://www.iamue.com/wp-content/uploads/video/Axure.com-learn(4).MP4 新建文件 1、添加一个按钮和两个文本框 2、禁用第二个文本框 3、设置第一个文本框不可点击 4、设置第二文本可用 5、将第二个文本框设置获…

    2015-01-26
  • 025. axure网格设置

    Axure默认的界面是没有把网格显示出来,没有网格在制作原型的时候,对齐方面不是很好,个人习惯还是把网格显示出来,便于组件对齐和布局。 其实本来这篇文章应该叫做网格与参考线,只是本人对参考线的应用还很局限…

    2014-09-11
  • 007. 认识axure组件区域

    组件区域也叫做部件区域,英文为widgets,还有人称之为控件区域,组件是axure事先准备好的网站项目常用的零件,比如一些基本的页面元素 Axure默认存在2个组件库,分别为线框图和流程图。同时我们也可以自己去制作一…

    原型设计教程 2014-09-12
  • [桌面版] 在 Mockplus 2.1 (预览版)中使用滚动区

    1、添加一个滚动区。为方便查看,可以设置一个背景色 2、双击编辑滚动区 3、点击滚动条两端的按钮可以扩展或收缩滚动区中的内容。在两端按钮按下的同时,按住Ctrl键,可以加速扩展或收缩。也可以直接把内容组件拖到…

    2015-11-12