Demoo - 为移动端方案设计演示而生

在移动互联网产品设计过程中,我们会在纸板或电脑工具上画出简单的线框图,用思维导图标注界面间的关系等,但往往,我们在不断反复的讨论中会因为一些理解上的误差,或是一些细节无法脑补还原,而影响方案的实施,影响项目的进度或质量。

8

“朴素”的关系或原型图方案会带来一定的沟通理解成本,所以需要方案最终以一个模似真实的APP,可以满足的操作演示的同时,借此来讲述方案的各类关系与细节,验证操作体验等的可行性。

9

在早期的软件设计时代,很多团队会借助像Flash、AE等动画工具,用动画的方式,输出一个模似真实的软件界面,来完成这类演示需求,但并不完全能满足模拟操作或快速修改,实现成本亦相当大,并不利于高速迭代优化的方案输出。

当然,移动互联网时代,也有很多更轻便可以符合APP方案设计演示的工具,从QQ音乐5.0的设计之前,我们尝试了很多互联网国内外优秀的Demo演示工具,但很快发现,都因不坚持迭代更新、速度缓慢、功能臃肿或缺失等原因而遗憾放弃,难以满足团队的工作诉求,于是萌生了设计研发一个小而美,专门满足“简单、更捷、演示”APP设计方案的工具,拉起一个小团队,花两晚上输出了一个简单粗暴的版本,为QQ音乐5.x、全民K歌等多个项目的方案设计提供高效的支持。

1

在过程中,也不断加入了一些团队的刚需功能,慢慢在公司内部散播开,被更多的项目团队采用,同时也收到了一些体验上的诚恳建议,一直没违背它“小而美”的定位,在更多团队的请求下,我们把工具在安全性和稳定性进行优化,本着互联网分享精神,在2015年圣诞节来临之际,送给互联网产品和设计团队一份礼物,分享奋斗在一线可爱有同样需求的人儿。

Demoo - 为移动端方案设计演示而生!(这句话应有五毛钱的跑马灯特效)

它是谁?

Demoo基于web设计搭建,无需安装,在浏览器内可视化操作,简单便捷的创建方式,通过上传平面稿件,用手势或触点热区的方式把界面关系连接起来,加入连接转场特效,输出一份仿真APP的、可体验操作的设计方案,满足在电脑、会议投影现场及手机上体验操作,或分享给工作伙伴,直观清晰地理解设计上的细节,促进讨论沟通,同时还可授权给其他成员协同修改优化。

10

基本功能

创建项目,无需代码技能,做一个演示DEMO,弹指间只需四步:
1. 新建原型 - 批量上传移动端稿件,在编辑区生成多个卡片;
2. 设置划动手势或热区触点 - 输出界面间的关系和触发区域;

7

3. 选择转场动画实现流畅的切换效果;
4. 保存预览 - 输出DEMO进行分享、演示和讨论。

11

更多细节功能

1. 编辑区域给卡片排序、更名;
2. 编辑区域双视图切换,并可放大、缩小卡片的显示尺寸,满足不同的编辑需求;
3. 设置卡片顶、底部固定区域,让长稿件的中间部份满足上下滚动的体验;
4. 设置APP icon和闪屏;
5. 授权给其它用户编辑,协同办公。

4

更多功能期待您来发掘...

体验与分享演示

提供演示DEMO二维码,用手机版QQ扫码,可高保真全屏体验APP效果;

2

在电脑操作创建及预览,在会议现场投影演示讲述;

3

参会成员可用手机版QQ扫码在手机全屏仿真体验与讲述者同步并参与讨论;

6

万水千山总是情,体验再说行不行!

http://isux.us/demoo

欢迎加入Demoo体验交流QQ群(137539570),一起探讨操作Demoo生成演示DEMO的技巧,也为Demoo提供更多宝贵意见,让它能变得更美好,走得更远,我们也将不断优化迭代,提供更优更稳定的服务。

12

为什么是QQ手机版扫描?

因为只有QQ手机版扫描Demoo生成的演示,才能全屏显示仿真模拟APP的体验,全网仅此!

(此处应该有掌声)

分享体验再看,年薪百万!

祝亲圣诞快乐,2016再度提升!〜

Tags: , , , , , , , , , ,

飘
有数据的apps——手机端的数据表达式
上一遍
[ISUX译]iOS 9人机界面指南(三):iOS 技术 (下)
下一遍
77,387
QQ空间 新浪微博 Facebook Google+

相关推荐

留下你的想法吧

  1. 吕晓峰 says:

    还要自备梯子,能不能考虑下国内人的感受啊

  2. 毛玲 says:

    刚刚试了下,有几个地方不是很明白,当我创建热区之后,将小圆圈链接到下一个页面,它总提示我请先链接目标对象,有没有教程什么的,我发现这个用作项目合作,对于ui来说,很方便的可以给他们演示效果图,

  3. Boris says:

    如果能想axure那样有动态面板就好了

  4. 罗文熙 says:

    无语了,热区点了之后单击双击都没用

  5. lvyi says:

    不好用,唯一的优势是网速快。Flinto好用多了,唯一的劣势是需要自备梯子。

  6. yyq says:

    有无下载链接呢?

  7. 鸡斗 says:

    感觉体验很差,要是做的能有appcooker那样就感觉很好了!希望继续努力加油!给设计师一个真正的春天!建议添加智能返回按钮,进行自动判断,希望功能能加强大!

  8. LIang says:

    解决了一个大问题,棒棒的

  9. Sam says:

    常用邮箱居然不支持 Gmail 的 + 号特性~~

  10. qqty15 says:

    能原型设计不?类似于junstinmind

  11. Shirley says:

    好厉害的样子, 什么时候开始成型的。

  12. Shirley says:

    我也来试试,

  13. 李正 says:

    logo不是很好看,改成线体的会好很多

  14. 唐朝栗子 says:

    我看过类似的东西,功能要更加丰富,这个只有滑动时间,没有点击事件,最好是能够精确到按钮的点击事件,这样就能跟前端媲美了

  15. Imp2016 says:

    福音呀,这软件很好用,以后演示方案就用它了,感谢!

  16. 殷朝暾 says:

    赞一个,已经使用了。

  17. 李静源 says:

    你好,这个是只有你们公司内部使用吗

  18. 陈方卡 says:

    五维创意卡链接失效,微信公众号获取最新文章没反应。

  19. 以梦 says:

    做了APP原型预览,微信上不能全屏显示(QQ上能全屏),总是显示微信的导航条。

  20. ming says:

    无法隐藏ios顶层的时间电力信号那小条吗?没有真正意义上全屏

  21. 李灵芝 says:

    想体验一下,但是为什么主页面一直显示“资源加载中,请稍后...”

  22. 苏苏 says:

    真的是好用,不赞一下对不住开发人员!
    提个小建议,热点在创建时,有时候会创建失败,原因是热点的链接点着落时有时不太准。

  23. Martin says:

    非常简单易用,已经满足了我目前阶段的需求!对于高效制作高保真原型、给团队成员展示交互效果都非常好!

    一定要记得用手机QQ扫描二维码才能得到最佳效果,切记切记。Demoo我要给85分,哈哈!

  24. HC_Moon says:

    确实不错,演示效果杠杠的,很实用

  25. 三木 says:

    感觉还不错,但是多个同页跳转的 那四个操作按钮就有点不够用了

  26. ALIANG says:

    作为一个短平快的工具挺好用的,力挺