交互设计基本概念汇总ppt课件

单击此处编辑母版标题样式,*,*,单击此处编辑母版文本样式,第二级,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,*,*,数字媒体学院 于成龙,交互设计基础概念,数字媒体学院 于成龙交互设计,交互设计初学遇到的问题,刚入交互设计这一行当，不知从何下手。出现这个问题有两个原因：,一是交互设计师没有可视性强的产物,，交互设计师的产物一般是线框图、流程图、信息架构图、说明文档等等，但这些东西既不如视觉设计稿华丽精美，也不如程序代码高贵冷艳，在外行人看来初级交互设计师和高级交互设计师画的好像都差不多，轻易看不出你修炼到了几层功力；,第二个原因是交互设计是跨学科的专业,，需要学的太多太杂，今天这位大神说要学好,PS,，明天那位大神又说要学程序，后天又有大神说要学心理学，,blablabla,信息量太大、太乱就会导致这种不知所措的局面。,交互设计初学遇到的问题,交互设计师知识架构图,交互设计师知识架构图,交互设计师知识架构图,需求分析,一般来说，交互设计的第一个环节就是需求分析，需求分析主要指用户研究、场景剧本、角色创建以及需求提炼。,首先，用户研究的方法包括用户访谈、调查问卷、观察、焦点访谈等。,其次，创建人物角色和场景剧本将有利于设计团队始终围绕用户目标进行设计，保证你的设计以用户为中心，当然，人物角色和场景剧本不是凭空想象的，而是基于充分的用户研究提炼出来的。,以上两块知识在,About Face 4:,交互设计精髓,这本书里都有详细的介绍，大家一定要把这本书看完看懂。,最后，需求提炼这块，可以从“人、系统、环境”三个角度进行分析提炼，但是需要注意的是，这三个角度可以看成是一个公式，要学会灵活运用，针对不同的任务、对象，会用不同的名词，比如针对一个实物产品，这个公式就变成“人、物、场景”，针对一个任务则是“人、目标、场景”等等。,交互设计师知识架构图需求分析,交互设计师知识架构图,信息架构和流程设计,这一块需要掌握的知识有：流程图和信息架构图的绘制、心理学、逻辑学。,流程图和信息架构图都是为了表达交互设计的整体逻辑路径的工具，一张好的流程图或信息架构图对于团队沟通和开拓思维都是很有帮助的。推荐两本书：,高效沟通设计之道,、,交互设计指南,。,心理学和逻辑学可以说是交互设计师最重要的内功，看起来比较高大上，可能会无从下手，但千万不要逃避和盲目乱学，要进行系统的、循循渐进的学习。比如心理学你可以依次学习色彩心理学、设计心理学、认知心理学、行为心理学，交互设计师是以人为中心的，琢磨人的认知、记忆心理对于提高你的设计质量至关重要，推荐的书籍有唐纳德诺曼的,设计心理学,，埃森克的,认知心理学,。,交互设计师知识架构图信息架构和流程设计,交互设计师知识架构图,原型设计,原型设计是交互设计师最主要的工作之一，也是交互设计师的最佳练兵场，因此，需要在这一块储备大量的知识，比如交互范式、设计原则、平台规范、排版和草图绘画。,交互范式指交互方式,(,参考下图,),、交互元素,(,比如操作、窗口、控件、菜单、对话框,),等。这些都是基本功，很多同学自信学有所成了，但面试的时候一问控件的种类和区别就胡乱回答一通，这是没有系统学习的后果。,交互设计师知识架构图原型设计,交互设计师知识架构图,原型设计,设计原则，这里指的是交互设计原则。,平台规范。从终端上看，平台分为,PC,、手机、平板电脑等，从系统上看又分为,Windows,Mac,IOS,Windows Phone,Android,等，每一个平台都有相应的设计规范，想做交互设计师就得先把他们掌握了，另外，这些规范通常都是英文，而中文的最新翻译一般都比较难找，并且网友的翻译有参差不齐的风险，所以亲们一定要学好英语，这点也很重要,!,排版和草图绘画。受过专业的排版训练的交互设计师会有很大的优势，因为排版不仅需要一定的审美感觉，也需要扎实的视觉理论基础和逻辑思维甚至心理学理论，排版其实也是一种交互设计，是读者与作品在视觉上的交互。另外草图绘画是一个加分项，画的一手漂亮的草图会让团队沟通更加高效，不过，这里的草图不是素描草图，不是对某一个物品进行精雕细琢，而是简笔画。,交互设计师知识架构图原型设计,交互设计师知识架构图,可用性测试,理论终究是不够的，学习理论之后，要进行大量的实践来巩固，再总结出自己的一套流程与方法。,交互设计师知识架构图可用性测试,交互设计师知识架构图,视觉设计与程序设计,基础加分项，既是加分项，也是基本功。不是说必须学好视觉和代码，但多少会一点对你有很大的好处，比如有利于与团队的其他人员沟通，有利于选择更合理更现实的交互方案。,PS,、,AI,、,Axure,、,PPT,和,AE,、,C/Java,，,HTML+CSS+Javascript,。,交互设计师知识架构图视觉设计与程序设计,交互设计师知识架构图,视觉设计与程序设计,基础加分项，既是加分项，也是基本功。不是说必须学好视觉和代码，但多少会一点对你有很大的好处，比如有利于与团队的其他人员沟通，有利于选择更合理更现实的交互方案。,PS,、,AI,、,Axure,、,PPT,和,AE,、,C/Java,，,HTML+CSS+Javascript,。,交互设计师知识架构图视觉设计与程序设计,交互设计师知识架构图,交互设计师知识架构图,交互设计师,做,什么？,交互设计师做什么？,交互设计师,做,什么？,交互设计师在整个开发过程中扮演着关键角色。作为一个项目团队的一部分，他们通常会进行以下活动：,交互设计师做什么？交互设计师在整个开发过程中,交互设计师,做,什么？,组织、宣传设计策略,尽管这里的界限是模糊的，但有一点是肯定的：一个交互设计师需要知道她,/,他为谁设计，以及他们的目标是什么。通常，这些由信息架构师和用户研究人员 提供。反过来，一个交互设计师将评估设计目标，展开设计策略。他们或单独工作，或与其他设计师合作。设计策略帮助团队成员在什么样的交互能帮助用户实现目 标方面达成共识。,确定和构建交互框架,当交互设计师有一个刺激他,/,她设计的好的想法时，他,/,她可以开始构思这个界面，如何用它来辅助必要的交互活动。在这里细节是魔鬼。有些专业人员会在便签本或者是写字板上绘制这些互动设计；而另一些则选择用软件应用程序来帮助他们；有些人会选择团队合作，有些人则独立工作。这些都基于交互设计师本身以 及他们的工作流程。,交互设计师做什么？组织、宣传设计策略,交互设计师,做,什么？,交互雏形,根据不同项目，交互设计师下一个步会开始创建雏形。一个团队创建交互雏形的方式有很多，其中包括：,xhtml/css,雏形创建模式，纸面雏形创建模式，甚至,protocasting,。,随时关注,对于一个已入行的交互设计师而言，最大的挑战之一是这个行业的发展速度。每天，新的设计师给这个行业带来新的活力。因此，用户期待这些新的交互会出现在你的网站上。聪明的交互设计师会经常性地在网络上搜索寻找新的交互模式，利用新技术（比如,CSS3,或者,HTML5,）来适应这种变化，然后推动媒体不断 向前发展。,交互设计师做什么？交互雏形,交互设计师,做,什么？,交互设计师做什么？,