07第三章1网页交互原型工具Axure初识.pptx

web产品交互设计开发制作网页交互原型工具Axure初识 0102知识要点为何要进行原型设计什么是交互设计0304Axure原型设计应用如何制定AxureRP设计体系 第一部分为何要进行原型设计 沟通中存在的问题人们在沟通过程中，一个人通常只能说出心中所想的80%，但对方听到的最多只能是60%，听懂的却只有40%，结果执行时，只有20%了。心中的想法也许很完美，但执行起来却差之千里，这是由“沟通的漏斗”造成的，因此必须采取适当的方法，去克服这一“漏斗”现象，也即所谓的沟通的成本，如何使沟通的成本降低，是很多产品人员一直追求的。为何要进行原型设计 01沟通的时间成本沟通的成本（1）产品经理（2）研发经理（3）产品设计师（10）运维工程师（4）架构师（5）交互设计师（6）视觉设计师（7）Web前端工程师（8）APP开发工程师（9）测试工程师一个产品开发制作团队大致有以下人员分工 沟通的成本沟通的有效性02借助辅助介质的沟通会比单纯的对话来的更有效果。比如需要向用户说明设计方案的时候，单纯的口头沟通，肯定没有有实质交付物的沟通来的顺畅，这里的实质交付物可以是文档、草图、原型，而原型则比前两者要好。开发迭代跟进实现体验优化用户测试...项目启动需求分析功能分析市场调研用户访谈...概念设计数据挖掘信息架构文案策划头脑风暴...交互设计任务分析情景分析功能设计导航设计...视觉设计品牌设计风格设计界面设计...原型设计 原型工具在沟通中的好处原型的制作成本和演示成本都比较低，有原型的演示的话，一目了然，用户可以根据自身的判断，再结合演示者的描述，理解起来就不那么费劲了。能吸引到演示对象的注意力，一般的沟通会如果没有依托任何介质的讲话，效果往往不好，下面的人各干各的，但如果有PPT或者原型在上面演示，必然能引起大家的注意力。可以提高沟通的效果的。 01原型设计的价值及目的原型的价值就是可以被不断的修改、推翻、打磨、锤炼，直至达成最终的结果，产品可以利用原型来确定最终是否投入开发等人力物力来实现，也即原型的价值就是产品的替身。02原型设计的最终目的是为了准确、方便、快捷的表达产品设计人员的产品设计意图，并可以达成与沟通对象的沟通辅助。我们一般都从目的看做某件事的价值，原型设计的目的表明在通常的软件或者系统研发过程当中，原型设计是比较重要的，因为产品设计思想决定产品的后续成败。 第二部分什么是交互设计 一、什么是交互交互，及沟通交流，发生互动关系1、人和人之间的交互2、人和机器之间的交互 当人（或机器）和事物（无论是人、机器、产品、服务、系统、环境等等）发生双向的信息交流和互动，就是一种交互行为。智能时代的交互环境人系统服务产品机器人环境人系统服务产品机器机器互联网时代智能时代 设计，它源于社会。设计的实质在于发现一个很多人都遇到的问题，然后试着去解决的过程。设计主要表现在“发现问题–解决问题”。而交互设计就是发现和解决人（或机器）和事物（包括人、机器、产品、服务、系统、环境等等）之间的互动关系问题。二、什么是设计用户体验设计信息架构视觉设计内容创作交互设计人机交互建筑设计工业设计机械工程电子工程交互设计和各个领域之间的关系 用户体验要素分五个层级：战略层、范围层、结构层、框架层、表现层三、交互设计的工作内容思维框架设计依据方法体系交付物战略层行业分析市场研究竞品分析用户研究产品定位/目标用户现状机会特征痛点范围层达成目标所需的支持诉求信息功能需求挖掘焦点小组用户访谈用户观察需求列表结构层决策模型要素结构路径信息架构站点地图流程图卡片分类信息架构/流程图框架层信息设别模型权重关系次序导航设计排版布局纸面原型A/B 测试导航架构/页面布局表现层视觉信号认知模型比例色彩感知元素识别文本识别强弱空间交互稿高保真原型UI设计设计原则交互稿/视觉稿交互设计师高级交互体验顾问 第三部分应用Axure做原型设计 什么是原型呢？ 原型是产品的最初形态，确认用户对产品界面和操作功能可用性的需求，高保真的原型接近于产品的最终形态，但仍只是原型。产品原型简单的说就是产品设计成形之前的一个大体框架，对网站来讲，就是将页面模块、元素进行粗放式的排版和布局，深入一些，还会加入一些交互性的元素，使其更加具体、形象和生动。应用Axure做原型设计 Axure原型设计 Axure初始1.有强大的编辑功能, 使得制作素材库会更便捷一点。2.更快的复制粘贴，素材库和原型库会多一些。3.可以项目共享，使得同事间可以同步工作，并保留所有工作历史，并可以随时导出历史版本的项目文档Axure与其他原型工具对比优点常用的原型工具包括：Axure、墨刀、Mockplus。Axure工具界面1菜单栏和工具栏3页面栏4概要栏5元件库6母版7样式窗格8交互9注释说明2工作区 完整的