Prototyping with SketchFlow
Recently, we introduced a new set of tools that add on to Expression Blend 3 that are designed to address the early stages of design.
With SketchFlow, you can
a) sketch out ideas
b) turn those ideas into working prototypes that are as rough or as real as you want them to be
c) present those interactive user experiences for review and comment in the SketchFlow player
SketchFlow prototypes are quick and informal, enabling designers to easily explore a variety of ideas. You can run and explore prototypes from the first rough sketch on. When you are ready to develop further, you can convert a prototype into a real application in Expression Blend or Visual Studio.
Sketching ideas
When you start working on a new prototype project for either WPF or Silverlight, you’ll see the panels, control toolbox, and artboard that you are likely accustomed to in Expression Blend. You can use the existing set of controls found in Expression Blend 3 or your own custom controls.
SketchFlow also provides a set of “sketch-styled” controls that provide your prototype with a consistent sketch look so focus can remain on the concepts of the user experience without being distracted by the details of the visuals too early. The sketch-styled controls are fully functional and can be reverted to the high fidelity controls at any moment. Below is a flavor of how the sketch-styled controls appear.
Mapping flow and navigation
While the artboard provides a view on an individual screen, the Application Flow panel allows you to map out the flow of your application, and then quickly make changes to that flow without reworking the design.
In the application below, solid blue arrows represent stops along the way in the user experience, while dashed green arrows represent content that can be shared or reused between screens, such as a set of common site navigation buttons that appear on multiple pages.
Gathering feedback
SketchFlow provides a way to showcase your prototype to others using the SketchFlow Player. The SketchFlow Player allows you to explore the prototype from the first moment on, even while it consists of nothing but a few rough sketches. The player lets you navigate your prototype, run animations that illustrate how your prototype might work, or switch into different states of your UI, all without wiring up actual UI elements. This lowers the cost of evaluating ideas in early stages before much expense has been incurred.
But showing a prototype to others is only part of the review process, so the SketchFlow Player provides tools to collect feedback from reviewers. Reviewers can provide feedback either as text, like the comments in the Feedback tab in the screenshot below, or as ink, like the red arrow in the screenshot below. Then you can incorporate this feedback into the prototype using the Feedback panel in Expression Blend, allowing you to iterate on your design using suggestions from your team.
Adding interactivity and data
SketchFlow leverages features of Expression Blend 3 to let you make your prototypes come alive. Add interactivity without code using Behaviors, prototype your data-driven UI with sample data, and import content from Adobe Photoshop and Illustrator.
For more information, watch a video on SketchFlow or read my previous post on the Expression Blend 3 Preview.
Namaste!
SketchFlow 来设计原型
- 推荐文章
- 好习惯——备忘提醒
- 垃圾桶里的小飞虫
- 开源社区的力量
- 网址点击次数智能排序
- 自动切换IP
- 360在智能硬件的逆袭
- linux下oracle创建表空间
- eclipse打包含有第三方jar库的jar包
- 在eclipse中启动tomcat加载不了项目的解决方法
- Git下载Spring项目源码并编译为Eclipse
- javaScript 正则表达式匹配日期
- eclipse重定向输入输出到文件
- eclipse连接外部tomcat进行debug
- Solving “Dynamic Web Module 3.0 requires Java 1.6 or newer” in Maven Projects
- eclipse:不能在tomcat里添加一个项目的解决方法
- oracle建立数据库连接
- Eclipse设置、调优、使用(转自)
- String转list<Map<String,string>> list
- 计算两个日期的月份
- 时间格式处理
- HttpClient实现跨域请求
- Https如何让防止被监听
- Java 开发必会的工具类,代码量立减90%
- Java 临时变量的使用
- Java后端实现页面跳转
- Mybatis 实体类映射为null“坑”
- System.getProperty()_基本使用
- React项目中使用 FullCalendar v4 插件进行日程管理
- 生成随机字符串工具示例
- java 图片与文件之间互转