纸面分解任务的一个wap实例
本文仅提供纸面分解任务的步骤、做法及纸面表现参考。至于怎么思考等其他的疑问，请参考本次话题的其它文章。
首先，做纸面任务前应该准备： 白纸、铅笔（或钢笔、圆珠笔，铅笔更容易修改）、橡皮。
然后，根据需求或场景分解出主要的任务流，此次分解为整体概念，可用纸张绘出屏幕流。
假设如下需求（仅为了说明而假设）：
用户sam在网上有一个网盘，网盘里已经存放有图片，sam用手机以WAP页面的形式登录互联网，并访问我在互联网上存储的图片。sam把喜欢的图片直接下载到手机并设置成屏保；sam和朋友moss都在互联网拥有同样的网盘，并且已加为好友，于是sam直接把一张很可爱的图片共享给moss；由于此图太可爱了，sam还想让luse看，可luse没有网盘，sam只好直接发送到luse的email里。（wap支持关键字检索。由于手机浏览器不支持富页面，仅支持超链接和基本表单的交互形式，所以交互风格尽量简洁。）
根据需求在纸面上绘出屏幕流如下：
再然后，对屏幕流进一步做详细分解，分解出表现任务流的每一个屏幕的详细构成，并绘出纸面图。如下图所示：
最后，根据整体的屏幕流把每个具体屏幕串起来，就形成了任务分解的结果——最初的产品原型。这里不再提供纸面原型参考，看到此想必大家也知道这个方法大致是怎么回事了，大家也经常用吧？感觉效率挺高。
优点：可以快速的表现出想法、修改方便、成本低。
我们在思考时，这种方法可以跟得上思路，迅速把想法表现出来；任务分解的结果不一定一次就能排版，在与同事的沟通过程中，会做有些调整，这时候就可以根据沟通结构迅速的使用橡皮和铅笔修改，立即可以讨论确认新的想法；成本就不用说了，几张白纸，废弃了就扔了！没有什么太可惜的；时间方面，由于表现想法迅速，不会在画图上浪费太多额外的时间，可见效果不错。 这里仅提供此常用方法，仅供参考。当然，大家在工作中选择自己喜欢的方式。
鉴于纸面分解任务的特点，提几个应该注意的建议：
1.保证看的清楚，字体和图可画的比实际稍大些。原因很简单，手指头一般比鼠标指针大，让图更适合于用手指头指指点点。
2.保证屏幕流可以完整表现任务流，多模拟几遍任务场景，尽量避免遗漏。
3.在画具体的表现界面时，把操作场景的各种反馈形式做好备注，以便在演示或讨论时可以很形象的表现。
4.引入角色，多倾听、观察角色的感受，保证分解结果的可用性。
6月 29th, 2007 at 16:01
第四段作后一行“富页面”？复杂页面吧？？:P~~~~~~
6月 29th, 2007 at 16:25
呵呵！ 没有错 ，是一个新的概念。 《Ajax实战》一书中做了详细的描述，为富交互的页面之意，即用户的每个行为界面上都能有反馈，就象我掐你一下你有疼的表情一样。web2.0之前的传统页面 就是页面的展示和简单的页面跳转 ， web2.0概念之后，web应用开始兴起，Ajax为页面交互开创了新局面，这个“富页面”的概念就被提出来了。
7月 1st, 2007 at 23:53
我想用卡片的形式会不会好一些？
7月 2nd, 2007 at 9:25
在于各自的习惯 卡片的形式也可以看作纸面演化后的一个分支
7月 3rd, 2007 at 11:44
是不错，不过也有缺点，画得草的话，没有参加讨论的人看来比较乱不容易懂，甚至自己隔一段时间回头看都有不明白的了
7月 4th, 2007 at 12:05
所以，手绘草图只是一种整理思路的方法，如果需要和别的部门、员工沟通和协作的话，最后还是需要把这些思路整理成漂亮的文档。但是，我们一定要记住，文档的目的是为了畅通的协作，不要为了文档而文档。
7月 12th, 2007 at 11:31
为什么不使用类似SmartDraw的 工具
如果想快速画图,SmartDraw也是很容易的啊
整理思路感觉用MM图也可以啊
7月 18th, 2007 at 9:15
为什么第一张图不用uml里边的顺序图来画呢，那样会比现在清晰很多。
我们原来就是直接画示意图，后来描述的对象越多，流程越乱；改用顺序图就好很多了。
7月 18th, 2007 at 10:09
uml里边的顺序图是个不错的方法 这里是在思考的时候 随思路画的草图 根据每个人的习惯或喜好 如果你喜欢用uml的循序图 也挺好
7月 30th, 2007 at 9:18
我觉得先用楼主这样的思路来整理,不过只级自己看,然后思路清晰了,还是需要用文档记录下来.以后的人看也能看得明白;)
7月 30th, 2007 at 15:12
emily,说的有一定道理，我自己整理思路的时候是画的比较草，要想更多的人交流，确实需要规范化，尽量接近真实界面。
4月 18th, 2010 at 16:05
[…] 纸面分解任务的一个WAP实例 http://ucdchina.com/blog/?p=112 […]
8月 6th, 2010 at 12:21
10月 27th, 2011 at 11:04
[…] 纸面分解任务的一个WAP实例 http://ucdchina.com/blog/?p=112 […]