1、描述需求。这时候需求可能不够具体，是一个笼统大概的状态。有时，就是几句话。
2、把需求尽量细化、具体化，然后列出来。
3、可视化需求。比如通过思维导图的方式把需求列举出来。
4、梳理功能结构。把完整的功能结构列举出来，包括页面上的元素，甚至是交互流程。
5、画原型。根据功能结构画原型。很多情况下，边调整完善功能结构，边画原型。梳理功能结构和画原型是相互迭代的过程。
6、美工设计。收集相关资料，关键词、参考、模仿，可以手绘草图。最后用Photoshop等工具做出漂亮界面。
7、前端编码。html, Javascript, 自适应，等等。
不断迭代。
原文：http://www.cnblogs.com/darrenji/p/5120582.html