SketchFlow的原型设计

内容介绍

- 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实现