熟悉互联网产品开发
流程和工具
《互联网产品开发》项目二
项目导读
• 从最初的构思到可供大家使用的产品，每个互联网产品都经历了一系列的复杂的过程，都凝聚了
互联网产品经理、UI设计师、交互设计师、前端工程师、后端工程师以及测试人员等多个岗位的
劳动和智慧。具体而言，互联网产品从无到有需要经历哪些步骤？可以使用哪些工具辅助完成产
品设计？本项目将介绍互联网产品开发流程的基础知识，以及常用的互联网产品开发工具及其使
用方法等。
教学目标
1.了解互联网产品开发的流
程。
2.理解互联网产品开发各环
节的含义。
3.了解常用的互联网产品开
发工具。
1.能够说出互联网产品开发的
流程。
2.能够使用常用的互联网产品
开发工具。
3.掌握Axure软件的使用方法。
1.提升互联网产品开发的职业
意识。
2.提升对互联网产品开发常用
工具的学习和使用兴趣。
知识目标 技能目标 素质目标
任务一 熟悉互联网产品开发流程
任务二 了解互联网产品开发常用工具
任务三 掌握Axure RP11 的使用方法
项目小结
过关测试
拓展阅读
01
产品构想
02
产品需求分析
03
产品规划
04
产品原型设计
05
产品开发和测试
06
产品发布和推广
07
产品迭代
1.熟悉互联网产品开发流程
产品构想
初步想法萌生
产品需求分析
对产品的需求进行
更广泛深入的分析
和论证
产品规划
确定产品可以实现，
着手进行产品规划
产品原型设计
对产品的各板块、界
面和元素进行合理排
序和布局
产品开发和测试
开发和测试两个阶段
产品发布和
推广
正式发布上线，
产品推广
产品迭代
对产品进行优化、
升级、改版
产品构想
观察生活
产品经理观察生活中的问题或者
需求，往往可以成为研发产品、
解决问题的契机
用户反馈
一些大中型公司每天都收到用户
各种各样的反馈信息
竞品启示
竞品启示是产品构想的另一个重
要来源
公司战略布局
有一些产品构想来源于公司的战
略布局需要或者投资人的前瞻性
判断
产品的构想主要来源于4个方面：观察生活、用户反馈、竞品启示、公司战略布局。
产品构想到底能否发展为成型的产品，还需要对产品的需求进行更广泛深入的分析和论证。
产品需求分析
用户研究
用户研究是围绕以用户为中心的设计方法论所进行的活动，目的是定位产品的
目标人群和用户。常见的用户研究方式包括用户访谈、调查问卷、数据分析等。
市场研究 产品的市场研究主要包括行业分析和竞品分析两个方面
产品规划
产品结构设计
绘制产品功能或页面的基本框架，
在这一阶段的产出物是产品结构
图，相当于产品的骨架，是流程
图和原型图绘制的依据。
01
产品流程设计
产品流程设计指的是绘制能够明确产品的操作环节
和转换关系的图示，是产品规划的核心内容。产品
流程图可以让项目参与者明确知道业务是如何运作
的，便于快速开展工作。
02
产品规划主要包括产品结构设计、流程设计等内容
产品原型设计
原型图设计
产品原型图机会产品设计成型之
前的一个简单框架
用户界面设计
运用颜色、图形、图像等装饰产品，
将美观的产品界面呈现给用户
交互设计
通过互动提升用户在使用产品过
程中的感受
一般产品经理与UI设计师和交互设计师配合完成低保真原型图和高保真原型图的制作。
产品开发和测试
测试阶段开发阶段
开发团队根据产品需求文档进行技术调
研、制定技术实施方案，再将前端制作
好的页面进行代码合成。
开发完成后还不能将产品立即上线，而是要
先经过内部的测试，看是否达到功能标准。
产品发布就是将开发的产品发布出去，提供给在
线用户使用。在产品上线前需要做好准备工作，
包括产品物料、产品团队和风险预控等。
产品发布
产品发布和推广
产品推广
常见的互联网产品推广渠道包括线下推广渠道、
信息流广告、搜索竞价广告等
产品迭代
产品迭代是指对产品进
行优化、升级、改版，
使产品更好地满足市场
需求，保持产品的竞争
力
产品迭代
Product iteration
迭代的原因
来自产品发布后收集到的
用户反馈意见
来自收集的用户投诉
来自对产品的数据分析结
果
技术更新
……
任务一 熟悉互联网产品开发流程
任务二 了解互联网产品开发常用工具
任务三 掌握Axure RP11 的使用方法
项目小结
过关测试
拓展阅读
01
纸和笔
02
Word
03
Visio
04
Axure RP
（1）纸和笔
最传统的纸和笔在互联网产
品原型设计中也可以发挥作
用，比如设计师用笔直接在
纸上进行产品原型的描绘，
获得大致的原型效果。
（2）Word
使用Word既可以撰写各类文档，绘制产品结构图、产品流程
图，也可以进行原型设计。
（3）Visio
微软Visio是一款功能强大且多功能的图表和矢量图形应用，可
以创建流程图、思维导图等多种图形。
（4）Axure
Axure RP是一款专业的快速原型设计工具，让负责定义需求
和规格、设计功能和界面的专家能够快速创建应用软件或Web
网站的线框图、流程图、原型和规格说明文档。
任务一 熟悉互联网产品开发流程
任务二 了解互联网产品开发常用工具
任务三 掌握Axure RP11 的使用方法
项目小结
过关测试
拓展阅读
01
Axure RP11的
安装与汉化
02
Axure RP11的
主要功能
03
Axure RP11的
工作界面
04
自定义工作界面
05
使用Axure RP11
的帮助资源
Axure RP11的安装与汉化
Axure RP11的安装与汉化
Axure RP11的主要功能
（1）绘制网站框架图
使用Axure RP10可以快速绘制树状的网站构架图，而且可以让网站构架图中的每一个页面
节点直接连接到对应网页。
Axure RP11的主要功能
（2）绘制示意图
AxureRP10自 带
很多常用的元件，例
如按钮、图片、文本、
水平线及下拉列表等。
使用这些元件可以快
速地绘制各类示意图
Axure RP11的主要功能
（3）绘制流程图
用户通过使用AxureRP10中提供
的流程图元件，可以轻松地绘制出流
程图
Axure RP11的主要功能
（4）实现交互设计
Axure RP 11可以模拟实际操作中的交互效果。通
过使用“交互编辑器”对话框中的各项动作，快速地为
元件添加一个或多个事件并产生动作
Axure RP11的主要功能
（5）输出网站原型
Axure RP11可以将线框图输出成符合IE或火狐等不同浏览器的HTML项目。
Axure RP11 可以输出Word 格式的文件，文件包含了目录、网页清单、网页、附有注
解的原版、注释、交互和元件特定的信息，以及结尾文件(如附录)文件的内容与格式也可
以依据不同的阅读对象进行变更。
（6）输出Word 格式的规格文件
熟练应用Axure RP11 软件可以让我
们的设计工作更加高效。
工作界面工作界面
菜单栏
工具栏
面板
Axure RP11的工作界面
工作区
自定义工作界面
Axure RP11为了照顾所有用户的操作习惯，允许用户根据个人喜好自定义工具栏和
工作面板。
（1）自定义工具栏 （2）自定义工作面板 （3）使用单键快捷键
用户在使用 Axure RP 9软件的过程中，如果遇到问题，可以通过“帮助”菜单寻求解答
使用Axure RP11的帮助资源
任务一 熟悉互联网产品开发流程
任务二 了解互联网产品开发常用工具
任务三 掌握Axure RP11 的使用方法
项目小结
过关测试
拓展阅读
项目小结
• 本项目带领读者了解了互联网产品开发流程，了解了 Axure RP11的基础知识，对软件的下
载、安装方法、主要功能、工作界面等进行了深度的剖析。在帮助读者了解和熟悉工作界面
的同时，本项目也针对优化和自定义工作界面进行了详细的介绍，为后面内容的学习打下基
础。
任务一 了解互联网产品
任务二 认识互联网产品经理
任务三 了解互联网产品经理的工作职责和能力要求
项目小结
过关测试
拓展阅读
过关测验
参见教材对应板块
任务一 了解互联网产品
任务二 认识互联网产品经理
任务三 了解互联网产品经理的工作职责和能力要求
项目小结
过关测试
拓展阅读
拓展阅读
微信红包的诞生
谢谢观看！
项目二 熟悉互联网产品开发流程和工具
