接下来，产品经理会开始绘制页面路径图和角色任务图，页面路径图会大致规划产品大概会有哪些页面，相互间的链接关系如何。然后将典型角色的典型任务列出，看看完成这些任务需要经过多少个网页，路径是否过长，是否有走不通的断头路等情况。

页面路径图讨论稿

整理后的页面路径图

典型角色在Teamcola中可能会面临的典型任务

有了这些前期成果，就可以开始正式的低保真原型设计了，在做每个具体页面信息架构的时候，可以根据内容的多寡和重要性进行某些页面的合并或拆分。至于形式，可以是手绘，也可以用Axure之类的软件来完成。一般说来手稿在绘制的时候效率更高，成本更低，摊在桌上很文青，贴在墙上很大师；html的版本则更方便在电脑上展示和远程传输，在展现一些动态的交互细节与不同页面间的跳转关系上更为方便。

在前期设计的辅助下开始基于页面信息架构的低保真原型设计

有些页面上有相互调用的模块，我们会做成小的卡片来方便讨论时的排列组合

把低保真设计原型贴在墙上方便集体讨论和查阅

低保真原型后面的故事，相信大家都知道啦～就是视觉设计、交互设计、前端开发、后端开发之类的一通猛干，把这些纸上的想法变成现实。：）

Mm⋯⋯我知道我们团队今年夏天干了什么

最后，欢迎体验我们这番设计的最终成果――最好用的团队日志管理工具――TeamCola!  同时欢迎关注@TeamCola与@彩程设计 以获得我们的最新动态。：）