图片来源：《About Face 3：交互设计精髓》
互联网产品的用户群分布状况，与大多数人口分布一样遵循着经典的正态分布统计曲线。我们的主流用户既不是新手小白，也不是专家用户；大多数用户属于中间用户。同时不要忽视，新手用户发展很快，会随着时间发展慢慢成长为中间用户；这也就是说我们的小白用户不会永远是小白。
通常用户群主体是中间用户。所以在整个产品设计的初期，我们主要考虑的对象应是中间用户，同时根据具体情况考虑是否要完全满足小白用户的需求，并适当听取一下专家用户的建议。大多数中间用户其实是不需要我们“极具耐心地介绍与展示”，他们其实比我们想象得聪明；“极具耐心地介绍与展示”反而会拉长用户体验的时间过程。
总结
所以我们的主要目标是让新手小白用户愉悦快速地成为中间中户；让中间用户感受到持续不断地愉悦。当然也不为想成为专家的那些用户设置障碍。
2. 从用户心理模型出发，而不是产品的实现模型
观点：开发这样实现比较容易，所以不能按你说的那样做
这是我在工作中遇到的最尴尬地问题了。大概自己带有“完美主义”倾向，所以非常注重最终呈现到用户眼前的界面和与用户直接互动的用户体验感受，总是希望在开发可行的基础上，辛苦程序员哥哥稍微再费多一点点的心思。
当然，大的项目开发成本很高，出于多种因素的综合考量，需要舍弃一点用户体验，以避免开发成本太高，给后期维护造成多余的人力成本和时间。这一点我也十分肯定并理解。
但在整个产品设计过程中，我认为用户的心理模型应该大于产品的实现模型。这是我从事产品设计以来最坚定的立场之一；并认为这是产品设计师的common knowledge之一。但沮丧的是，仍是有愿意为节省开发成本选择牺牲用户体验的情况发生（我所指的是比较小的需求处理时）。那么在实际情况中到底该如何取舍，需要我们好好斟酌一番。也许大家坐在一起喝喝咖啡，愉快地互相理解一番，一切就完美解决了也不是没可能~^_^
最后老生常谈地解释一下这两个概念：
用户的心理模型，是指用户在和我们的产品交互的过程中，如何感觉到要做的操作，以及产品如何帮助用户来完成这些操作。
产品的实现模型，简单地说就是就是开发的具体实现。
总结
我们的产品应该反应用户的心理模型；实现模型尽量与用户心理模型去靠，让用户看不出背后的技术。（设计的最高境界大概就是用户在我们的产品里沉浸地无法自拔，而对背后的技术实现手段毫无察觉。同事想到日本一位大师的一句真理：“最好的设计是虚无。”）
3. PRD更新要及时，沟通要快、准、勤
观点：这个需求点/这个解释/这个业务要求的依据找不到耶
沟通在工作中有极其重要的作用，有时甚至决定一个项目的成败和项目组成员之间的关系。互联网大概是这个时代发展变快最快的行业了，所以我们的需求迭代很频繁。甚至会在搞定了一个需求之后，又因为环境所变将其推翻重来。
沟通是如此地重要，一旦不及时，或将会导致需求变形不说，还会引起责任归咎的尴尬局面。所以时刻保持一颗不耐其烦的心，做一个耐撕的人。（意思就是，尽量不要在沟通中带有激动的情绪，不要慌、不要慌~一切好商量~）
如果说PD是整个项目的核心人物，那么PRD就是他们最有力的武器了。更新及时的PRD让我们有依据可寻，降低了沟通成本。
这一点大家都很了解，在此不多做解释。
总结
同理心不单单是针对用户，也是对我们身边的可爱的搭档们。让我们一起愉快地做更好的产品吧。以上我说的全都是错的。不喜勿喷。
作者@小媛
来源@简书
人人都是产品经理（https://www.doczj.com/doc/f76186316.html,）中国最大最活跃的产品经理学习、交流、分享平台
人机交互 人机交互是研究系统与用户之间的交互关系的技术机制。通过机器的输入，输出设备，以有效，简单的方式实现用户与机器的互动。所以人机交互系统可以是各种各样的机器设备，也可以是计算机程序化的软件与人之间的交流机制。用户可以通过人机交互系统方便，简易地实现对复杂程序，软件和系统的运用和操作控制（人机交互系统能够使用户更加方便快捷地进行操作）。传统的交互设备一般都是计算机的硬件设备，例如：鼠标，键盘，触摸屏，显示器等。总之，人机交互是指用户与机器之间通过一定方法和语言交流信息以完成指定任务的过程。实现人机交互需要一定的交互设备。用户如何使用机器，怎样可以高效率地完成指定工作，需要一个良好的人机交互系统。而一个良好的人机交互系统需要设计形象生动的人机交互界面。何为人机交互界面人机交互界面就是系统面向用户的部分，用户可以通过人机交互界面与系统交流沟通，是计算机向用户提供的综合操作环境，是计算机系统的重要组成部分。通过人机交互界面，人们可以与计算机传递，交换信息。人机交互界面的设计应当从多个学科角度来进行。首先，设计人机界面应当了解用户的需求，要知道用户想实现什么功能，想怎样实现特定的目的，想怎样简单，准确地控制系统完成指定的任务。然后，需要结合社会需求和经验补充和扩展界面的功能。再可以考虑界面的风格，可以通过图形进行人机交互，用工业设计的方法和计算机技术结合实现人机交互的智能化。通过研究计算机技术，用户心理，社会经验，图形设计，工业设计等，人们可以改进人机交互的环境（人机交互界面）以实现更复杂的功能和提供智能化，人性化的服务。理论体系方面，人机交互需要从人的心理出发，更加强调认知心理以及行为学和社会学的某些人文科的理论指导。实践范畴方面，需从人机交互接口扩展开来，强调计算机对于人的反馈交互作用。 其实，实现有效的人机交互还是需要借助优秀精良的人机界面。那么如何设计优良的人机界面呢首先，设计人员应当分析可用性需求。管理人员通过精选人员准备时间表和目标，建立和使用指导文档以及参与测试，可以促进大家对用户界面问题的重现。而设计者可以提出多个可供参选的备选设计方案，并对较好的备选方案进行下一步的开发和测试。设计者进行深入研究，对于哪些用户要完成什么任务以及用户与人物之间的关系，他们理解得十分透彻。明确目标有利于设计者实现这些目标。设计者设计人机界面应当做到以下几点： ①满足操作，控制和维护人员对性能的需求； ②将对操作人员的技能要求，知识要求和训练时间都降到最低； ③达到人与设备，软件组合所要求的可靠性； ④在系统中和系统间逐步建立一种设计标准； 倘若人机界面设计的好的话，人机界面就好像消失了一样，从而使人机之间可以像人与人之间正常交流一样方便简单。 其次，人机交互界面需要标准化，一致性和可移植性。所谓标准化就是不同的应用程序中共同的用户界面特征。一致性指应用程序中的通用操作语言，序列，术语，组件，布局，颜色，排版，样式等的统一。可移植性指在多个软件环境中转换数据和共享用户界面的潜在能力。 第三，可用性度量。如果已经选择了充分的需求，保证了可靠性，提出了标准化报告，完成了时间进度和预算计划，那么开发者就可以将精力集中于设计与测试过程，多个备选的设计方案必须通过对多个特定用户群和多个特定的基准任务
B/S 系统界面设计规范 1.引言 界面美观、操作易用性、维护成本低是评价B/S系统的关键。本规范参考了一些成熟产品科学的开发方法，将开发过程中的方式、规则等强行的约束。希望藉此来提高用户操作感受，提升B/S产品的质量。 1.1. 编写目的 广义的界面概念包含了除页面布局设计之外，交互性的设计，及人体工程学方面的研究。本规范制订的依据从广义概念出发，总结以往项目的成败经验，目的是从整体上提升公司B/S类产品的质量、开发效率。从以技术为中心发展为以客户为中心，将类似项目成功的经验继承和积累下来，将B/S系统与C/S系统开发过程上的区别降低到仅显示控制的极小的层面。新的开发方式强调分层，规范出界面设计人员做什么，服务器编程人员做什么，这样就把页面和控制代码两个层面清晰的分开。 1.2. 背景 B/S模式系统以其易部署、易扩展、能够高度集成各种技术的特点，在公司产品线中占越来越大的比重，.Net、J2ee等技术的发展更是将B/S系统的开发和桌面应用程序开发的工程方法统一起来，突出服务器端技术，这些变革要求界面设计人员和服务器端编程人员可以应用更加科学的方法合作，团队的合作方式甚至决定了一个系统开发的成败。目前公司较多的服务器端编程人员仍然处于“后ASP 时代”的开发方式，表现为前台页面仍然与服务器代码高度的关联，带来的后果是重复建设、高昂的维护成本或失去控制的项目，没有充分的发挥出集成开发工具的优势。在以往的开发方式下界面设计侧重在静态页面的建设上，每个页面作为一个独立的模块来处理，在页面交互中则是程序员根据自己的习惯来控制，程序对个人的编程风格的依赖很强，这些在以往开发WEB站点的方式扩展到B/S系统有时是不正确的，甚至是背道而弛的，当然也不利于规模化的团队合作。 1.3. 定义 术语定义： 效果图：由界面设计人员设计的页面效果图，综合了概要设计的业务需要和整个站点的风格，它规定了页面布局上的每个细节。 容器：即HTML 标记的嵌套结构，如在表格->行->单元格内放置图片，那么可以认为单元格是放置图片的容器。 样式表：即级联式样式表CSS，它是W3C机构在HTML标记语言上扩展的格式语言。 非标准交互控件：是通过标准控件组合、扩展等方法以提高特定业务执行效率而进行封装的控件，或概括为用户根据以往的操作经验不能够直接领会出操作方式的交互控件。 2. 界面设计规范细则 总体目标 以规范作为基本原则，在此框架内进行合理的扩展和变化，将站点内的每个模块服从于整个站点，模块页面与“高内聚”的控制代码紧密的结合在一起，同时对应于应用程序基于系统的架构分析。 2.1. 通用原则 1 界面色彩要求：计算机屏幕的发光成像和普通视觉成像有很大的不同，应该注意这种
人机交互的方式与种类 初步看到这个课题，并不清楚人机交互的概念，经过老师的讲解和个人的搜索资料，才明白人机交互是一门研究系统与用户之间的交互关系的学问。系统可以是各种各样的机器，也可以是计算机化的系统和软件。用户通过人机交互界面与系统交流，并进行操作。小如收音机的播放按键，大至飞机上的仪表板、或是发电厂的控制室。 从学习中了解到，人机交互这个科研项目已有近百年历史，早在59年，美国学者B.Shackel从人在操纵计算机时如何才能减轻疲劳出发，提出了被认为是人机界面的第一篇文献的关于计算机控制台设计的人机工程学的论文。自此，人机交互的概念被提出，时至今日，人机交互已有自己的方式，如：命令行方式、图形化界面，其主要目的就是为了让用户在操作和使用时感觉方便，提高数据管理效率。 目前，人机交互系统已发展成熟，被应用到各个领域，如：汽车领域。该系统实现了人与车之间的对话功能。车主可通过该系统，轻松把握车辆状态信息（车速、里程、当前位置、车辆保养信息等）、路况信息、定速巡航设置、蓝牙免提设置、空调及音响的设置。 再有多媒体与虚拟现实系统，与传统用户界面相比,引入了视频和音频之后的多媒体用户界面,最重要的变化就是界面不再是一个静态界面,而是一个与时间有关的时变媒体界面。 还有窗口系统。窗口系统是控制位图显示设备与输入设备的系统软件。它所管理的资源有屏幕、窗口、象素映象（pixmap)、色彩表、字体、光标、图形资源及输入设备。 人机交互还在人机工程学，认知心理学，脸部追踪等多个领域中实现着它的价值，人机交互技术是目前用户界面研究中发展得最快的领域之一,对此,各国都十分重视。美国在国家关键技术中,将人机界面列为信息技术中与软件和计算机并列的六项关键技术之一，并称其为"对计算机工业有着突出的重要性,对其它工业也是很重要的"。在美国国防关键技术中,人机界面不仅是软件技术中的重要内容之一,而且是与计算机和软件技术并列的11项关键技术之一。因此，保持在这一领域中的领先,对整个智能计算机系统是至关重要的。我们可以以发展新的人机界面交互技术为基础,带动和引导相关的软
UI设计(流程/界面)规范 一：UI设计基本概念与流程 1.1 目的 规范公司UI设计流程，使UI设计师参与到产品设计整个环节中来，对产品的易用性进行全流程负责，使UI设计的流程规范化，保证UI设计流程的可操作性。 1.2范围 l 界面设计 l 此文档用于界面设计,本文档的读者对象是项目管理人员、售前服务人员、UI界面设计人员、界面评审人员和配置测试人员。 1.3 概述 UI设计包括交互设计，用户研究，与界面设计三个部分。基于这三部分的UI设计流程是从一个产品立项开始，UI设计师就应根据流程规范，参与需求阶段、分析设计阶段、调研验证阶段、方案改进阶段、用户验证反馈阶段等环节，履行相应的岗位职责。UI设计师应全面负责产品以用户体验为中心的UI设计，并根据客户（市场）要求不断提升产品可用性。本规范明确规定了UI设计在各个环节的职责和要求，以保证每个环节的工作质量。 1.4 基本介绍 A、需求阶段 软件产品依然属于工业产品的范畴。依然离不开3W的考虑（Who,where,why.）也就是使用者，使用环境，使用方式的需求分析。所以在设计一个软件产品之前我们应该明确什么人
用(用户的年龄，性别，爱好，收入，教育程度等)。什么地方用（在办公室/家庭/厂房车间/公共场所）。如何用（鼠标键盘/遥控器/触摸屏）。上面的任何一个元素改变结果都会有相应的改变。 除此之外在需求阶段同类竞争产品也是我们必须了解的。同类产品比我们提前问世，我们要比他作的更好才有存在的价值。那么单纯的从界面美学考虑说哪个好哪个不好是没有一个很客观的评价标准的。我们只能说哪个更合适，更合适于我们的最终用户的就是最好的。B、分析设计阶段 通过分析上面的需求，我们进入设计阶段。也就是方案形成阶段。我们设计出几套不同风格的界面用于被选。 C、调研验证阶段 几套风格必须保证在同等的设计制作水平上，不能明显看出差异，这样才能得到用户客观真实的反馈。 测试阶段开始前我们应该对测试的具体细节进行清楚的分析描述。 调研阶段需要从以下几个问题出发： 用户对各套方案的第一印象 用户对各套方案的综合印象 用户对各套方案的单独评价 选出最喜欢的 选出其次喜欢的 对各方案的色彩，文字，图形等分别打分。 结论出来以后请所有用户说出最受欢迎方案的优缺点。 所有这些都需要用图形表达出来，直观科学。
第1.0节： 简介 微软的Surface使开发人员和设计人员，为他们的客户提供惊人的，社交的，具有很强的互动体验。来自四面八方的人们可以使用360°接口面对面的协作，合作和建立信任。 开发引人注目的Serface体验需要不同的方法来设计接口。本文提出的设计原则和指导方针，以解决关键方面，包括：互动，视觉，声音，文字，和更多的应用程序界面设计。使用这些原则和惯例为出发点，得到最有效的界面软件和硬件平台的独特功能。 第4.0节： Serface 硬件 本节讨论具体涉及到serface的硬件设计注意事项和指导方针。 第4.1节： 输入法 1.基于视觉的触摸 与serface互动的主要方式是触摸。Serface从一开始就在为触摸设计，它是Surface 应用程序中互动的关键动力。 手指和blobs ：serface自动识别区分手指和blobs。当有人将手指放在屏幕上，手指会被识别。他们指出的方向，视觉输入系统会自动检测到手指数目、位置和方向。当其它不认定为手指或者标签的物品被放置在屏幕上时，被列为blobs。提供基本大小的信息并分配一个任意方向。方向值在blobs中通常是没有可靠的手指或者标签。 触摸交互- 表面SDK操作处理器识别三个离散的操作：移动，旋转和调整大小。 事实上，Surface SDK中只有三个操作手势是一个技术性的事实，但是从交互的角度看，有许多不同的触摸交互，一个人可以使用这些操作。下面的插图显示了如何使用一个手指或者几个手指，在各种触摸交互中执行虚拟对象。
点击- 按，然后释放 保持-然后按住 滑动或推- 使用你的手指滑动或推来移动对象
轻击-轻按，迅速滑落，然后释放 触摸并开启- 将你的手指，靠近物体外侧边缘的一块内容，并围绕其中心旋转 自旋- 扭转迅速用两个手指旋转对象
人机交互界面设计规范 （讨论稿） Hygrand 上海华冠电子设备有限责任公司 Hygrand Electronic Equipment CO., LTD.Shanghai
1. 必须在编码之前完成，否则就成花架子了。 2. GUI规范不是一蹴而就，它和设计相互迭代，彼此补充，相互完善。 3. GUI规范的内容70％是通用原则，涉及产品图形控件的基本属性和构建的基本参数和原则，30％ 是与项目或产品特点相适应的内容，这部分内容就是在设计过程中迭代产生。 1.概述 <目的、适用项目、基本风格> 2.通用指导原则 2.1.易用性 理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。如按钮名称应该易懂，用词准确，要与同一界面上的其他按钮易于区分。 <补充易用性细则> 完成同一功能或任务的元素放在集中位置，减少鼠标移动的距离。 复选框和选项框要有默认选项，并支持Tab选择。 …… 2.2.规范性 通常界面设计按Windows界面的规范，即包含“菜单条、工具栏、状态栏、滚动条、右键快捷菜单”等的标准格式，界面遵循规范化的程度越高，则易用性相应的就越好。 <补充规范性细则> 工具栏的图标能直观的代表要完成的操作。 标签提示：字体为加重、宋体、黑色、无边框。 对齐方式：左对齐、一般文字、单个数字、日期等。 等待过程：在需等待时间较短(0-10秒)的情况下应将鼠标显示成为沙漏；当需10秒以上时，要显示进度条等。 菜单深度一般要求最多控制在三层以内。 ……
2.3.美观与协调性 界面应该适合美学观点，感觉协调舒适，能在有效的范围内吸引用户的注意力。 <补充美观与协调性细则> 父窗体或主窗体的中心位置应该在对角线焦点附近。 按钮的大小要与界面的大小和空间要协调。 …… 2.4.独特性 在框架符合以上规范的情况下，设计具有自己独特风格的界面尤为重要。尤其在商业软件流通中有着很好的迁移默化的广告效用。 <补充独特性细则> 安装界面上应有单位介绍或产品介绍，并有自己的图标。 登录界面上要有本产品的标志，同时包含公司图标。 …… 2.5.快捷方式 在菜单及按钮中使用快捷键可以让喜欢使用键盘的用户操作得更快一些，在Windows 及其应用软件中快捷键的使用大多是一致的。 <补充快捷方式细则> 文件操作：如打印、关闭相应的快捷键。 系统菜单：如工具、帮助等的快捷键。 …… 2.6.安全性 在界面上通过下列方式来控制出错几率，会大大减少系统因用户人为的错误引起的破坏。 <补充安全性性细则> 应当注意尽可能避免用户无意录入无效的数据。 采用相关控件限制用户输入值的种类。 ……
人机界面设计原则 “以人为本” 1.以用户为中心的基本设计原则 在系统的设计过程中，设计人员要抓住用户的特征，发现用户的需求。在系统整个开发过程中要不断征求用户的意见，向用户咨询。系统的设计决策要结合用户的工作和应用环境，必须理解用户对系统的要求。最好的方法就是让真实的用户参与开发，这样开发人员就能正确地了解用户的需求和目标，系统就会更加成功。 2.顺序原则 即按照处理事件顺序、访问查看顺序(如由整体到单项，由大到小，由上层到下层等)与控制工艺流程等设计监控管理和人机对话主界面及其二级界面。 3.功能原则 即按照对象应用环境及场合具体使用功能要求，各种子系统控制类型、不同管理对象的同一界面并行处理要求和多项对话交互的同时性要求等，设计分功能区分多级菜单、分层提示信息和多项对话栏并举的窗口等的人机交互界面，从而使用户易于分辨和掌握交互界面的使用规律和特点，提高其友好性和易操作性。 4.一致性原则 包括色彩的一致，操作区域一致，文字的一致。即一方面界面颜色、形状、字体与国家、国际或行业通用标准相一致。另一方面界面颜色、形状、字体自成一体，不同设备及其相同设计状态的颜色应保持一致。界面细节美工设计的一致性使运行人员看界面时感到舒适，从而不分散他的注意力。对于新运行人员，或紧急情况下处理问题的运行人员来说，一致性还能减少他们的操作失误。 5.频率原则 即按照管理对象的对话交互频率高低设计人机界面的层次顺序和对话窗口莱单的显示位置等，提高监控和访问对话频率。 6.重要性原则 即按照管理对象在控制系统中的重要性和全局性水平，设计人机界面的主次菜单和对话窗口的位置和突显性，从而有助于管理人员把握好控制系统的主次，实施好控制决策的顺序，实现最优调度和管理。 7.面向对象原则 即按照操作人员的身份特征和工作性质，设计与之相适应和友好的人机界面。根据其工作需要，宜以弹出式窗口显示提示、引导和帮助信息，从而提高用户的交互水平和效率。
用户目标需要有真实的用户信息输入，输入途径可以是和用研合作进行调研分析、向熟悉用户的业务方请教、现场观察和访谈等，忌讳设计师自行脑补。将用户画像与故事板建立起来并传达给大家，也可以在评审时更好地帮助与会者代入真实用户、理解感受他们的核心痛点与诉求，进而对设计方案给出更准确的判断，而不是纯粹站在自己的角度上提不接地气的建议。 基于业务和用户背景提炼出具体的设计目标后，设计方案需要紧密围绕目标展开，而不是在被别人问到你的设计方案如何体现出这一目标时，才发现目标和方案实际上基本不相干甚至南辕北辙，这也是一些初级设计师（包括我自己）会犯的错误。 2、流程完整性 有些外人对交互设计的理解可能就是简单的「画画线框图」，但实际上前期的这些流程才是耗费时间与精力最多的，虽然并不是每一个项目都需要完全覆盖到（没有必要，特别是日常迭代的小 需求）。 在交互设计文档里完整展示这些阶段产出物还是很有价值的，它们能更好地体现出你的专业态度和充分的思考推导过程，给设计提案的说服力提升（见上一篇文章）增加筹码。 3、整体美观性 要以设计师的态度去认真对待工作中的每一件事情，虽然有专业的视觉设计师存在，但交互设计师同样需要懂得和追求基础的美感，这点在设计文档、线框图等关键交付物中都可以体现出来。 第二层：易理解性、易操作性、技术可行性、分支与边界状态 这一部分仍然属于「基础」，主要体现在对细节的推敲程度上，也是交互设计师体现自身「专业性」的重要环节。 1、易理解性
这一部分内容比较基础，我就不多加说明了，在打磨的过程中多思考、多尝试、多推敲、多做用户测试，有时候对业务太过熟悉会让我们意识不到一些比如文案理解困难的问题，而身边不那么了解业务的同事要更容易一眼发现问题所在，所以，多用开放的心态听取大家的反馈吧。 2、易操作性 同样是一些很基础的知识，主要参考尼尔森十大可用性原则（http://online- https://www.doczj.com/doc/f76186316.html,/testing/usability-principles-jakob-nielsen），不再赘述。 3、技术可行性 这一部分因为我是根据自己的业务场景梳理的，不具备通用性，所以就不分享具体内容了。 交互设计师不一定非要懂技术，但一次次技术评审下来，对于「什么能做、什么不能做」（对于一些优秀技术同学，还可以加一条「有挑战但技术乐意做」，哈哈）要逐渐形成清晰的概念并进行总结，必要时也可以体现在自己的设计文档上（让大家理解你有时做出一些看上去略古怪的设计方案的苦衷）。设计过程中也要及时找技术同学沟通确认可行性、倾听他们的建议和反馈，而不是次次都是等方案设计完成、正式评审了才发现技术上实现成本过高，进而被迫放弃。 4、分支与边界状态
第1章 1.什么是人机交互？ 2.人机交互的发展趋势是什么？ 第2章 3.人机交互中，常用的感知有哪些？ 4.颜色通常用哪几种属性来表示？ 5.“在界面设计中，应该以实际中心为基准进行排版设计。”这句话对吗？为什么？ 6.“在明亮的背景下显示灰暗的文字，能够增强文字的可读性。”这句话对吗？ 7.RGB、CMYK和HSV的含义各是什么？作为颜色模型，它们各自在什么情况下使用？ 8.声音通常用哪几个属性来描述？ 9.触觉的感知机理与视觉和听觉的最大不同是什么？ 10.认知的两个模式是什么？二者各有什么特点？ 11.常见的认知过程有哪些？ 12.注意的两个基本特征是什么？ 13.“人们识别事物的能力要远胜于回忆事物的能力。”这句话对吗？ 14.影响人们认知的因素有哪些？ 15.什么是交互系统设计中的概念模型？ 16.什么是分布式认知？它与传统认知理论之间有什么关系？ 第3章 17.常用的文本输入设备、图像输入设备、三维信息输入设备、指点输入设备各有哪些？ 18.虚拟现实交互设备有哪些？各有什么特点？ 第4章 19.常用的人机交互输入模式有哪几种？各有什么特点？ 20.基本的交互技术有哪些？ 21.常用的、用于图形输入的辅助交互技术有哪些？ 22.什么是六自由度？ 23.什么是三维交互技术？传统的图形交互技术能否直接用于三维交互？为什么？ 24.目前主要使用哪些交互方式在三维空间中进行操作？ 25.什么是语音识别？ 26.在手写识别技术中，什么是脱机识别和联机识别？ 27.什么是数字墨水？ 第5章 28.图形用户界面包含了三个重要思想，它们是什么？ 29.WIMP表示什么？ 30.什么是桌面隐喻？“图形用户界面中，最常用的隐喻表现方法是使用静态图标。”这句 话对吗？“隐喻可以表达各种信息。”这句话对吗？为什么？ 31.直接操纵具有哪些特性？ 32.简要论述图形用户界面设计的一般原则。 33.用户体验由哪几个元素组成？ 34.“偶然型和生疏型用户要求系统运行效率高，能够灵活使用；熟练型和专家型用户要求 系统给出更多的支持和帮助。”这句话对吗？ 35.在界面设计中，用户交互分析主要包括哪些内容？ 36.在界面设计中，对用户的观察和分析，主要有哪些方法？ 37.简要描述任务分析主要包括哪些内容。为什么说任务分析是交互设计至关重要的环节？
产品设计交互规范 常州广传网络技术有限公司 编写：王英 2013年11月
目录
1概述 规范的制定采用UCD（以用户为中心的设计）方法，遵循ISO9241-11部分标准的要求。设计过程以用户的使用习惯和心理需求作为出发点，在认真研究并参考了国内外各种优秀设计的基础上，制定出了适合我集团应用服务产品的设计规范。此外，为保证规范具有良好的可用性和广泛的适用性，UE研究室对设计出的每个模式都进行了严格的用户测试，并对各组件采取了不同应用场景的测试。 该规范从产品交互的通用规则和具体组件的交互模式两个方面进行了规定。在每个组件规范中，给出了模式描述和扩展描述的规范描述，供不同的应用类型和使用场景选择、组合使用。 1.1规范的目的 ●在产品开发过程中，给不同部门的相关人员提供统一的规范与指导，使沟通与合作顺利 有效地进行，以保证产品界面的最终规范化实现； ●从一点一滴入手解决公司产品的可用性问题：使操作更人性化，减轻用户的认知负担， 改善产品的用户体验，提升产品的市场竞争力； ●使产品在界面外观和操作行为上形成一致，加强公司产品的品牌化特征。 1.2规范适用的范围 广传项目部内的所有产品。 1.3规范适用的人群 参与产品设计的所有人员、前端开发人员及测试人员等。 注：从正式发文之日起属于新项目范畴的必须遵循此规范，对于已有项目进行重大版本升级的项目要遵循此规范。
2基本原则 以下原则主要用来说明此规范的指导思想与设计依据。简单描述如下，以供该文档的阅读者参考和使用。具体的原则描述请参见《界面设计指南》。 2.1一致性 ●视觉一致：在同一产品内，所有的同类界面元素在相同的应用环境下，界面外观在视 觉上应该保持一致；否则，界面外观要予以区分； ●操作行为一致：类似场景的界面设计，其操作方式必须保持一致；当操作行为相同时 要保持视觉上的一致；当操作行为不同时，在视觉上就一定要有所区别； ●外观与使用者的预期一致：保持对象与其行为相符，保持不同作用的对象外观的不同； 视觉元素的外观及其操作结果，必须与用户的心理认知相符。 2.2简洁性 ●减轻视觉负担：使用尽可能少的元素，不提供与当前任务无关的信息； ●简明的文字表述：文字表述必须简明扼要、清晰易懂，内涵丰富，并易于理解和记忆； ●操作简单：减少冗余的操作步骤。 2.3避免干扰和打断 ●避免干扰：明确用户在特定界面中的首要任务和目标，尽可能避免该界面上的视觉噪 声和其它干扰。 ●避免打断：让用户的操作连贯顺畅，避免使用模态对话框（弹出的独占焦点的对话框） 打断用户的工作。 2.4减轻用户记忆负担 ●认知明确：产品中界面元素外观要明晰，易于辨别；产品的逻辑意义要合理，导航要 及时准确； ●系统智能化：提供默认值；帮助用户记住尽可能多的信息，最低限度地从用户那里索 取信息； ●合理的隐喻和习惯用法：使用用户熟悉的，符合使用习惯的隐喻，及通用的习惯用法， 为用户的任务提供直观易用的界面； ●有效的启示：提供具有明确引导性的启示来指导用户正确操作（启示：某对象用来说 明自身可以如何使用的外观属性）。 2.5及时有效的反馈
人机交互设计 “交互设计”一直是设计界和互联网界非常流行的概念。很多工业设计、平面设计、甚至计算机、建筑设计的朋友都在尝试进入交互领域。但是大多数人对交互的理解仅仅停留在找好工作和高薪水的层面上，对交互的理解还停留在APP网站界面设计的层面上。作为一个跨学科的学科，什么是交互设计?交互设计是设计师设计并编写用户行为的一种设计。这里我将主要强调两个概念:设计和程序。前者是显而易见的，而后者“书写用户行为”是交互设计与其他设计的最大区别。交互设计和人机交互研究用户行为。例如，在狭义的工业设计中，设计主体一般是一个实体产品;交互设计不仅是一个产品，也是围绕着你的用户。有必要调查用户的现有行为，找出优缺点，在不改变用户习惯的前提下，根据用户行为提出设计方案。简而言之，交互设计的核心概念就是设计用户行为。 人机交互(Human computer interaction, HCI或HMI)，顾名思义，就是人与计算机之间的交互。它是关于系统和用户之间交互的综合性跨学科研究。它的范围很广，包括计算机科学、心理学、工业设计、信息学、社会学等。 两者都是在关注人和计算技术的关系；并且都奉Don Norman的一系列可用性设计理论为经典。HCI与交互设计的绝大多数领域是重叠的，所以我个人更倾向提交互设计这个概念。 如图所示，HCI是包含在交互设计之中，最外面一圈把其他设计分支
囊括其中的则是用户体验设计师，也是现在互联网行业所被大家熟知的一个UX岗位，但个人觉得User Experience Design概念提法其实非常地笼统。我希望用这张图可以让大家看出用户体验设计涵盖交叉的设计领域非常广泛，因此同样是User Experience Designer，但做的工作可能是完全不一样的：有的人可能是做工业设计的，有的人可能是做界面交互，有的人可能做的是服务设计的工作，甚至有做creative codeing等更偏前端的工作。
常用中后台交互设计控件使用场景与规范总结 最近刚完成平台安畅云 2.0 的改版设计，平台模块很多，经常存在很多类似的页面和组件，若不制定统一的规范和控件，则会导致很多重复的工作，大大降低产品的设计效率； 同时，平台的一致性也得不到保障。 所以，我们视觉、交互、前端的小伙伴们针对我们踩过的坑，大家认真总结和提炼出一个 符合公司定位的设计规范，统一公司项目的前端 UI 设计，规避不必要的设计差异和实现 成本，实现设计和前端资源的效率最大化。 此设计规范主要分享了中后台常用设计组件的定义、组成、使用场景及注意事项。 字体 概述 字体是界面设计中最基本的构成元素之一，用户通过文字来理解内容和完成任务，合适的 字体将大大提升用户的阅读体验及工作效率。在安畅云项目的字体使用中，为了使页面的 视觉层次更加清晰，我们从以下三方面来使平台的字体符合易阅读和美观的要求。 合理的使用不同的字重、字号和颜色来强调界面中需要突出的信息； 尽量使用单种字体，使用多种字体会让界面看起来零散和杂乱无章； 遵循 WCAG 2.0 标准（标准详情见 https://https://www.doczj.com/doc/f76186316.html,/Translations/WCAG20- zh/#visual-audio-contrast），字体在使用时与背景颜色的对比值满足无障碍阅读的最 低标准。 字体使用建议 中文字体优先级：PingFang SC、Hiragino Sans GB 、Microsoft YaHei（平台使用字体）英文字体优先级：Helvetica Neue、Helvetica、Arial（平台使用字体）
字号使用建议 行高使用建议 行高也是影响用户阅读体验的重要因素之一，我们查阅资料得知西文的基本行高通常是字号的 1.2em 左右，而中文因为字符复杂，所以中文行高需要更大。现在公认1.5em 至1.8em 之间会有一个比较好的视觉阅读效果。 安畅云项目行高计算公式：行高值=字号 x 1.5，例如：12 号字体的行高为 18px，14 号字体的行高为 21px。
UI设计概述(2008-07-22 10:38:23)转载标签：ui概述流程it 分类：IT UI设计在项目开发过程中工作量最大、最艰苦也是最难以控制的阶段。不管一座大楼的设计蓝图多宏伟，若没有管道工、泥瓦匠、水电工等各种工匠一砖一瓦地艰辛积累，密切协作，这座大楼始终是空中楼阁、海市蜃楼。 一、界面设计 1）深入用户分析 要进行界面开发设计，用户分析是第一步。总所周知，进行任务和用户分析，以及相关调研的必要性和重要性。用户是计算机资源，软件界面信息的使用者，由于目前计算机系统以及相关的信息技术应用范围很广，其用户范围也遍及各个领域。我们必须了解各类用户的习性，技能、知识和经验，以便预测不同类别的用户对界面有什么不同的需要与反应，为交互系统的分析设计提供依据和参考，使设计出的交互系统更适合于各类用户的使用。由于用户具有知识、视听能力、智能、记忆能力、可学习性、动机、受训练程度、以及易遗忘、易出错等特性，使得对用户的分类、分析和设计变得更加复杂化。另外，为了设计友好而又人性化的界面，也必须考虑各类不同类型用户的人文因素。 在软件设计过程中，需求设计角色会确定软件的目标用户，获取最终用户和直接用户的需求。 用户交互要考虑到目标用户的不同引起的交互设计重点的不同。 例如：对于科学用户和对于电脑入门用户的设计重点就不同。 2）设定合理的交互方式 软件界面是人—机之间的信息界面，交互是一个结合计算机科学、美学、心理学、人机工程学等工业和商业领域的行为，其目标是促进设计，执行和优化信息与通信系统以满足用户的需要。 在交互过程中，交互设计关系到用户界面的外观与行为，它不完全受软件的约束。界面设计师以及决定如何与用户进行交互的工程师应该在这一领域深入研究。在界面开发过程中，他们必须贴近用户，或者与用户一道来讨论并得出结果，所以他们的工作是较为辛苦但是最具有意义的。 另一方面，界面与软件代码的生成，代码本身的意义以及功能的实现是紧密联系的。因此编译代码的人同样也应该在这方面做深入的研究。过去，编码人员只是单独地进行软件研发，而缺少必要的美学知识和界面专门技术来处理交互的问题。不幸的是，最终的结果往往不是用户所期望的。对于用户而言，最好的交互方式让程序员去实现往往是最难的，由此矛盾出现了，这使得很多专家或者工程师肤浅地应付一些交互方面的问题。以至于在软件开发完成之后，这些专家和工程师惊讶地发现，用户对他们所实现的特征感到一片茫然，不知所措，通常选用另外一种方式进行交互。不同类型的目标用户有不同的交互习惯。这种习惯的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的交互流程。 当然还要在此基础上通过调研分析找到用户希望达到的交互效果，并且以流程确认下来。 3）提示和引导用户
课程设计项目 项目1 Windows软件界面设计（12学时） ⒈目的与要求 在熟练掌握人机界面相关原则和开发方法的基础上，考察对人机界面的设计理念和原则的掌握程度，使学生能够将相关理论和知识应用于实际系统的开发中。通过设计一个简单的Windows软件界面，进一步理解人机界面设计方法及其在实际软件开发过程中的应用。学生应能够较熟练地将相关理论和知识应用于所设计的软件系统中，软件界面符合重要的设计原则。 ⒉任务及说明 使用有关软件工具（推荐使用.NET软件开发工具），设计一个实用性强、界面友好的、简单的Windows软件。选题自由，但需要注意实用性和友好性，能在规定的时间内完成。可选项目包括工具软件、播放器、数据库管理系统等。注重软件的界面设计，要求设计出软件安装界面、主界面及各功能界面。时间充裕的前提下，应尽量完成软件的功能。完成后要提交项目报告和程序源代码文件。 3. 预备知识及准备 掌握有关软件开发工具的使用方法，比如Visual https://www.doczj.com/doc/f76186316.html,。理解并掌握人机界面中的重要设计原则，掌握原型开发方法，熟悉Windows图形用户界面的特点、设计原则。 项目2 Web网页界面设计（12学时） ⒈目的与要求 在熟悉人机界面重要的设计原则，特别是网页设计原则，以及开发方法的基
础上，考察对网页界面的设计理念和原则的掌握程度，使学生能够将相关理论和知识应用于实际系统的开发中。通过设计一个简单实用的网站，进一步理解人机界面设计方法及其在实际软件开发过程中的应用。学生应能够较熟练地将相关理论和知识应用于所设计的软件系统中，软件界面符合重要的界面设计原则。 ⒉任务及说明 使用有关软件工具（推荐使用Dreamweaver软件工具），设计一个简单实用的网站。选题自由，但需要注意实用性和友好性，能在规定的时间内完成。网站类型任选，可以是商业网站、娱乐网站、儿童网站、信息网站或门户网站等。所设计的网站要符合网站主题。要注重网页的界面设计，要设计出网站的主界面及各主要功能界面。网页的色彩、布局设计合理，动画、图片使用合理。完成后要提交项目报告和程序源代码文件。 3. 预备知识及准备 掌握有关软件工具的使用方法，比如Dreamweaver。掌握网页设计原则、常见的网页布局、网页中颜色的合理搭配。进一步掌握原型开发方法。在网上或者在生活中搜集素材，做好网站的规划。 项目3 手机软件用户界面设计及项目评估（12学时）⒈目的与要求 在熟练掌握人机界面相关设计原则、开发方法的基础上，能够在实际设计过程中合理地利用所学过的知识。通过设计一个手机软件，加深对人机界面开发方法及其在实际软件开发过程中的应用的理解。学生应能够较熟练地将相关理论和知识应用于所设计的软件中，软件界面符合重要的界面设计原则。 ⒉任务及说明 在某个手机平台上设计一个简单的软件。可选的软件平台如诺基亚的Symbian、谷歌的Android、苹果的iOS、微软的Windows Mobile等。推荐Windows Mobile。开发工具不限，比如Visual https://www.doczj.com/doc/f76186316.html,，Java ME等。注意要根据所选择的手机软件平台来确定开发工具，因为不同的平台开发工具不一样。不过几乎所有手机平台都支持Java ME。选题不限，但需要注意实用性和友好性，且能在规定的时间内完成并进行项目评估。可选项目包括工具软件、播放器、游戏软件
进行人机界面设计的研究 1.界面风格的设计控制台人机界面选用非标准Windows风格，以实现用户个性化的要求。但考虑到大多数用户对于标准Windows系统较熟悉，在界面设计中尽量兼容标准Windows界面的特征。界面使用的功能按钮选用MFC类库提供的CBmpButton类动态创建自定义位图图标的按钮。因为位图按钮可在操作中实现高亮度、突起、凹陷等效果，使界面表现形式更灵活，同时可以方便用户对控件的识别。但是，界面里使用的对话框、编辑框、组合框等都选用Windows标准控件，对话框中的按钮也使用标准按钮。控件的大小和间距尽量符合Windows界面推荐值的要求。 界面默认窗体的颜色是亮灰色。因为灰色调在不同的光照条件下容易被识别，且避免了色盲用户在使用窗体时带来的不便。为了区分输入和输出，供用户输入的区域使用白色作为底色，能使用户容易看到这是窗体的活动区域；显示区域设为灰色（或窗体颜色），目的是告诉用户那是不可编辑区域。窗体中所有的控件依据Windows界面设计标准采用左对齐的排列方式。对于不同位置上多组控件，各组也是左对齐排列的。 人机界面的布局设计根据人体工程学的要求应该实现简洁、平衡和风格一致。典型的工控界面分为3部分：标题菜单部分、图形显示区以及按钮部分，如图1所示。该界面界面美观，在屏幕上的对象左右达到平衡、不堆挤在某一处，无杂乱无章的感觉。数据的过分拥挤会产生视觉疲劳和接收错误。界面的平衡原则推荐显示屏幕总体性覆盖度不超过40％，而分组中屏幕覆盖度不超过20％。控制台人机界面中包含着大量的图形显示信息，因此将图形显示区布置在屏幕长宽各占屏幕70％左右的范围内，以保证显示信息的清晰和全面。控制按钮组布置在显示区的右侧，一方面是考虑到绝大多数操作者是右手操作用户，按钮区布置在最右侧更加方便；另一方面是根据界面布局的主次原则，把用户注意力最集中的左上区域留给图形显示区。 根据一致性原则，保证屏幕上所有对象，如窗口、按钮、莱单等风格的一致。各级按钮的大小、凹凸效果和标注字体、字号都保持一致，按钮的颜色和界面底色保持一致。 选择界面的概念取决于多个界面。可将界面设计为循环或FIFO缓冲器。
交互设计评估标准-1 1. 优先级 a. 用户优先级 b. 功能优先级 c. 内容/信息优先级 d. 交互优先级 e. 视觉优先级 2 一致性 a. 交互逻辑的一致性 b. 元素的一致性 c. 语词的一致性 d. 信息架构的一致性 3. 感觉 a. 快的感觉 b. 安全的感觉 c. 其他感觉 1. 优先级 当你把所有重要的东西都摆上桌面，就没有重要的东西了。用户的认知空间和认知能力有限，当他们面前有1条路可以选择时，事情会变的很简单，但是当他们面临3条路时，往往会踌躇不前。尽管我们难以量化的说用户有多少精力在这种抉择中损耗掉了，但这种损失是显而易见的。看看Android原生系统的设计，用户想要运行一个应用时，有几条路？ 设计中对优先级的把握就是要让我们能够将真正重要的功能/内容/元素放到突
出的位置，以最多的界面资源去展示它们，而将次要的部分，弱化、隐藏起来，再次的部分，则索性砍掉。 a. 用户优先级 把握核心用户，为产品自己真正的用户群做设计，不要天真的认为你的设计可以满足所有用户。 b. 功能优先级 把握核心需求，亮点功能往往两三个就足够多了。功能航母往往容易沉没（看看为何现代战争中巨型战列舰都逐渐被淘汰了），Nokia VS Apple也是这样。有一次Tina（创新工场的CEO）的一句话很受教，她说她以前在（微软或IBM）做Marketing时，给客户讲产品，往往一次只讲三个Feature，即使这个产品或版本有再多的亮点。设计或者开发产品时我们总是想尽可能的将好东西放进去，但是打动客户/用户的点却往往只在三个之内。 c. 内容/信息优先级 将内容分成不同的层次，核心内容需要明显的突出出来。报纸上的标题、摘要、征文等层次清晰、泾渭分明也是这个原因。 d. 交互优先级 主要的交互路径需要让用户以最小的精神代价就能走的通，尽量减少这条路上的分支。为此，一些时候不得不将一些次要的交互路径更含蓄的隐藏起来。最常用的可能是“高级设置”这样的形式。 e. 视觉优先级 视觉更需要层次，重点的视觉元素需要让用户一眼扫过去就能看到，而次要的信息则要拉开距离，通过留白、颜色对比等等手段。一个例子是做PPT，当我们看到好的PPT时，总发现里面有大量的空间、有灰色的文字，这样将重点突出出来，而很多人在做PPT时则会直接COPY大段文字，直接用粗体、黑色，满屏幕只见到黑色的一片。和优先级这个原则互通的概念还有简化（简化的目的实际上就是突出重点）、减法原则等等。 2 一致性 一致性可以让界面更容易被预知，可以降低用户的学习成本等等。一致性几乎是
Chapter 1 1. Describe three populations of users with special needs. For each of these populations, suggest three ways current interfaces could be improved to better serve them.(book from p17 to p21) 1）残疾用户 对于盲人或者眼睛有疾病导致视觉不好的人，可以使用文本到语音的转换，文本到语音的转换能够帮助盲人用户接受电子或阅读文本文件，语音的设备更能允许某些用户界面进行语音控制的操作。这项技术同样可以用于虽然视力完好但是特殊情况下的人，例如开车、工作等。 对于听力障碍的用户，往往可以经过简单改动的计算机，实现声音到可视信号的转变。 对于身体障碍用户，需要大量特殊输入设备，这要取决于具体的障碍，语音技术和人眼跟踪设备、头戴式光电鼠标都可以被用来满足残疾用户的需要。世界上有名的例子就是伟大天文学家霍金和他的个人电脑。 2）老年用户 通过用户提供对字体大小、显示对比度和音量大小的控制、更清晰的导航路径、一致的布局和更简单的命令语言来设计界面，从而为老年人改进对界面容的访问。还有诸如手眼协调、增强灵敏性和改进反应时间等作法，都能改善老年人的使用体验。另外，计算机游戏对老年人来说也是一个有吸引的东西，这可以让一些惧怕使用电脑的老年人获得体验机会而被吸引。老年人使用鼠标往往很迟钝，我们可以转换成高精度的触摸屏。 3）儿童 儿童的用户界面，强调娱乐性和教育性。儿童的用户界面往往与父母息息相关。首先要注意到界面的教育性，要为儿童的教育着想，可以附带丰富的知识容、家长指南资料和教师培训资料等，尤其在艺术、音乐、写作和数学方面的教学资料。另外，设计需要考虑到儿童的局限性，要简单，易懂，避免复杂的序列。特别需要注意的是，在教育和父母对孩子的关注来说，避免对暴力、种族主义、色情资料还有儿童隐私陌生人威胁等问题的信息访问，这都是非常重要的。 3. Suppose you need to design a system for users in both the United States and China. Present a list of cultural differences that you should be aware of so that a successful design can be made. 1）中国的用户来自沉思的传统文化，，他们更喜欢稳定显示的界面，而美国的用户都是行动导向的基于新奇文化的用户，他们更偏爱生动的屏幕和多次点击。2）在高校主页来反应二者的文化差异，中国主要喜欢在主页上强调他们深刻印象的建筑物和有名的师资，美国的高校主页则更多表现那种学生团队精神和活跃的社交生活。 3）文本作为世界用户界面的一个关键因素，必须重视其中涉及到的文化差异，这些差异因素主要表现在：