内容介绍
- SketchFlow的原型设计
- SketchFlow实现
预备知识
- 安装Visual Studio 2010
- 安装Expression Blend4
- 安装Silverlight tools for Visual Studio 2010
SketchFlow能做什么
- 设计师和客户的桥梁
- 快速的UI设计
- 吸引客户的原型
SketchFlow做的原型是能够交互的,你一点它可以走,你一动它可以做业务逻辑。这样的原型,用户看起来非常直观。Feedback工具可以把所有观点记录下来,并导出成文件。
Demo
- 建立一个Shopping的原型



完成场景页面设计

场景之间的切换只需要双击蓝色矩形

指定链接转向页面

创建新组件



运行效果



当点击结账导航到check out页面

为确认购买的Grid添加两个状态

当点击买下它时,转到show状态

当点击再想想时,转到hide状态

运行效果


用户反馈

导出反馈


开发者打开反馈



开发者、设计者和用户可以通过这种方式来交互。
可以导出为Word


导出的Word



总结
- SketchFlow的原型设计
- SketchFlow实现