用户体验设计讲义交互设计禅意花园市公开课一等奖百校联赛获奖课件.pptx

Powered by Alite Yu-UED小阿里公开课交互设计禅意花园联合出品公开课讲义-体验禅意设计第1页体验设计基本概念交互设计，又称互动设计，(英文Interaction Design,缩写 IxD 或者 IaD),是定义、设计人造系统行为设计领域。人造物，即人工制成物品，比如，软件、移动设备、人造环境、服务、可佩带装置以及系统组织结构。交互设计在于定义人造物行为方式(the interaction,即人工制品在特定场景下反应方式)相关界面。Wikipedia.org“启发式交互-让创新界面含有教学功效。”什么是交互设计：什么样人更适合做交互设计师？交互设计师需要具备凭空想象复杂行为能力，交互设计应该在任何代码编写之前做。交互设计师必须能够在代码被写出来之前，想象它是做什么。Alan Cooper第2页体验设计基本概念假如说设计=处理问题话，那么界面视觉设计，就是用视觉语言去处理逻辑问题。色彩选择，决定了人们在第一眼看到网站时感觉。所以，色彩是Web设计者手中最普遍，也是最强大工具。“让色彩更含有可读性-用最少颜色表示最准确内容。”什么是界面视觉设计：为何当人们开始喜欢一些界面时候，它们实际上会变得更可用？主动情感增强了创造性和广度优先思索，而负面情感集中在认知上，增强深度优先处理并把干扰降到最少；主动情感让人们更能容忍一些困难，在寻找处理方案时候变得更灵活而有创造性。Donald Norman第3页体验设计基本概念p用户体验是一个测试产品满意度与使用度词语，可能是基于西方产品设计理论中发展出来，英语是User Experience。在大多数情况下，产品软体测试或是商业行销测试时，会用到用户体验这个词。有时在探讨设计价值时，也会用到此新设计是否导出更差用户体验，来评定其好坏。p除了用户能完成必须任务之外，应该还提供主动体验，而应用设计和交互流程也应令用户感到愉悦。“以用户为中心设计-设计必须是满足用户需求、可行，其次才是可产生商业价值。”什么是用户体验：为何电子商务网站用户体验设计师有时也把用户体验称作用户体验？这里特指用户访问一个网站或者使用一个产品时全部体验。他们印象和感觉，是否成功，是否享受，是否还想再来/使用。他们能够忍受问题，疑惑和BUG程度。U第4页体验设计基本流程腾讯ISD组织架构第5页体验设计基本流程腾讯ISD网站组-网站设计流程第6页体验设计基本流程阿里巴巴用户体验部项目流程第7页体验设计基本流程阿里巴巴用户体验部项目流程第8页体验设计交付物标准与标准为何要对各阶段输出物名称进行修正？愈加形象化表示，表示专业性，降低歧义prototypemockupdemo交互原型视觉稿前端demo第9页体验设计交付物标准与标准p用以表示交互设计内容p是产品原型设计过程中阶段性结果、过渡型交付p经过可视化产出使各方对设计范围和内容有形象化、统一认知“输出物是用以表述观点和描述设计方案，本身不是设计目标。”交互输出物（Prototype）：什么时候提交输出物？在向视觉设计或前端开发提交需求时，应附带上传完整输出物文档，并在变更时保持附件更新第10页体验设计交付物标准与标准p帮助交互设计师明确方案需要提供内容及范围，降低遗漏p降低沟通和衔接成本、提升工作效率标准化是为了：第11页体验设计交付物标准与标准Axure RP文档（推荐）采取Axure RP交付输出物，便于项目标版本连续更新、存档以及团体协作适合用于：新项目或复杂项目；有多人参加设计项目PNG或PSD等图片格式（推荐）如需求是建立于现有产品之上，也可依据现有视觉规范直接提供视觉输出物，请参考慧慧视觉输出物标准化文档，能够采取Axure RP或者photoshop等工具生成适合用于：已经有明确视觉规范现有产品和功效页面，或小需求处理文本描述如需求包括修改比较小，如修改或增加模块，并无新增视觉样式和交互功效，则直接提交设计描述即可。适合用于：文本描述或口头表述已经能够描述清楚需求第12页体验设计交付物标准与标准做什么：明确交互输出物应涵盖内容示例说明交互输出物应描述关键信息和主要逻辑整理视觉设计和前端开发对交互输出物需求不做什么：本文档只提供交互输出物提议内容和标注方式范例，并不强制统一，设计师可针对项目标实际情况选择性参考第13页体验设计交付物标准与标准Axure交互设计原型六点标准：1.用Axure页面导航结构去构建信息架构。2.页面命名要有统一规范标准。比如：一级页面，二级页面，过程页面（状态页、结果页）等都要有统一标准。3.防止纠结复杂交互控件实现。要记得Axure是快速原型实现工具，而且网上已经有很多成型Axure交互设计模板能够直接调用。4.少一点色彩与布局，多一点标注与说明。把色彩与布局问题留给视觉思索吧，多些降低沟通成本并可消除歧义注释吧。5.Axure交付物也要注意可读性、可及性。把你交互产出物移交给视觉和前端时候，记得让他们能很轻易看懂你想传达东西。6.交互设计原型不是必须生成HTML文件并能动态交互。不一定要能动态展示，但必须要能完整清楚传达出你交互过程。第14页体验设计可用性测试也就是说，可用性测试是指让用户使用产品（服务）设计原型或者成品，经过观察，统计和分析用户行为和感受，以改进产品（服务）可用性一系列方法。它适合用于产品（服务）前期设计开发，中期改进和后期维护完善各个阶段，是用户中心设计思想主要表达。Wikipedia.org什么是可用性测试：可用性评定方法中最为惯用一个，作为人机交互研究一个主要领域，已经被广泛研究。1994年Jakob Nielsen在他人机交互设计领域权威著作Usability Engineering中将可用性测试定义为：可用性测试是一项经过用户使用来评定产品技术，因为它反应了用户真实使用经验，所以能够视为一个不可或缺可用性检验过程。第15页体验设计可用性测试卡片分类法(Card sorting)是一个在网站或其它规划早期惯用测试方法，透过卡片分类法能够让我们了解一些在设计网站架构时十分有用使用者资讯：1.了解真正符合使用者习惯资讯分类。2.比对网站设计者与使用者在对网站资讯分类上认知差异，作为调整架构依据。3.找出项目命名上问题。“Nielson主要针对信息架构中信息分类测试方法卡片分类法，提出实际测试中可能经常出现问题，并给出了很好提议”什么是卡片分类法：卡片分类法（Card sorting)更多研究介绍：交互设计禅意花园 A第16页体验设计可用性测试简约版启发式评定（Heuristic Evaluation)更多研究介绍：交互设计禅意花园 A什么是简约版启发式评定：启发式评定（Heuristic Evaluation）是一个用来发觉用户界面设计中可用性问题、快速、高效、低投入可用性方法。简约版启发式评定概述：针对现有启发式评定流程上复杂，实现成本比较高特点，进行改进与精简，立足于机动性强，实现简单方便，灵活性更高特点。适用环境：适合用于主要度和紧急度都高项目。第17页交互设计禅意花园经典案例电子商务网站系列（推荐）谁为用户买单(1)电子商务网站交互设计谁为用户买单(2)无结果页面反馈提醒交互设计亚马逊购物用户体验分析电子商务搜索LIST页面用户体验设计用户体验设计标准系列（推荐）Microsoft,Apple,Google用户体验设计标准设计标准-控件Balloons(气球状提醒)交互设计模式系列（推荐）交互设计模式(一)-序言交互设计模式(二)-Pagination(分页,标识页数)交互设计模式(三)-Tagging(标签)交互设计模式(四)-Spatial Memory(空间记忆)第18页怎样做好体验设计同理心、目标明确、高效、优雅同理心：从合乎常理角度观察问题；目标明确：带着明确设计目标；高效：主导重视实效项目设计讨论；优雅：设计出优雅统一用户界面交互。第19页Powered by by Alite Yu-UED小阿里最新更新时间：/07/25第20页