在移动互联网产品设计过程中,我们会在纸板或电脑工具上画出简单的线框图,用思维导图标注界面间的关系等,但往往,我们在不断反复的讨论中会因为一些理解上的误差,或是一些细节无法脑补还原,而影响方案的实施,影响项目的进度或质量。
" 朴素 " 的关系或原型图方案会带来一定的沟通理解成本,所以需要方案最终以一个模似真实的 APP,可以满足的操作演示的同时,借此来讲述方案的各类关系与细节,验证操作体验等的可行性。
在早期的软件设计时代,很多团队会借助像 Flash、AE 等动画工具,用动画的方式,输出一个模似真实的软件界面,来完成这类演示需求,但并不完全能满足模拟操作或快速修改,实现成本亦相当大,并不利于高速迭代优化的方案输出。
当然,移动互联网时代,也有很多更轻便可以符合 APP 方案设计演示的工具,从 QQ 音乐 5.0 的设计之前,我们尝试了很多互联网国内外优秀的 Demo 演示工具,但很快发现,都因不坚持迭代更新、速度缓慢、功能臃肿或缺失等原因而遗憾放弃,难以满足团队的工作诉求,于是萌生了设计研发一个小而美,专门满足 " 简单、更捷、演示 "APP 设计方案的工具,拉起一个小团队,花两晚上输出了一个简单粗暴的版本,为 QQ 音乐 5.x、全民 K 歌等多个项目的方案设计提供高效的支持。
在过程中,也不断加入了一些团队的刚需功能,慢慢在公司内部散播开,被更多的项目团队采用,同时也收到了一些体验上的诚恳建议,一直没违背它 " 小而美 " 的定位,在更多团队的请求下,我们把工具在安全性和稳定性进行优化,本着互联网分享精神,在 2016 年来临之际,送给互联网产品和设计团队一份礼物,分享奋斗在一线可爱有同样需求的人儿。
Demoo – 为移动端方案设计演示而生! ( 这句话应有五毛钱的跑马灯特效 )
它是谁?
Demoo 基于 web 设计搭建,无需安装,在浏览器内可视化操作,简单便捷的创建方式,通过上传平面稿件,用手势或触点热区的方式把界面关系连接起来,加入连接转场特效,输出一份仿真 APP 的、可体验操作的设计方案,满足在电脑、会议投影现场及手机上体验操作,或分享给工作伙伴,直观清晰地理解设计上的细节,促进讨论沟通,同时还可授权给其他成员协同修改优化。

基本功能
创建项目,无需代码技能,做一个演示 DEMO,弹指间只需四步:
1. 新建原型 - 批量上传移动端稿件,在编辑区生成多个卡片;
2. 设置划动手势或热区触点 - 输出界面间的关系和触发区域;
4. 保存预览 - 输出 DEMO 进行分享、演示和讨论。
1. 编辑区域给卡片排序、更名;
2. 编辑区域双视图切换,并可放大、缩小卡片的显示尺寸,满足不同的编辑需求;
3. 设置卡片顶、底部固定区域,让长稿件的中间部份满足上下滚动的体验;
4. 设置 APP icon 和闪屏;
5. 授权给其它用户编辑,协同办公。
体验与分享演示
提供演示 DEMO 二维码,用手机版 QQ 扫码,可高保真全屏体验 APP 效果;


文章来源 @腾讯 ISUX