交互培训课件设计.pptxVIP

交互设计 基础知识培训 Interactiondesign概述1互联网产品的生命周期2产品设计 -- 交互设计3交互设计在项目流程中的位置和任务4交互设计的具体职能5交互设计工具互联网产品的生命周期1广义上的生命周期介绍(引入)期成长期成熟期衰退期狭义上的生命周期前期调研立项需求分析产品设计编程开发测试发布运营与维护产品设计2UED团队构架交互设计(ID）Interaction Design 产品经理（Product Manager）用户研究（User Research）交互设计（Interaction Design）视觉设计（ Visual Design ）前端开发（Web Develop Engineer）文案撰写（Copy Writer）以 人的需求 为导向，了解用户的期望、需求，以及商业、技术和业内的条件与制约。基于以上的理解，创造出形式、内容、行为有用易用、另用户满意且技术可行，具有商业利益的产品。交互（交流互动）+ 设计（重构优化） 人 物 行为 内容 形式 反馈交互设计在项目流程中的位置和任务3业务分析需求分析原型设计评审详细设计市场调研框架设计市场战略产品专员交互设计交互设计产品专员视觉设计人员参与产品经理交互设计产品专员产品专员交互设计前端设计运营需求开发需求分析开发需求分析产品交互竞品分析，辅助产品专员修正或主动提出需求梳理信息导航结构以及页面操作流程制作详细的交互原型，定义操作触发事件与页面跳转关系，定义空间使用和元素组织。撰写辅助交互说明原型演示，收集问题，负责问题的跟进以及原型的修订跟进修订文档交互设计的具体职能4从前面的图中可以看出，交互设计主要干三件事：① 定义部分需求 ② 定义信息架构和操作流程③ 组织页面元素，制作原型demo完善需求定义框架组织界面完善需求4一般惯性思维认为需求应该都由产品人员负责，设计人员只是实现和改善界面体验。其实产品的真正需求不仅仅来源于业务，还包括使用者的情感需求，需要考虑用户使用的场景，以及不同的用户对象群体。举个例子（虚拟某产品的业务模型）：基本需求业务结构：加入使用场景，情感元素后：定义框架4这个阶段的产出质量直接影响到业务目标和转化率。如果框架混乱，接下来的界面怎么优化都是无效的。这好比大型超市的走道设计，如果路线规划的不好，再多再大的指引图标都是低效的。交互设计做什么?让用户快速完成目标，提升操作效率，这才是框架设计的意义所在。结构导航设计流程设计结构导航设计4可用性导航结构性导航全局/局部导航结构导航设计4关联导航流程设计4一些参考的标准：以业务目的为主要导向。尽量让流程做减法，多一个流程就会丢一部分用户。任务是连贯和清晰的。考虑实现方式的复杂程度。可视性：正确的操作部位必须显而易见，而且还要向用户传达出正确的信息。自然匹配：兼容到用户的习惯，利用物理环境类比和文化标准理念，设计出用户一目了然使用方法的产品。反馈原则：及时向用户提供信息，使用户知道某一操作是否已经完成以及操作所产生的结果。应用于设计领域的定律总结：“除非有更好的选择，否则就遵从标准”4Fitts’ Law / 菲茨定律（费茨法则）定律内容：从一个起始位置移动到一个最终目标所需的时间由两个参数来决定，到目标的距离（D）和目标的大小（W），用数学公式表达为时间 T = a + b log2(D/W+1)。Hicks Law / 席克定律（希克法则）定律内容：一个人面临的选择（n）越多，所需要作出决定的时间（T）就越长。用数学公式表达为反应时间 T=a+b log2（n）。7±2 法则人类短时记忆能力的定量研究发现人类头脑最好的状态能记忆含有7（±2）项信息块，在记忆了 5-9 项信息后人类的头脑就开始出错。The Law Of Proximity 接近法则根据格式塔（Gestalt）心理学：当对象离得太近的时候，意识会认为它们是相关的。Teslers Law 泰思勒定律（复杂性守恒定律）该定律认为每一个过程都有其固有的复杂性，存在一个临界点，超过了这个点过程就不能再简化了，你只能将固有的复杂性从一个地方移动到另外一个地方。Occams Razor 奥卡姆剃刀原理 “如无必要，勿增实体”--简单有效原则其他知识4组织页面元素，制作原型demo4交互设计工具5最简单的交互设计工具白纸，铅笔常用的设计工具软件原型制作：Axure，Sketch (MAC OS only)绘图类：Photoshop， illustrator动效演示：Adobe After effects (图形视频处理软件)ThanksNov 2015, edit by Kai2015 All rights reserved.