如何做产品的demo

‘壹’ 软件开发——原型设计和demo有什么区别

原型设计是软件的设计稿和模型而 DOMO 是可以实际操作的软件。其实两者都可以通过蓝湖管理，Axure 完成原型之后，上传蓝湖，团队成员可以在线看，设计完成后，可以在蓝湖制作高保真交互原型，能在线体验设计稿在不同机型的演示效果，在开发前预知设计落地效果。

‘贰’ 互联网行业所说DEMO是什么用什么做出来的呢

Demo是英文Demonstration的缩写，在商业影视作品和广告片中，Demo的含意为“示范”、“展
示”、“样片”、“样稿”，Demo字样通常是加在未制作完成的影视作品或广告视频中的，加上Demo字样的影视作品或广告片是只用来供商业客户审片用，不允许随意发布和传播的。中文说的就是预告片的意思！互联网的行业网页或软件的演示版吧。

‘叁’ 自己怎么做DEMO

建议你可以找找唐人踢的BEAT制作视频。。。很详细的。。。
其实要做这个，你没有一套好的录音系统（混音台，麦克风，声卡，相关软件），没有广泛的收集instrumental的经验，是很难的。。。
如果你要做HIPHOP的DEMO,我建议你，你可以自己找个BEAT（也就是HIPHOP音乐的伴奏，不是那种日韩式，要纯美国式的），写词，练一下感觉，多练上一段时间，你就会有感觉来做自己的音乐，甚至如果你天分好，练上一段时间你就可以不用写词，听见BEAT随口就可以FREESTLYE了！

重要的是，找BEAT配上词，找感觉。
现在没有经验，多做几首歌就有经验了。当然，你还要多听，多学习中文发音押韵的问题，还有多注意声乐中自己发音的优点和缺点，依靠着这个优点和缺点来写词。
例如，假如你是南方人，CH ZH SH和C Z S分不清楚，那么你在写词的时候，就尽量少写CH ZH SH和C Z S结尾的句子！当遇到CH ZH SH和C Z S的时候，就以鼻音带过。如此之类！

但是我不知道你已经到了什么样的程度，所以也只有笼统的说一下，你最好告诉我，你了解HIPHOP到了什么样的一个程度！

‘肆’ 产品进入DEMO阶段

接上一篇【有了idea，还需头脑风暴来提炼丰富让它更有可行性】

国内外的原型设计工具很多，找一款适合自己的才是最好的。做原型之前头脑要有自己的思路和框架，包括可以借鉴的产品、需要的素材等。

在这里，推荐给大家的原型工具是Axure，移动端可用Justinmind,其他参考（15款优秀移动APP产品原型设计工具），另外，国内还有墨刀，是一款不错的原型设计工具。

如果你还不会使用这款工具，视频课程《Axure RP7.0从入门到精通》可以去学习一下。你觉得自己的时间很宝贵，可以去找外包【68设计、迪麦互动、webppd）等。

制作DEMO一般需要经过的流程：

①脑图（思维导图）把讨论的结果理清：功能模块，逻辑关系，信息架构，业务流程；

②流程图：产品功能的流程，从注册-各功能使用图表的形式来说明这一过程；

③信息框架图：这样比较直观的显示这款产品的结构；

④线框图：低保真的设计图（内容大纲、信息结构、交互行为）

⑤视觉设计（有能力有时间也可以做成交互）：高保真的产品静态设计图（页面(流程)跳转逻辑和明确的文案设计及注释）

→DEMO形成

拓展阅读：

1.一个App的从无到有的过程？（校帮demo）

2.关于制作产品原型时需要注意的几点；

3.常用国内网站：人人都是产品经理、互联网早读课、知乎、UI中国等；国外网站：designmodo.com、UX周刊（uxdesignweekly.com)、每日设计新闻（webdesignernews.com）App设计（materialup.com）、uedfans.cn等；

4.原型协作网站：invisionapp.com、concept.ly、FramerJS；

5.图标：App图标制作（makeappicon.com ）、在线制作图标（flaticons.net）、图标字体(1001freedownloads.com)、icon（concept.ly）、srihost.com、图标集（github.com/mariuszostrowski/subway）、easyicon.net、iconpng.com、findicons.com；

6.在线抠图（clippingmagic.com）、设计师网址导航：hao.uisdc.com；

【一把日报社，一个关注国内外创业投资的博客。】微信号: yibaribao

‘伍’ 如何做好一个Sprint Demo

第一步：准备Demo故事
以真实用户使用软件的方式进行Demo。关键点不在于演示软件如何工作，而是展示出它能带给用户的价值所在。
1. 背景
2. 问题
3. 解决方案
4. 价值

第二步：准备Demo数据
所有需要的数据都应该在Demo前准备好。

第三步：准备Demo脚本

1. 在开始的时候给出一个简短的介绍，例如要演示购物车功能，可以这么开始：今天是双十一网购节，我打算今天要在商城大把购物。
2. 于是我打开浏览器访问商城，开始浏览以找到自己想要的商品。
3. 找到了满意的商品，加入购物车。
4. 哈哈，又添加了想买的宝贝。
5. 查看购物车，将不小心加入的宝贝删除，将需要的宝贝一次购买10件，才5折哦。
6. 确定无误，点击购买，提示尚未登录，进行登录后跳转到支付相关页面。

第四步：进行演示
按照准备的Demo脚本至少演示一次

最后，我再总结下需要大家注意的要点：
1. 提前做好准备，最好使用一个PPT，比如附件中的示例PPT。
2. 用讲故事的方式，把自己想象成软件用户，这也是让大家换位思考，通过使用软件来感受用户体验的有效方式，以后自己就不会写出类似用户体验不佳的功能或者效果了吧。
3. 至少演示一次，突出重点。
4. 简短，一个Demo不要超过20分钟，不要过多讨论技术及出现的问题或缺陷等，让演示者将演示/故事完成，其他人再提问。

‘陆’ 产品DEMO可以用PPT做吗

看demo演示的对象。
如果是给老板及投资者之类偏宏观的人看，用PPT倒也无妨，这些人关注产品定位、产品核心功能等。
但如果给程序员用，最好还是采用axure+产品文档。程序员需要的是清晰明确的交互过程、业务规则的细节说明。
其实axure入门挺简单的，不要去管别人那些花里胡哨的原型所用的各种技巧，用axure最基本的功能基本上就能把产品说清楚的。

‘柒’ 如何做好一场产品演示

最近工作中需要做大量的产品演示，也恰好有机会看别人做产品演示，但都不怎么令人满意。 毕竟客户也见了不少，产品也讲了不下十次，按理说一场平平常常的功能演示，早就该得心应手。但事实并非如此。

我发现，一场平庸的产品演示一般有这么几个特点：

1. 过分陷入细节  

演示者本人往往是产品的重度使用者，这就导致，我们在演示时往往从自己最熟悉的地方开始做，并且对细节的操作也不放过——没错， 把“产品演示”错误地定位成了“功能培训”。

听众呢，可能从来没见过产品，如果一开始就被拽入细节反而会“云深不知处”，会觉得晦涩难懂，会犯困。

所以演示之初，就要向听众清晰地传达出—— 这个产品大体上有什么功能、能够解决什么问题、演示会从哪几部分展开、（每部分）预计时间是多久 。

当然，预计时间在很多场景下不需要说明，但你在心里要有把控进度的意识，这也可以帮助你提前思考演示的意义，不过分陷于细节。尤其是内部演示，相对清晰的议程更便于大家安排手头工作，也是对彼此时间的尊重。

另外， 深耕细节看起来很懂细节，但实际上又会缺失很多细节 。听起来是不是很反人性？为什么呢，因为从使用者的角度，某些他不会用到的功能往往会非常生疏，而这些很难说不重要。

2. 无趣味

简直是最最常见的问题了，常见到都不像个问题。

演示缺乏趣味，往往是因为缺乏与观众的交互—— 眼神交互、意识交互。

眼神交互，听起来容易，然而做到很难。拿我们售前来讲，在讲方案（PPT）时，我们很自然地知道不应该总看屏幕上的ppt， 但产品演示毕竟是在讲产品，演示者会下意识地认为多看看屏幕也很正常（注：这里的产品指狭义的软件产品）。

李笑来说，他在新东方教班课时，仅凭学生一个眼神就知道他们“卡“在哪里了，所以一定要注重眼神交流。

意识交互，听起来好像很玄幻，但我感觉它比眼神交互更重要。注意力的“攫取“是意识交互的一种，如何从演示一开始就抓住观众的注意力、如何在演示过程中”无尿点“，其实体现的都是意识交互。

如果开场时能花五分钟讲个笑话，演示效果肯定会好得不得了。我们007有群分享时，都会提前暖场，这在社群运营中已经屡见不鲜了。 如果能把社群运营的技巧运用在演示上，效果肯定一级棒。

演示中，也可以用举例的方法抓住观众。比如，可以多举自己的产品与竞品的区别，向销售建议打单的重点；可以举例自己产品的某功能给行业其他客户的帮助，用来吸引眼前的目标客户。等等。

3. 无逻辑

逻辑，逻辑，逻辑。

当我写下这两个字的时候，脑中满满都是柴静写过的一句话——“ 你认识事物的维度太单一，没有逻辑。 “ 这是陈虻刚招她进央视时，教训她的话。

对于一场产品演示来讲，你要从哪些维度去展示？

功能、易用性、UI、目标客户、既成案例、营销手段、功能规划…… 我觉得一上来就讲功能的人，可能做再多年也很难说有多强的行业认知了。关于逻辑，我现在做得也不是很好，只是有意识到问题而已。

本篇提到的演示，其实是从工作角度出发，思考怎么提升能力。但说到能力的提升，又有很多其他的方法论想说。文短意长，暂时写到这里。

关注周磨磨，一起变更好↓↓↓

扫码来赞赏一个吧 ^_^

‘捌’ 怎么给顾客做演示

面对众多潜在用户的Demo，譬如产品发布会、在线Webinar，因为众多潜在用户的需求各不相同，只能演示产品最核心的功能，让众多潜在用户尽早看到产品的价值，激发他们去试用产品的热情。产品演示完毕后，提供足够的时间让潜在用户提出问题，并解答。一对一的产品演示，要做充分的准备工作，事先了解好潜在用户的需求，有针对性地把产品的核心功能演示出来。假如没有办法事先了解用户的需求，在演示之前花10-20分钟和潜在用户沟通一下，想办法了解一下自己的产品如何才能帮助用户，产品对用户的核心价值是什么，然后再有针对性地演示。网站扮演的角色也很重要，网站上的录屏Demo（视频）必须简短，控制在几分钟，演示产品的核心功能，激起潜在用户的试用热情。一定要带上语音解说，显示在网站最显眼的地方，譬如主页。

‘玖’ 何谓Demo请详细说明。

你的问题发在网络知道 > 游戏 > 射击游戏栏目，说明你说的应该是CS的demo吧？
就是演示的录像，你如果不会在控制台打命令的话，就下载一个demo播放器，设置好了就可以看了。

‘拾’ 什么工具可以做pc软件界面原型demo，并可以交互也可以生成exe

摹客的Mockplus就可以做PC软件的界面原型。 我们团队用了几年了，整体使用起来就是简单。软件创建项目的时候可以直接导入一系列高质量的网页或App模板，改一改，就可以快速呈现自己的设计。

如果不想用模板，直接拖拽各种组件和图标到工作区，从头制作也非常快， 加上动效和交互，几分钟就搞定了。

如果想和其他团队的设计师一起制作和迭代的话，直接用它的团队协作功能就可以了。