叁柒設計 三七设计 Three seven design
详细信息

产品经理实用工具

  September 04th,2010 23:43:40   Category : PM
 Click (773)


产品经理实用工具【1】-产品演示Demo-builder


产品经理技能-产品演示,是日常中必备的一项技能,我用demo-builder给大家演示了一些涉及的常用技巧。一般情况下,新产品的发布与演示,以及帮助操作需要做手把手演示。这样很多很傻瓜的用户也能跟着演示一步步的去做、去完成。


demo-builder本身这个软件没有什么技术含量,在做演示产品的过程中,你可以选择截图自己去场景拼接,或者直接录制屏幕,在事后回放的过程中进行编辑,剪辑。那需要注意的是,一定要保证生成出来的文件比较小,这样用户下载的时候可以很方便的去查,文件大的,可以做loading。


产品经理技能-产品演示,有备无患,很多时候专业的flash人员不在,那就你发挥的时候到了。稍微有点动画知识的产品经理就知道,demo-builder其实是很好上手的,原理有点像很多电子杂志制作软件。通过帧的组合,快慢、场景的过渡,就能完成很多专业化的效果。本身,一些图片的载入,载入,帧的载入、载出都是现成有的。关键就看你怎么样合理组织了。


顺便告诉大家,demo-builder是需要验证的,可以通过HOST指向 0.0.0.0 www.demo-builder.com 把它烦人的验证干掉。我这里也附上了这次演示的源文件,有兴趣的朋友,可以下载研究。


http://www.kuliqiang.com/download/demos.rar


产品经理实用工具【2】-报表演示SwiffChart


今天给大家介绍一款很实用的产品经理工具—SwiffChart,可能不少产品经理也用到,SwiffChart就是一个小工具,是一个根据EXCEL图表快速生成FLASH效果的工具。一般啊,这个在做PPT的时候比较管用。


SwiffChart能生成各种动态的flash报表效果,特别是跟客户做方案演示的时候,您只要把事先准备的一些数据模拟好,生成flash文件,插入PPT中,极炫的效果绝对够体面!不信您也下一个试试?顺便提到一下用法:


1)新建一个EXCEL,把演示的数据在EXCEL里输入好进行保存;


2)打开SwiffChart.exe,选择导出数据源—>再选择准备好的EXCEL;


3)获取数据,然后根据需要调成饼状图、柱状图或曲线图(至于显示什么图根据实际需要);


4)预览,生成flash文件;


5)制作PPT插入flash文件即可。


补充一点,


很多朋友做PPT还不是轻车熟路,特别是做一些PPT的技巧(如在PPT中加入flash),其实很简单:


1.运行Powerpoint程序,打开要插入动画的幻灯片。


2.单击菜单中的“视图”选项,在下拉菜单中选择“工具栏”的“控件工具箱” 再从下拉菜单中选择“其它控件”按钮。


3.在随后打开的控件选项界面中,选择“Shockwave FlashObject”选项,出现“十”字光标,再将该光标标移动到Powerpoint的编辑区域中,画出适合大小的矩形区域也就是播放动画的区域,就会出现一个有X的框。


4.双击这个框,出现vb界面。其中的属性窗口中有个“自定义”属性,点自定义旁边的三点,出现属性页。在Movie url中输入Flash完整地址,按确定即可。要注意的是输入的路径中必须完整的填写后缀名。


想必大家看到这,又学会一招很实用产品经理技能吧。做产品写好PRD文档很重要,但是做好产品,PPT做好更是重要哦。


产品经理实用工具【3】-图表制作Edarwmax


今天正好趁周末之际,再分享个软件,那就是忆图Edarwmax,其实类似的软件还有很多,以前也提到的做脑图大名鼎鼎的mind-manager,以及做图很牛叉的软件SmartDraw、ConceptDraw,但是今天我介绍的这款软件体积比较小,而其也比较实用。如果您不想70M装个mind-manager,再几十M装个ConceptDraw之类的,忆图Edarwmax还是你一个不错的选择。


简单的说一下,这个软件能完成的工作。它可以轻松又很炫的完成:


1、流程审计图;


2、基本流程图;


3、思维导图;


4、因果图(鱼骨图);


5、图形图表;


6、数据流程图;


7、EPC;


8、故障树分析图;


9、列表;


10、市场分析图;


11、组织结构图;


12、处理;


13、TQM;


14、2d 3d工作流;


15、价值流映射


特点:


主流图形、图库多,改软件提供多种系统配色方案供选择,效果决定一流,支持导出多种格式。


建议:


建议大家下—汉化破解版(绿色比较好用),您可以百度搜索亿图软件,或Google搜索亿图软件。


效果:


当然你也可以做好后整到PPT中哦,好的PPT怎么能少好的图形、图示呢。您说对吗?我们不要放过每一个完美的细节。最后您有一些好的工具、或用得不错的可以通过评论让更多的人知道、分享。O(∩_∩)O~


产品经理实用工具【4】-画原型界面Axure


Axure这个工具,是产品交互设计师的一个利器,07年的时候就在研究它使用它,相信绝大多数同行都认为它的优势在于:


一、Axure这个软件功能强大,可以做出很多交互效果,直接通过拖拽画出原型、生成网页;


二、Axure这个软件效果高,只有遵循一些可用性原创,很快模拟出高保真页面原型。


三、Axure这个软件,上手容易,稍微看看一些教学Demo,你也能达到专家级的水平。


还依旧在依赖Word、Ppt工作中的朋友,您可以考虑一下它了。


其实我在以前的文章里(http://www.kuliqiang.com/?p=47 )也提过Axure软件的用法,无非是基于于onmouse/onclick/onfous以及onload一些交互。要是做些TAG或菜单动态样式的一些技巧。其实你只要弄清楚每个线框图组件,它对应能模拟、实现哪些功能就好了。


不过大家不要拘泥于软件的使用,我看到很多群,很多人专研Axure软件的用法,其实我觉得适可而止就行了。


一、Axure生成的原型,只作为定效果用,不具备直接适用性;


二、Axure生成的原型,只是配合你解说,并不是取代你解说;


三、Axure生成的原型,只是反应的你的交互设计意识,并不是代表你的交互实现能力;


所以说重要的还在于交互设计的想法、理念,以及对视觉、用户体验的研究,横向软件的熟练度,并不能增加你的垂直水平。真正的产品经理应该从产品交互设计师转向怎么思考作为真正的产品经理。那顺便也提到一点,做为产品设计从业者特别是很多做互联网的朋友,一定要了解基本的Html、了解一些技术的实现原理,因为交互也是有章可循的。很多时候,一味的天空行空只是我们的Idea而已。


最后我建议如果画流程的话,我个人真的不建议用Axure画流程。


OK,先介绍到这吧,至于具体的Axure常用技巧网上有很多朋友写了,我就不做重复了。你想了解更多“Axure怎么用?”或“原型怎么画?”,不妨百度,或Google搜索一下!


产品经理实用工具【5】-用例设计RationalRose


Rational-Rose 确切的来说是面向对象的建模工具 ,通过Rational-Rose,我们很标准、清晰的把一些繁琐的业务实现原理、对象协调流程通过图示表达出来。


产品经理应用Rational-Rose,可以很方便的把用户行为、多系统协作具体联系起来,而不用用很大一推文字区表达和阐述。一来提高工作的效率,二来也更好的让工程师获得了解。我在之前的SNS社区中很多图示都是用Rational-Rose画的。


Rational-Rose提供了:


一、用例图;


二、类图;


三、序列图;


四、状态图;


五、活动图;


六、组件图;


七、部署图;


八、等


可以把日常、业务、系统实现需要的一些逻辑,很好的通过图示传达。例如:很简单的一个自动咖啡机流程,我们通过一个小人,几个圈圈就能说明道理。以下是我曾经画过中的几个图示,想必大家一看就知道Rational-Rose的妙用了。


图示1,一个简单的顺序图图示。


图示2,一个简单的激活图图示。


有兴趣的朋友,可以查看IBM的相关rationalrose的介绍或一些UML的介绍这些方面的知识涉猎应该还是得要的。我想去看看>>


我推荐一些好的工具主要是方便大家更快、更有效的开展产品工作。反正宗旨是:吸引精华,去其糟粕。大家自己把握!


产品经理实用工具【6】-流程需求专家visio


Visio是基础的一款办公工具,其实也是很最好用的。通过Visio我们可以很方便、快速、高效的把业务流程、系统实现流程画出来。Visio本身是有很多组件库的。就像一般情况而言,简单的、复杂的流程,我们都可以通过visio的基本流程图就够了。


它的优势在于:


一、专业,本身就是为流程而身;


二、高效,软件提成了一系列的流程环境,不论你做什么都易如反掌;


三、可扩展,通过添加一些visio模具,可以满足用户个人日益增长的需求。


不过有利必有弊,Visio它的劣势在于:


一、文件导出支持格式少,如不能直接导出为pdf;


二、打开方式局限,如果另外一台机器没有visio环境,只能借助额外的工具阅读。


三、软件本身不带一些很炫的模具效果。


不过我们选择、使用软件,总是用其长,抛其短。下面我拿几个我画过的流程给大家演示一下visio的魅力所在:


图1,电子商务比较购物、订单购买流程


图2,中国移动XXXX呼叫中心业务流程


接下来,我还有提到一个观点就是:我们可以没有axure、但不能没有visio,这样也能说明这个软件的重要性。因为我们通过visio自带的一些图库模具,或一些自定义的模具,我们也可以用Visio画原型。以前的PM都这么来的。不信?您接着往下瞧。


图3,本站(kuliqiang)的首页原型


图4,一个最概念的线框图,用于idea阶段


通过上面的图,是不是我们也可以很快的画原型啊,当然axure能通过一些功能,生成的页面能直接模拟显示交互效果,这也是axure风靡的主要原因。


最后我附上几个visio的模具,有兴趣的朋友不妨可以下载使用。 下载web-prototype>>


产品经理实用工具【7】-客户端原型GUI Design Studio


网站策划5分钟画好客户端原型


大家在画基于web形态的原型时,可以用axure、Balsamiq-Mockups很方便的画出来,但要是对象是客户端软件呢?Axure还是不是首选呢?或许你现在用Axure用的很熟,但我还是强烈的建议你用一下Gui-studio这个软件感受下,闲话不扯我接下来演示讲解一下,注意了特别是一些做软件pm的朋友。

 

 

GUI-Design-Studio是一款图形用户界面设计工具,您能用它在不需要编写任何代码或脚本的情况下快速地创建演示原型。你可以用GUI Design Studio快速的把你们的erp软件的界面画出来,把QQ/MSN/飞信的客户端界面原型画出来,你使用标准元素绘制个人化的屏幕、窗口以及控件;因为这些都是基于windows标准协议的。最后将它们整合以展示操作工作流然后运行模拟程序测试您的设计。

 

 

当您需要绘制一款应用程序的原型或显示怎样将程序的各个部分连接起来时,您就可以使用GUI Design Studio来实现,如:


• 将产品创意文档化


• 制作项目提案


• 需求记录


• 创建屏幕图样


• 为开发人员制作详细的规格


• 为现有产品提出加强方案


• 以及更多其它用途


为用户以及股东甚至您自己制作展示文件以:


• 验证设计


• 找出替代项


• 评估多个使用场景


工程


• 将您的工作组织放到工程里。


• 每个工程都拥有它自己的文件夹结构。


• 可连接您计算机或网络上任何地方的其它库工程。


• 可连接到您计算机或网络上任何地方使您能够方便地获取图片以及其它文件。


• 创建您想要的并独立于所有工程的个人化设计文件。


• 创建能重复使用的设计库以及工程之间的一致性。


• 将图片直接从剪贴板中粘贴到工程文件夹的文件中。


屏幕设计程序


• 可同时打开多个设计文档并能使用分页界面在文档间快速切换。


• 可使用标准Windows元素创建图形用户界面(GUI)屏幕,包括框架窗口、会话、菜单、工具栏、标签、按钮、复选框、单选按钮、滚动条、滑动调节框、微调框、组合框、树列表、列表框、编辑框以及静态文本等。


• 通过现有元素或其它自定义控件创建自定义控制组件。


• 在其它设计中创建将要使用的控件设计。


• 以常用的文件格式添加图标与图片。


• 从能够显示您将获得什么的控件面板中进行拖放操作。


• 属性编辑程序使您能将每个元素进行自定义。


• 元素的自动生成功能。


• 您能在任何地方放置任何元素。


• Edge snapping能通过“点击”对屏幕元素进行统一记录。


• 设计网格向您提供了简单的制作具有一致性设计布局的方法。


• 只需单键点击就能排列元素组。


• 均衡地隔开元素组。


• 调整元素大小以适应其它元素或测量一组其它元素。


• 聚焦缩小以查看细节设计或聚焦放大以浏览设计概况。使用工具栏按键或键盘或鼠标的滑动缩小放大功能聚焦增量。


• 使用鼠标的滚动以及滚轮功能快速浏览设计的概况。


• 剪切、复制与粘贴。


• 使用可选的canvas向导显示可用的屏幕空间。


• 通过文本框与书签对您的设计进行注释。


• 为每个设计添加说明。


• 选择色彩主题以避免实际功能窗口的混淆。


图标


• 为图标面板提供快速的访问方式。


• 工程间可共享常用图标。


• 工程也能拥有它们独享的图标集。


• 使用将来在实际产品开发中可能用到的标准ICO文件。


• 包含的Icon Express编辑程序支持16色、256色以及最大尺寸为127 x 127的真彩图标。


• 如果愿意同样能整合任意其它的图标编辑应用程序。


展示与原型


• 在可导航元素(如按键与窗口)之间创建连接以显示控制流程。


• 为图象添加覆盖保护以及添加其它元素以创建可导航的热点。


• 支持形式化与非模态的窗口并支持显示、隐藏或微调窗口,以及窗口替换以实现切换效果。


• 锚点使您能对窗口进行准确定位。


• 能立即在模拟程序中测试或展示您的设计。


• 添加消息框以描述可能在真实应用程序中出现的功能。


• 可创建多种场景,如正常条件下的场景与多个出错场景。


• 选择要激活的场景或让模拟程序为您选择。


• 更改有效的屏幕分辨率以查看您的设计如何适应不同的屏幕大小。


• 在没有进行脚本或代码编写的情况下,所有操作都是以图形模式完成。


下面我用GUI Design Studio演示一下5分钟画好客户端原型分几个截图给大家提供一下参考。

 

 


GUI Design Studio提供了现成的面板、文字排序都可以自由的进行编辑。

 

 

GUI Design Studio提供了精确的图标、窗体定位,可以具体到每一个PX。

 

 

GUI Design Studio丰富的考虑到对文字的支持,甚至连居左还是居右,还是禁用,360度支持。

 

 

GUI Design Studio强大的标准化元件、图标、注视功能支持,不同的工程之间还可以进行关联。GUI Design Studio提供的了大部分C/S、B/S组件的示意图,可组合使用,在一般软件界面模型设计阶段基本可以满足需要。

 

 

GUI Design Studio提供了各种配色方案,在菜单参数选择里面选择颜色配置,然后你所有的界面齐换装了。OK,对于这款软件的介绍到此为止,感兴趣的朋友可以百度GUI Design Studio搜索一下。

 

产品经理实用工具【8】-pencil sketching


感觉最近两篇文章的日志,都有点工具性的文章,介绍软件本身。有点滥竽充数之嫌,不过工具性的文章时效性会常一点。接下来介绍的是一个插件pencil,火狐浏览器的一个插件,这个插件很小,很实用,之所以介绍,

 

 

1、因为它集成到浏览器,可以不用很大的安装包;


2、产品经理都有第二浏览器火狐,所以方便性也不用多说了。


3、操作比较简单


在火狐浏览器里点击pencil-sketching就直接打开交互界面了,值得一提的是pencil-sketching是可视化的操作,所以你每一步直接拖拽,输入文字基本上都是随心所欲。
4、很多人会问AXURE不是更专业么?pencil sketching有什么优势,我为什么要用它?这个问题我是这么理解的:


1)如果把运用场景分级为站点需求或模块需求的话,用pencil sketching完全可以很轻松的拖拽出模块化的原型界面了,线框图,感觉更像在白板上画画一样。


2)还有一个方面,把原型级别定为为:概念设计、低保真、中保真、高保真,pencil sketching可以满足非高保真、或部门高保真的要求,


3)想一想,不是所有的产品都是要到UED的要求,所以怎么方便、怎么合适怎么来。


5、可视化的模块组件,发几张图出来看看,一般的表单、形状、窗体还都是很齐全的。

 

 

如图(1)

 

 

如图(2)


6、说说缺点吧,缺点就是你的作品导出不是很好,但一想,一个小插件本身的功能到此,把交互容错做的这么强大,已经很赞了。所以,不能导出为HTML,图片格式,但相信稍微有点功底的朋友都不会在乎这个,做DEMO嘛。


7、下面我先用pencil sketching做几个演示的DEMO,随便拼凑给大家一些感觉,如下:

 

 

如图(3)

 

 

如图(4)


8、界面还是很漂亮的,也没有一点产品经理自己去故意设计的成分,反正也是线框图,到视觉那里也不会产出干扰。好了,就简简单单的说到这里吧,想使用的朋友,我告诉你一个最简单装pencil sketching的方法。


9、装pencil sketching方法:在火狐浏览器—工具—附加组件,搜一下pencil,找到搜索结果安装更新,然后重起火狐浏览器就OK了,是不是很简单。

 

 

如图(5)


尾记:每天一点小发现,产品工作其实很简单。不是用好了什么样的工具就是好的产品,但好的产品肯定会用其合适的工具!~~~~(>_<)~~~~ 有点语病


此文纯属个人观点,转载请标明出于:http://www.kuliqiang.com/?p=1601,谢谢您支持!


本文作者: 费杰


发表日期: 2009-12-22

 

产品经理实用工具【9】-用例设计Staruml


上回讲了一篇用例设计RationalRose,不过还是因为以下问题很多产品朋友没法装,一需要破解,二、需要安装汉化版、三几百M的文件下载传输都有问题,所以忍着带宽传了几个朋友就彻底失望了。但这回我推荐给大家的是用例设计工具staruml。


Staruml的好处:开源、体积小仅仅为25M,功能也超级强大,所以做产品的您硬盘里想必也不能少哦,以下引用百度百科的一些内容来给用例软件Staruml做一下补充。

 

 

StarUML是一款开放源码的UML开发工具,是由韩国公司主导开发出来的产品,可以直接到StarUML网站下载。


StarUML具备下列多项特色。

 

1可绘制9款UML图:用例图、类图、序列图、状态图、活动图、通信图、模块图、部署图以及复合结构图等。完全免费:StarUML是一套开放源码的软件,不仅免费自由下载,连代码都免费开放。


2多种格式影像文件:可导出JPG、JPEG、BMP、EMF和WMF等格式的影像文件。


3语法检验:StarUML遵守UML的语法规则,不支持违反语法的动作。


4正反向工程:StarUML可以依据类图的内容生成Java、C++、C#代码,也能够读取Java、C++、C#代码反向生成类图。反向工程有两个主要用途,其一是旧有的源码反转成图之后,可以构建UML模型的方式继续将新的设计添加上去;另一项用途是想要解析源码时,可以通过反转的类图来理解,不再需要查看一行又一行的代码,这将节省大量的时间和精力。


5 支持XMI:StarUML接受XMI 1.1、1.2和1.3版的导入导出。XMI是一种以XML为基础的交换格式,用以交换不同开发工具所生成的UML模型。


6导入Rose文件:StarUML可以读取Rational Rose生成的文件,让原先Rose的用户可以转而使用免费的StarUML。早期,Rational Rose是市场占有率最高的UML开发工具,同时也是相当昂贵的工具。由于Rational Rose非常闻名,后来让IBM给收购了。


7支持模式:支持23种GoF模式(Pattern),以及3种EJB模式。GoF模式出自于Erich Gamma等4人合著的Design Patterns:Elements of Reusable Object-Oriented Software一书,其内列出了23种软件模式,可解决软件设计上的特定问题。StarUML也支持3种常用的EJB模式,分别为EntityEJB、MessageDrivenEJB、SessionEJB。


StarUML也结合了模式和自动生成代码的功能,方便落实设计。下载地址:http://xiazai.zol.com.cn/detail/38/372752.shtml


本文作者: 费杰

 

下一主题:Apoint
[ 资讯评论 ]
暂时没有任何评论!
[ 提交评论 ]
请选择表情
  • 昵称:
  • *
  • 验证码:
  • *点击更换验证码
  • 尚能输入个字符
申明:本网站部分分享内容来自网络,如有侵权请及时与我联系,谢谢,另网友评论仅代表个人观点,与本站立场无关,如果在评论中发表违反我国任何法律的,请即时与我们联系(QQ:77132915),我们将立即予以删除. [ 注:提交评论后,通过审核后方能在网站上显示!]