项目二 熟悉互联网产品开发流程和工具

熟悉互联网产品开发

流程和工具《互联网产品开发》项目二

项目导读从最初的构思到可供大家使用的产品，每个互联网产品都经历了一系列的复杂的过程，都凝聚了互联网产品经理、UI设计师、交互设计师、前端工程师、后端工程师以及测试人员等多个岗位的劳动和智慧。具体而言，互联网产品从无到有需要经历哪些步骤？可以使用哪些工具辅助完成产品设计？本项目将介绍互联网产品开发流程的基础知识，以及常用的互联网产品开发工具及其使用方法等。教学目标1.了解互联网产品开发的流程。2.理解互联网产品开发各环节的含义。3.了解常用的互联网产品开发工具。1.能够说出互联网产品开发的流程。2.能够使用常用的互联网产品开发工具。3.掌握Axure软件的使用方法。1.提升互联网产品开发的职业意识。2.提升对互联网产品开发常用工具的学习和使用兴趣。知识目标技能目标素质目标任务导航任务一熟悉互联网产品开发流程任务二

了解互联网产品开发常用工具

任务三

掌握AxureRP11的使用方法项目小结

过关测试拓展阅读子任务导航01产品构想02产品需求分析03产品规划04产品原型设计05产品开发和测试06产品发布和推广07产品迭代1.熟悉互联网产品开发流程产品构想01初步想法萌生产品需求分析02对产品的需求进行更广泛深入的分析和论证产品规划03确定产品可以实现，着手进行产品规划产品原型设计04对产品的各板块、界面和元素进行合理排序和布局产品开发和测试05开发和测试两个阶段产品发布和推广正式发布上线，产品推广06产品迭代对产品进行优化、升级、改版071.1产品构想观察生活产品经理观察生活中的问题或者需求，往往可以成为研发产品、解决问题的契机用户反馈一些大中型公司每天都收到用户各种各样的反馈信息竞品启示竞品启示是产品构想的另一个重要来源公司战略布局有一些产品构想来源于公司的战略布局需要或者投资人的前瞻性判断产品的构想主要来源于4个方面：观察生活、用户反馈、竞品启示、公司战略布局。产品构想到底能否发展为成型的产品，还需要对产品的需求进行更广泛深入的分析和论证。1.2产品需求分析用户研究用户研究是围绕以用户为中心的设计方法论所进行的活动，目的是定位产品的目标人群和用户。常见的用户研究方式包括用户访谈、调查问卷、数据分析等。市场研究产品的市场研究主要包括行业分析和竞品分析两个方面1.3产品规划产品结构设计绘制产品功能或页面的基本框架，在这一阶段的产出物是产品结构图，相当于产品的骨架，是流程图和原型图绘制的依据。01产品流程设计产品流程设计指的是绘制能够明确产品的操作环节和转换关系的图示，是产品规划的核心内容。产品流程图可以让项目参与者明确知道业务是如何运作的，便于快速开展工作。02产品规划主要包括产品结构设计、流程设计等内容1.4产品原型设计

原型图设计产品原型图机会产品设计成型之前的一个简单框架

用户界面设计运用颜色、图形、图像等装饰产品，将美观的产品界面呈现给用户

交互设计通过互动提升用户在使用产品过程中的感受一般产品经理与UI设计师和交互设计师配合完成低保真原型图和高保真原型图的制作。1.5产品开发和测试测试阶段开发阶段开发团队根据产品需求文档进行技术调研、制定技术实施方案，再将前端制作好的页面进行代码合成。开发完成后还不能将产品立即上线，而是要先经过内部的测试，看是否达到功能标准。产品发布就是将开发的产品发布出去，提供给在线用户使用。在产品上线前需要做好准备工作，包括产品物料、产品团队和风险预控等。产品发布1.6产品发布和推广产品推广常见的互联网产品推广渠道包括线下推广渠道、信息流广告、搜索竞价广告等1.7产品迭代产品迭代是指对产品进行优化、升级、改版，使产品更好地满足市场需求，保持产品的竞争力产品迭代Productiteration迭代的原因来自产品发布后收集到的用户反馈意见来自收集的用户投诉来自对产品的数据分析结果技术更新……任务导航任务一熟悉互联网产品开发流程任务二

了解互联网产品开发常用工具

任务三

掌握AxureRP11的使用方法项目小结

过关测试拓展阅读子任务导航01纸和笔02Word03Visio04AxureRP（1）纸和笔最传统的纸和笔在互联网产品原型设计中也可以发挥作用，比如设计师用笔直接在纸上进行产品原型的描绘，获得大致的原型效果。（2）Word使用Word既可以撰写各类文档，绘制产品结构图、产品流程图，也可以进行原型设计。（3）Visio微软Visio是一款功能强大且多功能的图表和矢量图形应用，可以创建流程图、思维导图等多种图形。（4）AxureAxureRP是一款专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。任务导航任务一熟悉互联网产品开发流程任务二

了解互联网产品开发常用工具

任务三

掌握AxureRP11的使用方法项目小结

过关测试拓展阅读子任务导航01AxureRP11的安装与汉化02AxureRP11的主要功能03AxureRP11的工作界面04自定义工作界面05使用AxureRP11的帮助资源3.1AxureRP11的安装与汉化3.1AxureRP11的安装与汉化3.2AxureRP11的主要功能（1）绘制网站框架图使用Axure

RP10可以快速绘制树状的网站构架图，而且可以让网站构架图中的每一个页面节点直接连接到对应网页。3.2AxureRP11的主要功能（2）绘制示意图AxureRP10自带很多常用的元件，例如按钮、图片、文本、水平线及下拉列表等。使用这些元件可以快速地绘制各类示意图3.2AxureRP11的主要功能（3）绘制流程图用户通过使用AxureRP10中提供的流程图元件，可以轻松地绘制出流程图3.2AxureRP11的主要功能（4）实现交互设计AxureRP11可以模拟实际操作中的交互效果。通过使用“交互编辑器”对话框中的各项动作，快速地为元件添加一个或多个事件并产生动作3.2AxureRP11的主要功能（5）输出网站原型AxureRP11可以将线框图输出成符合IE或火狐等不同浏览器的HTML项目。AxureRP11可以输出Word格式的文件，文件包含了目录、网页清单、网页、附有注解的原版、注释、交互和元件特定的信息，以及结尾文件(如附录)文件的内容与格式也可以依据不同的阅读对象进行变更。（6）输出Word格式的规格文件熟练应用AxureRP11软件可以让我们的设计工作更加高效。工作界面菜单栏工具栏面板3.3AxureRP11的工作界面工作区3.4自定义工作界面Axure

RP11为了照顾所有用户的操作习惯，允许用户根据个人喜好自定义工具栏和工作面板。（1）自定义工具栏（2）自定义工作面板（3）使用单键快捷键

用户在使用AxureRP9软件的过程中，如果遇到问题，可以通过“帮助”菜单寻求解答3.5使用AxureRP11的帮助资源任务导航任务一熟悉互联网产品开发流程任务二

了解互联网产品开发常用工具

任务三

掌握AxureRP11的使用方法项目小结

过关测试拓展阅读项目小结本项目带领读者了解了互联网产品开发流程，了解了AxureRP11的基础知识，对软件的下载、安装方法、主要功能、工作界面等进行了深度的剖析。在帮助读者了解和熟悉工作界面的同时，本项目也针对优化和自定义工作界面进行了详细的介绍，为后面内容的学习打下基础。任务导航任务一了解互联网产品任务二

认识互联网产品经理

任务三