文档章节

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

jongde
 jongde
发布于 2016/11/20 14:56
字数 1303
阅读 10
收藏 0

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

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

一、给自己看

重点:草图

工具:白板、纸笔、BalsamiqXmind

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

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

重点:交互

工具:Axure RPJustinmindMockplusUXPin

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

三、给完全不懂的客户看

重点:精致度

工具:OrigamiFramerJS

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

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

© 著作权归作者所有

jongde
粉丝 8
博文 260
码字总数 323940
作品 0
成都
私信 提问
加载中

评论(1)

请勿吸烟
请勿吸烟
支持国产摩客!!
看了这三个问题,你就知道UX设计师如何起步

如何成为一个合格的UX设计师,怎样才能从菜鸟转变为设计高手,每天都有无数的设计师思考着同样的问题。凡事要做好,必须得回答这三个问题:做什么?怎么做?用什么做?看了这三个方面的问题,...

jongde
2016/11/24
8
0
软件开发的流程及开发工具

软件开发的整个生命周期包含几个部分,每个部分用到什么工具?我是做Java开发的,但是我们公司首先设计原型,然后就是根据原型写需求,定完需求就是开始写代码了,写完代码以后就是测试,测试...

二十二画生
2017/10/17
262
1
使用Mockplus的九大理由

简洁高效,是它的主要产品特点。 关注设计,而非工具,是它带给设计人员的理念。 1.不为工具所累,关注设计而不是工具 Mockplus超级简单,但是功能够用。你根本不用专门学习如何使用。记住:...

jongde
2015/03/13
991
1
10个完全免费的网页原型(线框图)工具

网页的线框图是非常直观、但是也没什么技术上难点的东西。只需要你大概描出页面上需要的一些元素,比如头部、导航、页脚等等,最多再就是一些交互、内容区域什么的。 但这对于任何网络应用的...

华宰
2011/03/24
2.7K
2
为什么你的原型总是改-页面流程篇

上篇写到业务流程图,那么业务流程图做完是不是就可以愉快的画原型图了呢?聪明的你从标题上你已经得出答案,中间应该还有点什么,是的那就是页面流程图,那么页面流程图是又是个什么鬼。从度...

靠谱先生v
2018/05/10
0
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周五乱弹 —— 葛优理论+1

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @这次装个文艺青年吧 :#今日歌曲推荐# 分享米津玄師的单曲《LOSER》: mv中的舞蹈诡异却又美丽,如此随性怕是难再跳出第二次…… 《LOSER》-...

小小编辑
38分钟前
31
2
nginx学习笔记

中间件位于客户机/ 服务器的操作系统之上,管理计算机资源和网络通讯。 是连接两个独立应用程序或独立系统的软件。 web请求通过中间件可以直接调用操作系统,也可以经过中间件把请求分发到多...

码农实战
今天
5
0
Spring Security 实战干货:玩转自定义登录

1. 前言 前面的关于 Spring Security 相关的文章只是一个预热。为了接下来更好的实战,如果你错过了请从 Spring Security 实战系列 开始。安全访问的第一步就是认证(Authentication),认证...

码农小胖哥
今天
14
0
JAVA 实现雪花算法生成唯一订单号工具类

import lombok.SneakyThrows;import lombok.extern.slf4j.Slf4j;import java.util.Calendar;/** * Default distributed primary key generator. * * <p> * Use snowflake......

huangkejie
昨天
14
0
PhotoShop 色调:RGB/CMYK 颜色模式

一·、 RGB : 三原色:红绿蓝 1.通道:通道中的红绿蓝通道分别对应的是红绿蓝三种原色(RGB)的显示范围 1.差值模式能模拟三种原色叠加之后的效果 2.添加-颜色曲线:调整图像RGB颜色----R色增强...

东方墨天
昨天
11
1

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部