《界面设计》课件-什么是用户体验要素

BYYUSHEN界面设计Interfacedesign第一章商业规范体系构建界面设计认知基础授课教师姜磊BYYUSHEN界面设计InterfacedesignCONTENTS什么是界面设计01用户体验5要素02交互设计的逻辑与变量03界面设计7定律04BYYUSHEN用户体验5要素02什么是用户体验要素？用户体验要素为界面设计提供了一个全面的指导原则，确保设计工作能够系统地关注和提升用户的整体体验。BYYUSHEN用户体验5要素02什么是用户体验要素？用户体验要素（ElementsofUserExperience）是由用户体验设计领域的先驱者杰西·詹姆斯·加勒特提出。他在2002年出版的同名书籍《用户体验要素：以用户为中心的产品设计》中详细阐述了这一概念。BYYUSHEN用户体验5要素02什么是用户体验要素？用户体验设计分解为五个层次：战略层、范围层、结构层、框架层和表现层，这一模型帮助设计师们系统地理解和构建产品的用户体验。BYYUSHEN用户体验5要素02什么是用户体验要素？用户体验设计分解为五个层次：战略层、范围层、结构层、框架层和表现层，这一模型帮助设计师们系统地理解和构建产品的用户体验。用户体验要素层次较多较难理解BYYUSHEN用户体验5要素02什么是用户体验要素？战略层——盖地基范围层——钢筋结构层——管道电路框架层——墙体门窗表现层——装修风格BYYUSHEN目的：明确产品的核心目标用户体验5要素02什么是用户体验要素？需要关注用户需求：目标用户是谁？他们需要什么？商业目标：企业希望通过产品实现什么？BYYUSHEN用户体验5要素02优秀的产品在于洞察并满足用户核心需求这些需求或许显而易见或许尚未被充分认识BYYUSHEN用户体验5要素02目的：解决乘客和司机之间的信息不对称问题，提高出行效率，以及改善用户的打车体验。需要关注。用户需求：快速叫车、价格透明。商业目标：成为出行平台提供方，收取服务费。战略层（Strategy）BYYUSHEN用户体验5要素02将战略转化为具体的功能（功能性产品）或内容（信息型产品）产出：功能清单（FeatureList）、内容大纲关键点：产品需要提供哪些功能或内容来满足战略范围层（Scope）BYYUSHEN用户体验5要素02目的：解决乘客和司机之间的信息不对称问题，提高出行效率，以及改善用户的打车体验。需要关注。用户需求：快速叫车、价格透明。商业目标：成为出行平台提供方，收取服务费。结构层（Structure）在进行结构层的工作时，没有固定的输出形式。用户流程图信息架构图线框图用户故事......结构化文档BYYUSHEN用户体验5要素02目的：解决乘客和司机之间的信息不对称问题，提高出行效率，以及改善用户的打车体验。需要关注。用户需求：快速叫车、价格透明。商业目标：成为出行平台提供方，收取服务费。结构层（Structure）用户操作/任务流程OR信息架构/软件功能节点容易混淆BYYUSHEN用户体验5要素02结构层（Structure）流程图/任务分析法BYYUSHEN用户体验5要素02结构层（Structure）流程图/任务分析法BYYUSHEN用户体验5要素02结构层（Structure）流程图/任务分析法BYYUSHEN用户体验5要素02结构层（Structure）信息架构BYYUSHEN用户体验5要素02结构层（Structure）信息架构其核心思想是让信息可访问，可理解。这要求我们考虑信息资源、空间、和用户三者的关系。BYYUSHEN用户体验5要素02图书馆结构层（Structure）BYYUSHEN用户体验5要素02结构层（Structure）逻辑直观BYYUSHEN用户体验5要素02结构层（Structure）信息架构组织系统用户需求导航系统检索系统用户认知用户特征用户行为用户需求BYYUSHEN用户体验5要素02结构层（Structure）站点地图Sitemap用户体验地图UserExperienceMap线框图Wireframe流程图Flowchart信息架构的视觉化呈现形式BYYUSHEN用户体验5要素02结构层（Structure）站点地图BYYUSHEN用户体验5要素02结构层（Structure）用户体验地图BYYUSHEN用户体验5要素02结构层（Structure）线框图BYYUSHEN用户体验5要素02结构层（Structure）流程图BYYUSHEN用户体验5要素02结构层（Structure）交互设计因素BYYUSHEN用户体验5要素02结构层（Structure）交互设计因素交互界面是人机交互信息传递的媒介。设计师需要将界面元素合理布置，以实现信息的高效传递。BYYUSHEN色彩系统图标系统动效系统设计原则字体系统用户体验5要素02结构层（Structure）交互设计因素交互界面是人机交互信息传递的媒介。设计师需要将界面元素合理布置，以实现信息的高效传递。BYYUSHEN用户体验5要素02结构层（Structure）交互设计因素BYYUSHEN用户体验5要素02框架层定义了界面的布局和导航，以及界面元素如何响应用户的操作。框架层是界面设计的“骨架”框架层（Framework）线框图低保真原型图细化交互流程定义界面组件创建交互原型用户测试......迭代完善BYYUSHEN用户体验5要素02框架层定义了界面的布局和导航，以及界面元素如何响应用户的操作。框架层是界面设计的“骨架”框架层（Framework）BYYUSHEN用户体验5要素02延展解释：原型图（Prototype）是产品设计过程中的一个模型，它用于模拟产品的功能和用户界面。原型图可以是任何形式的，从手绘草图到可交互的数字模型，其主要目的是在产品开发早期阶段探索和验证设计概念。框架层（Framework）软件的建筑蓝图需不停修改和迭代BYYUSHEN用户体验5要素02表现层（SurfaceLayer）是用户体验设计五要素中的最顶层，它专注于用户界面的视觉呈现和感官体验。这一层涉及到用户实际看到和感受到的最终产品的外观和风格。表现层（Surface）BYYUSHEN用户体验5要素02包括：1.视觉设计2.品牌风格3.细节美化4.排版布局5.可访问性6.情感设计表现层（Surface）BYYUSHEN用户体验5要素02包括：1.视觉设计2.品牌风格3.细节美化4.排版布局5.可访问性6.情感设计表现层（Surface）BYYUSHEN用户体验5要素02包括：1.视觉设计2.品牌风格3.细节美化4.排版布局5.可访问性6.情感设计表现层（Surface）BYYUSHEN用户体验的五要素构成了一个细致入微的框架，它引导我们系统性地构建和优化产品。用户体验5要素02小结BYYUSHEN用户体验5要素02小结HOWWHYWHATBYYUSHEN用户体验5要素02小结HOWWHYWHATBYYUSHEN执行用户体验五要素时，需要灵活、创新，并始终以用户为中心。通过不断学习和适应，设计师可以创造出既满足用户需求又实现商业目标的产品。用户体验5要素02小结BYYUSHEN用户体验5要素02实训任务--界面设计优化学生分组，选择一个日常生活中的界面（如手机应用、网站、智能家居控制面板等），分析其