1. Storyboard 故事版：
主要负责人：产品经理或交互设计师
最早大家开始讨论用户体验流程，在白板上边画流程边添加粗略的UI元素。会后交互设计师会在在纸上做手绘版线框图。这阶段产品经理、交互设计师、UI设计师、包括技术工程师会一同作大量的讨论，而且主要讨论的是流程和主要功能，因此手画故事版最快最方便并易于修改的。
此环节要敲定userflow，用户流程及其中的关键步骤，每一步骤都是一个主要界面。
*白板上一般都是这样，交互设计同学会在纸上重绘。
*移动产品设计这样做也行，不买专用的模板本和工具尺，自己打印也行。
2. Key wireframe 关键界面线框图
主要负责人：交互设计师
在确定的用户流程中，选出几个关键的，有代表性的步骤，做细化的wireframe线框图。线框图里要确保每一个UI元素的设计，包括其大小和位置。我们做的线框图是1:1的，也就是线框图与实际界面尺寸一致。1:1的线框图能在前期避免考虑不周和执行困难等很多问题的出现。
此环节要确定关键界面里的UI元素和布局，以及全局的布局排版风格。
*线框图做成1:1最好。输出到文档里要添加说明。在后面的工作里，这份文档可以让UI设计同学和工程师同学共用。
3. Key visual design 关键界面视觉设计
主要负责人：UI设计师
此环节交互设计师会按确定的用户流程及确定的布局风格来继续做其它界面的线框图。UI设计师则同时开始做关键界面的视觉设计，进行配色、样式不同风格的尝试。
此环节要确定产品界面的视觉设计风格。
4. All wireframe 全部界面线框图
主要负责人：交互设计师
此环节交互设计师要完成全部界面的线框图（1:1的）设计并且团队确认。
*做完全部的线框图，一般会出一个总结构图。如果有足够大的场地，也可以逐页打印出来贴到一面墙上。方便团队随时参考。
主要负责人：交互设计师
此环节依产品需求而定。如果静态的线框图还不能完整的体现出产品特点，那就需要做成可操作甚至有关键界面动画示意的可动原型。通常是HTML的可动原型，特殊项目也曾经做过Flash的。我还有一个奇葩朋友用PPT做过（PPT的开发工具+VB Script）几乎接近成品界面的可动原型。
此环节的确认同上一步，团队的理解会更精准。
*忍不住帖一个PPT的开发工具面板，提供VS风格的控件，并且直接用VB script写控件逻辑！还可以带dummy数据！客户都以为你开发完毕了有木有。
6. UI design 全部界面视觉设计
主要负责人：UI设计师
完成全部界面的UI视觉设计。
此环节确认全部UI设计。同时把确认的UI更新到文档里。
从2008年开始，我国网店就以每天5000家惊人的速度快速增长，到了09年我国网商数量就有了6300万家，到了2010—2015年后我国网购业进入了高速发展的阶段，各类商城消费总额超过16万亿，而在这惊人的销售额背后就是靠一个个运营人才所支撑，但是能够全面掌握商城运营的人才可谓是凤毛麟角。
选择江西新华电脑学院电子商务运营专业，你将学习：
计算机和互联网应用技术、计算机和网络安全基础、应用文写作、电子商务概论、
电子商务政策与法规、Photoshop图像处理、电子商务物流管理、Dreamweaver网页设计、HTML5+CSS3、JavaScript和Jquery网页特效开发、WEB和移动界面典型商业案例、Windows Server2003服务、器操作系统、网络数据库基础（SQLServer2005）电子商务安全与网上支付、商业图片拍摄技术、淘宝平台开店营业、网店装修、SEO优化与推广、百度SEM、Linux服务器操作系统、动态网页设计PHP+MYSQL、网络营销及综合实践、免费网络营销、营销型企业网站建设等。