《UI界面设计》教案

教学案例课程名称：用户界面设计讲师：设置时间：用户界面设计第1章用户界面概述主题：用户界面概述讲师：教学目标：通过本章，学生可以了解用户界面在中国的发展以及什么是用户界面。教学重点：掌握用户界面在中国的发展以及什么是用户界面。教学难点：掌握什么是用户界面。教学准备：教科书和参考图表教学方法：教学、讨论和案例分析教材：教学时间：8小时教学内容：用户界面在中国的发展以及什么是用户界面用户界面是用户界面的简称。用户界面设计是指人机交互、操作逻辑和软件界面美观的总体设计。一个好的用户界面设计不仅使软件个性化、有品位，而且使软件的操作舒适、简单、自由，充分体现了软件的定位和特点。第一部分用户界面是什么软件设计可以分为两部分：编码设计和用户界面设计。代码设计是每个人都熟悉的，但是用户界面设计仍然是一个非常奇怪的词。甚至一些专门从事网站和多媒体设计的人也不完全理解用户界面的含义。用户界面的本意是用户界面，是英语中用户和界面的缩写。从字面上看，它是用户和界面的两个组成部分，但实际上它也包括用户和界面之间的交互。在飞速发展的电子产品中，界面设计工作很少受到重视。设计界面的“艺术设计师”也被称为“用户界面设计师”或“用户界面工程师”。事实上，软件界面设计就像工业产品中的工业建模设计一样，是产品的一个重要卖点。界面美观的电子产品将带给人们舒适的视觉享受，缩短人与商品之间的距离，为企业创造卖点。界面设计不是简单的艺术绘画。它需要为最终用户定位用户、使用环境、使用方法和设计。这是一种基于科学的艺术设计。测试界面的标准既不是项目开发团队领导的意见，也不是项目成员投票的结果，而是最终用户的感受。因此，界面设计应该与用户研究紧密结合，这是一个为最终用户不断设计满意视觉效果的过程。第2节用户界面设计者做什么在中国，用户界面设计仍然是一个需要不断成长的设计领域，但是国内知名的设计机构如eicodesign、tigocon、lkkuidsign、robin设计已经进入了探索用户界面设计的道路。用户界面设计从工作内容上分为三个方向。它主要由用户界面研究的三个因素决定，即研究工具、人与界面关系的研究和人的研究。研究界面图形设计器图形用户界面设计器目前，中国大多数用户界面工人都从事这一行业。有人称之为艺术设计，但实际上它不是一个纯粹的艺术工作者，而是软件产品的产品形状设计师。这些设计师大多毕业于艺术院校，并且大部分都有艺术设计的教育背景，如工业外观设计、装饰设计、信息多媒体设计等。研究人与界面的关系交互设计师在创建图形界面之前，用户界面设计者一直被称为交互设计者。交互设计者的工作内容是设计软件操作流程、树形结构、软件结构和操作规范(spec)等。软件产品在编码之前需要做的是交互设计，并建立交互模型和交互规范。交互设计师大多是软件工程师。研究员用户测试/研究工程师任何产品都需要测试以确保其质量，软件的编码需要测试，自然的用户界面设计也需要测试。这个测试与编码无关。它主要测试交互设计的合理性和平面设计的美感。测试方法通常使用焦点小组和目标用户问卷来衡量用户界面设计的合理性。这个职位非常重要。没有这个职位，用户界面设计的质量只能由设计师的经验或领导者的审美来判断，这将给企业带来严重的风险。用户研究工程师通常是有合适文学背景的心理学家。总而言之，用户界面设计者是：软件图形设计者、交互设计者和用户研究工程师。互动设计师：“用户界面”的原意是用户界面，是英语中用户和界面的缩写。用户界面设计者是指从事人机交互、操作逻辑和软件界面美观的总体设计的人。工作内容：负责软件界面的艺术设计、创意和制作；根据各种相关软件的用户群，提出创意新颖、吸引力高的创意设计。优化页面，使用户操作更加人性化。维护现有应用程序；收集和分析用户对图形用户界面的需求。第三节中国界面设计现状目前，用户界面在中国还是一个相对陌生的词。就连洛可可设计也在用户界面设计的道路上不断探索客户和用户的需求。我们经常看到一些招聘广告，上面写着：招聘界面艺术家、界面艺术设计师等。这表明我国对用户界面的理解仍然停留在艺术设计方面。它认为用户界面的工作只是画线和画线，缺乏对用户交互重要性的理解。另一方面，在软件开发过程中，仍然存在技术比应用更重要的现象。许多企业认为软件产品的核心是技术，而用户界面只是辅助工具，这可以从人员的比例和待遇上体现出来。然而，这并不是用户界面设计的真正价值体现，而是用户界面设计开发的一个必要过程。让我们以手机行业的材料产品为例。当手机首次进入市场时，它们不仅出奇的昂贵，而且除了打电话之外没有其他功能。当时，技术是主导因素，所以大家都关注信号、待机时间、寿命等方面，很少关注产品设计的合理性。事情发生了变化，现在这项技术已经完全满足了用户的需求。因此，为了创造卖点和提高竞争力，商家非常重视产品的外观设计。此外，他们还经常推出短信、彩屏、和声、彩信、摄像头等。因此，产品的美观、个性、易用、易学和人性化成为产品的卖点。软件产品和材料产品的开发是一样的。过去，由于计算机硬件的限制，编码设计已经成为软件开发的代名词。美观友好的图形界面和合理易用的交互还没有得到足够的重视。事实上，这一时期的软件被称为软件程序，而不是软件产品。如今，随着计算机硬件的飞速发展，过去的软件程序已经不能满足用户的要求。在激烈的市场竞争中，软件产品只有强大的功能是不够的，要打败强大的竞争对手也是不够的。幸运的是，中国一些有远见的民族企业已经开始意识到用户界面给软件产品带来的巨大卖点，比如金山的电影恶霸、文字恶霸、毒霸和网络标识。由于对用户界面开发和地位的重视，金山软件产品在同类软件产品中首屈一指。联想软件的用户界面部门积极开展用户研究和可用性测试，将易用性和美观性结合起来，并推出双模式电脑和幸福系列等成功的用户界面实例，为联想赢得了全球第三大消费电脑的称号。实践证明，只要企业在产品美学和易用性设计上投资很少，它们就会有很大的产出。其投入产出比远远大于对主导功能开发的投入。我们不得不承认，在现阶段，中国与西方发达国家在许多领域存在相当大的差距。如何赶超他们是我们这一代人的历史使命。在软件产品领域，没有像物质产品那样的技术或物质限制。软件产品的核心问题是人。提高软件用户界面设计者的个人能力，缩小人员差距，是中国用户界面发展中最重要的问题。目前，国内高校还没有设置一个相对完善的用户界面设计专业，所以提高用户界面设计者能力的关键在于提供一个良好的学习和交流的资源环境。中国已经有很多传播设计网站，介绍工业设计、平面设计、服装设计、绘画艺术、多媒体flash等。然而，用户界面设计并没有得到应有的重视，只是被放在数字设计或图形网页设计的一个栏目中。这唯一的资源不足以培养优秀的设计师。只有拥有快速的信息、丰富的资源、一流的设计水平和专业的用户界面设计学习和交流权威的地方，才能满足日益增长的用户界面设计者的需求。第二章设计过程主题：用户界面设计过程教员：王用汲教学目标：通过本章，学生可以了解用户界面设计的原则和过程。教学重点：掌握用户界面设计原则和流程。教学难点：掌握用户界面设计流程。教学准备：教科书和参考图表教学方法：教学、讨论和案例分析教材：教学时间：8小时教学内容：用户界面设计原则和流程第一节用户界面设计原则1.简单界面的简单性用户界面设计图片这是为了让用户易于使用，理解和减少错误选择的可能性。2.用户语言界面应该使用反映用户自己的语言，而不是游戏设计者的语言。3.最小化内存负担人脑不是计算机。在设计界面时，必须考虑人脑处理信息的局限性。人类的短期记忆极其不稳定和有限，24小时内遗忘率为25%。因此，用户浏览信息比记住信息更容易。4.一致性这是每个优秀界面的特征。界面的结构必须清晰一致，风格必须与游戏内容一致。5.清楚的它易于理解并用于视觉效果。6.用户熟悉度用户可以通过他们的知识使用界面，但是他们不应该超越常识。7.从用户的角度来看思考用户的想法，做用户做的事情。用户总是按照他们自己的方法理解和使用它们。通过比较两个不同世界(真实世界和虚拟世界)中的事物，可以实现更好的设计。例如，书籍比较竹简。8.对齐一个有序的界面允许用户轻松使用它。9.安全用户可以自由选择，所有的选择都是可逆的。当用户做出危险的选择时，他们会受到信息干预系统的提示。灵活性简而言之，它是为了方便用户使用，但它不同于上述。也就是说，交互的多样性不限于单一工具(包括鼠标、键盘或手柄)。11.教化高效率和用户满意是人性化的体现。应该有专家和初级玩家系统，即用户可以根据自己的习惯定制界面，以及可以保存设置。第2节用户界面设计过程确认目标用户在洛可可的用户界面设计过程中，需求设计角色将决定软件的目标用户，并获得最终用户和直接用户的需求。用户交互应该考虑不同目标用户导致的交互设计重点的差异。例如，科学用户的设计重点不同于计算机输入用户。获取目标用户的习惯交互方式不同类型的目标用户有不同的交互习惯。这种习惯性的交互往往来源于其针对现实的原始交互过程和现有软件工具的交互过程。当然，在此基础上，用户想要达到的交互效果应该通过调查和分析来发现，并通过过程来确认。提示和指导用户软件是用户的工具。因此，用户应该操作和控制软件。该软件响应用户操作并设置规则。对于用户交互的结果和反馈，提示用户结果和反馈信息，以指导用户进行用户要求的下一步操作。一致性设计目标是一致的软件中通常有许多组件(组件、元素)。不同组件之间的交互设计目标需要一致。例如，如果将计算机操作的主要用户作为目标用户，将简化的接口逻辑作为设计目标，那么目标需要将软件(软件包)作为一个整体来实现，而不是作为一个部分来实现。元素看起来是一样的交互元素的出现往往会影响用户的交互效果。同一个(类)软件采用一致的外观风格，这对于保持用户焦点和提高交互效果有很大帮助。遗憾的是，没有特别统一的测量方法来确认元素的外观一致性。因此，有必要调查目标用户并获得反馈。互动行为是一致的在交互模型中，不同类型元素用户的交互行为需要在触发相应的行为事件后保持一致。例如，所有需要用户确认操作的对话框至少包含两个按钮：确认和放弃。交互行为一致性原则的更极端的观点是，相同类型的交互元素导致相同的行为事件。然而，我们可以看到，虽然这个概念在大多数情况下是正确的，但确实有相反的例子证明，不按照这个概念设计将进一步简化用户的操作过程。可用性原则可理解的软件为了被用户使用，用户必须能够理解软件的每个元素的相应功能。如果用户不能理解，则有必要提供一种非破坏性的方式，以便用户能够通过元素的操作来理解其相应的功能。例如，删除操作元素。用户可以点击删除操作按钮，提示用户如何删除操作或是否确认删除操作。用户可以更详细地理解与元素对应的功能，同时取消操作。可获得的用户是交互的中心，交互元素对应于用户所需的功能。因此，交互元素必须是用户可控制的。用户可以使用键盘和鼠标等交互设备来移动和触发现有的交互元素，以到达以前不可见或不交互的其他交互元素。应该注意的是，交互的数量将影响可实现的结果。当一个函数被深度隐藏时(通常超过4层)，用户到达元素的概率大大降低。可以达到的效果也与界面设计有关。界面太复杂会影响可达到的结果。(参考简单的指导原则)可控制的软件的交互过程可以由用户控制。用户可以控制功能的执行过程。如果无法提供控件，将以目标用户可以理解的方式提示用户。第三章是案例赏析主题：用户界面设计案例赏析教员：王用汲教学目标：通过本章的学习，学生可以了解用户界面设计案例的欣赏和分析。教学重点：掌握用户界面设计案例展示、欣赏和分析。教学难点：掌握用户界面设计案例展示、欣赏和分析。教学准备：教科书和参考图表教学方法：教学、讨论和案例分析教材：教学时间：8小时教学内容：用户界面设计图标、输入法、播放器、界面；第一部分图标图标是有明确含义的计算机图形。桌面图标是软件标识，界面中的图标是功能标识。图标分为广义和狭义：普遍的具有参考意义的图形符号具有高度集中、信息传递迅速、易于记忆的特点。应用范围非常广泛，软硬件网页、社交场所和公共场所随处可见，如男女厕所标志和各种交通标志。狭义它适用于计算机软件，包括程序识别、数据识别、命令选择、模式信号或开关、状态指示等。图标是代表文件、程序、网页或命令的小图片或对象。图标帮助用户快速执行命令和打开程序文件。单击或双击图