网站交互体验设计原则及注意事项
交互体验，简单的说就是用户在操作上的体验，注重用户的易用性和可用性。当用户进入一个网站，想搜索想要的资料，没有搜索框；想咨询没有找到咨询窗口；想留言或者评论却找不到入口，oh，my god，无论谁是用户都会受不了想关掉的。
但是，在互联网发展早期，很多网站的交互设计其实非常简单，往往一个翻页效果、一个简短的动画就能吸引到很多用户。如今随着互联网的不断更新迭代，技术不断革新，网站交互也得到了很大程度的加强，可以说当前网站的交互效果是多种多样的。所以，清楚网站建设的交互设计原则和交互设计的注意注意事项对企业来说很重要。
一、网站交互设计的原则
1、交互设计的目的是为了优化用户体验
网站建设本身就是一项重视用户体验的工程：完整的网站地图和面包屑导航、相关的推荐和搜索框等，每一个都是为了能够拉近与用户之间的距离。一个好的交互效果能够很大程度的提升用户在浏览网站时的体验，不仅有利用户了解网站，更有利于留住用户。
2、网站功能性的视觉元素
推己及人，想想我们在访问和浏览网站的时候，都是直观的从网站上获取信息，这时的视觉、重点展现就显得尤为重要。而同等情况对于用户也是一样，要吸引用户，就应该在网站产品特色的视觉元素上一定要明显一点。3、交互设计上的扁平化设计
扁平化的网站设计一直以来都是网站建设制作中最好的网站交互方式，而其最重要的理念就是简洁、直接！可以让用户在每一个页面以最短的时间和最快的效率找到自己想要的内容。
4、可用性方面的交互设计
相比于网站交互的趣味性设计，网站的实用性设计显得更加重要。实用性设计给用户提供更多产品相关的优质内
容和工具，这也是为什么能够更吸引用户的原因，当然，不仅如此，实用性网站还能够更好的提升用户留存和转化效果。
5、交互之外，响应速度更重要
在网站交互设计中，响应时间最为用户体验最重要的因素之一，在设计时在炫酷的交互效果之外一定要考虑到网站的响应速度！如果效果很精彩、很炫，但响应速度很慢，那么一定要以速度为准。因为网站响应速度就好像人与人交流一样，如果半天没有作出回应和反响，自然留不住用户。
二、网站交互设计需要注意的几个方面
1、要有对比度
对比度是构建视觉层次最重要的手段之一，也是让视觉元素吸引用户的绝佳方式。在网页设计中，对比度不仅仅是通过色彩来呈现的，尺寸控制、形状设计、位置调整也都能表现出对比度。
2、保持一致性
网站本身应该是很令人惊叹的，然而网站也应该需要正常使用。在进行网站交互设计时应该遵守某些设计惯例，让网站方便浏览和理解，不要为了与众不同而违背常规，相反，接受你将需要实现一定的规则的事实，能帮助你的用户轻松地访问你的网站。
3、当页面或应用下载数据较慢时，载入过程应该有提示
如果我们不考虑载入时的信息反馈，会让页面呈现假死的状态。
4、用户应掌握控制权
一般而言用户希望自己去控制系统交互，在执行任务中，用户应该可以随时中止或退出，而不是无奈的看着系统继续。
5、界面的转场交互动效设计
网站建设越来越强调沉浸式的体验，页面和页面之间切换也需要更加的流畅，转场动效需要更加的极致和平滑。
6、动效使用适当
偶尔使用的交互式动画可以提升你的网站内容。然而，让你的页面负担一个又一个疯狂的动效，会让你的用户感觉到有点像是进入了在线疯人院里，甚至更糟糕。
7、注意表单样式
表单设计其实是用户体验设计的基本组成部分之一。每个网站都有不同的设计目标，不论是销售产品、呈现信息还是提供沟通平台，然而许多设计漂亮的网站总会给你一个令人感到无聊的复杂表单，除了那些极其想加入会员或者想参与问卷调查的那些访客，许多用户会直接关闭页面，离开网站。
总结：
页面交互性设计要站在用户的角度，吸引到用户，实现流量转化为订单的目的。所以说，网站交互性提升了，网站的流量也会增加，那么网站的转化率也会升高。
人机交互 人机交互是研究系统与用户之间的交互关系的技术机制。通过机器的输入，输出设备，以有效，简单的方式实现用户与机器的互动。所以人机交互系统可以是各种各样的机器设备，也可以是计算机程序化的软件与人之间的交流机制。用户可以通过人机交互系统方便，简易地实现对复杂程序，软件和系统的运用和操作控制（人机交互系统能够使用户更加方便快捷地进行操作）。传统的交互设备一般都是计算机的硬件设备，例如：鼠标，键盘，触摸屏，显示器等。总之，人机交互是指用户与机器之间通过一定方法和语言交流信息以完成指定任务的过程。实现人机交互需要一定的交互设备。用户如何使用机器，怎样可以高效率地完成指定工作，需要一个良好的人机交互系统。而一个良好的人机交互系统需要设计形象生动的人机交互界面。何为人机交互界面人机交互界面就是系统面向用户的部分，用户可以通过人机交互界面与系统交流沟通，是计算机向用户提供的综合操作环境，是计算机系统的重要组成部分。通过人机交互界面，人们可以与计算机传递，交换信息。人机交互界面的设计应当从多个学科角度来进行。首先，设计人机界面应当了解用户的需求，要知道用户想实现什么功能，想怎样实现特定的目的，想怎样简单，准确地控制系统完成指定的任务。然后，需要结合社会需求和经验补充和扩展界面的功能。再可以考虑界面的风格，可以通过图形进行人机交互，用工业设计的方法和计算机技术结合实现人机交互的智能化。通过研究计算机技术，用户心理，社会经验，图形设计，工业设计等，人们可以改进人机交互的环境（人机交互界面）以实现更复杂的功能和提供智能化，人性化的服务。理论体系方面，人机交互需要从人的心理出发，更加强调认知心理以及行为学和社会学的某些人文科的理论指导。实践范畴方面，需从人机交互接口扩展开来，强调计算机对于人的反馈交互作用。 其实，实现有效的人机交互还是需要借助优秀精良的人机界面。那么如何设计优良的人机界面呢首先，设计人员应当分析可用性需求。管理人员通过精选人员准备时间表和目标，建立和使用指导文档以及参与测试，可以促进大家对用户界面问题的重现。而设计者可以提出多个可供参选的备选设计方案，并对较好的备选方案进行下一步的开发和测试。设计者进行深入研究，对于哪些用户要完成什么任务以及用户与人物之间的关系，他们理解得十分透彻。明确目标有利于设计者实现这些目标。设计者设计人机界面应当做到以下几点： ①满足操作，控制和维护人员对性能的需求； ②将对操作人员的技能要求，知识要求和训练时间都降到最低； ③达到人与设备，软件组合所要求的可靠性； ④在系统中和系统间逐步建立一种设计标准； 倘若人机界面设计的好的话，人机界面就好像消失了一样，从而使人机之间可以像人与人之间正常交流一样方便简单。 其次，人机交互界面需要标准化，一致性和可移植性。所谓标准化就是不同的应用程序中共同的用户界面特征。一致性指应用程序中的通用操作语言，序列，术语，组件，布局，颜色，排版，样式等的统一。可移植性指在多个软件环境中转换数据和共享用户界面的潜在能力。 第三，可用性度量。如果已经选择了充分的需求，保证了可靠性，提出了标准化报告，完成了时间进度和预算计划，那么开发者就可以将精力集中于设计与测试过程，多个备选的设计方案必须通过对多个特定用户群和多个特定的基准任务
人机交互的方式与种类 初步看到这个课题，并不清楚人机交互的概念，经过老师的讲解和个人的搜索资料，才明白人机交互是一门研究系统与用户之间的交互关系的学问。系统可以是各种各样的机器，也可以是计算机化的系统和软件。用户通过人机交互界面与系统交流，并进行操作。小如收音机的播放按键，大至飞机上的仪表板、或是发电厂的控制室。 从学习中了解到，人机交互这个科研项目已有近百年历史，早在59年，美国学者B.Shackel从人在操纵计算机时如何才能减轻疲劳出发，提出了被认为是人机界面的第一篇文献的关于计算机控制台设计的人机工程学的论文。自此，人机交互的概念被提出，时至今日，人机交互已有自己的方式，如：命令行方式、图形化界面，其主要目的就是为了让用户在操作和使用时感觉方便，提高数据管理效率。 目前，人机交互系统已发展成熟，被应用到各个领域，如：汽车领域。该系统实现了人与车之间的对话功能。车主可通过该系统，轻松把握车辆状态信息（车速、里程、当前位置、车辆保养信息等）、路况信息、定速巡航设置、蓝牙免提设置、空调及音响的设置。 再有多媒体与虚拟现实系统，与传统用户界面相比,引入了视频和音频之后的多媒体用户界面,最重要的变化就是界面不再是一个静态界面,而是一个与时间有关的时变媒体界面。 还有窗口系统。窗口系统是控制位图显示设备与输入设备的系统软件。它所管理的资源有屏幕、窗口、象素映象（pixmap)、色彩表、字体、光标、图形资源及输入设备。 人机交互还在人机工程学，认知心理学，脸部追踪等多个领域中实现着它的价值，人机交互技术是目前用户界面研究中发展得最快的领域之一,对此,各国都十分重视。美国在国家关键技术中,将人机界面列为信息技术中与软件和计算机并列的六项关键技术之一，并称其为"对计算机工业有着突出的重要性,对其它工业也是很重要的"。在美国国防关键技术中,人机界面不仅是软件技术中的重要内容之一,而且是与计算机和软件技术并列的11项关键技术之一。因此，保持在这一领域中的领先,对整个智能计算机系统是至关重要的。我们可以以发展新的人机界面交互技术为基础,带动和引导相关的软
产品设计原则有哪些？产品设计的原则有点太泛哈，这里想结合自己的工作心得来小结一下手机无线设计8原则： 原则1：用户界面应该是基于用户的心里模型，而不是基于工程实现模型 就是把后台本来很复杂的事情通过设计符合用户日常生活中常用的浏览方式或操作方式。其实这一点是设计师把生活中的细节和数据结合的凝聚点，用户的心理模型抓的越准，界面就会越优秀。原则2：培养用户使用情景的思维方式做设计 要做到这个原则其实是很难的，需要长期的实战经验才能做到这点。 那我们都知道米聊出的比微信早，但后来被微信反超，个人认为不光是QQ帮了微信很大忙，比如用户登录门槛低，用户来源，广告打得响之类的，其实在用户使用情景方面米聊研究的没有微信透彻。 对于一个社交即时通讯产品，添加好友的功能是好友汇聚的来源，虽然米聊微信都绑定手机通讯录，但话又说回来，用户找手机通讯录联系人语音聊天的还是比较少。添加好友是引导用户去发现好友，找好友, 碰好友的一扇门。所以对于这么重要的功能放置在应用程序的哪个位置，在产品前期就会让用户明显的去选择用哪个应用，因为聊天工具的前提是要有人和你聊天。 原则3：尽量少的让用户输入，输入时尽量多给出参考 移动端的虚拟键盘一直是科技界无法解决的一个难题，虚拟键盘的主要缺点：1.输入定位无法反馈，所以无法形成高效的盲打；2.虚拟键盘的空间限制，手指的点击经常造成误按。光是上面这两点就让虚拟键盘在输入上大打折扣，所以我们在设计应用程序时，只要遇到Input Box的控件时，首先就要想到尽量让用户少输入，或者智能的给出参考。 原则4：全局导航需要一直存在，最好还能预览其他模块的动态 全局导航在Web交互设计中比较容易做到，在手机移动端全局导航要看产品设计的需求，什么功能需要全局导航，社交应用通常是：消息，通知，请求；音乐视频应用通常是：下载，搜索；工具类产品经常是核心工具条（tool bar) 比如浏览器，语音助理，音乐识别应用等等。 全局导航的价值在于可以让用户在使用过程中不会丢失信息，减少主页面和次级页面之间的跳转次数，当然全局导航中的info-task要能在当前页面完成，如果需要跳转到新界面，就会失去全局导航的意义，因为当出现多个info-task的时候，就需要用户不停的进入全局导航页面来完成。原则5：提供非模态的反馈，不打断任务流 模态弹出框的书面名称在iphone OS中称作：Alert-box，在Android OS中称：Pop-up box, 我们都知道弹框会打断任务流，所以在有限的屏幕上怎样让这些弹框弱化，或者说优雅、绅士的提醒用户，这个需要设计师来定义。 模态是指界面中只有提醒弹框才具有可交互行为，其他一切都不可操作；非模态不会把提醒做成弹框，可能会处理成List Notification, T oast list等方式来提醒用户。 原则6：不要让用户等待任务完成，用户还要发现更多有意思的地方 移动互联的核心就是给用户带来移动体验的方便和高效，这是移动互联网Apps需要考虑的，用户在使用你产品在很多情况下都是碎片时间，所以在设计上尽量让用户在短时间内熟悉我们的产品，知道这个产品的诚意，特别是某些等待界面需要设计，不能把一个很枯燥的等待界面呈现在用户的面前，那用户很快就会换其他apps。
人机交互界面设计规范 （讨论稿） 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.安全性 在界面上通过下列方式来控制出错几率，会大大减少系统因用户人为的错误引起的破坏。 <补充安全性性细则> 应当注意尽可能避免用户无意录入无效的数据。 采用相关控件限制用户输入值的种类。 ……
龙源期刊网 https://www.doczj.com/doc/6915270658.html, 手机app的交互设计研究 作者：陈烨坤 来源：《传播力研究》2019年第14期 摘要：近些年来，随着移动互联网体系的普及率越来越高。智能手机的逐渐被普及，之前很多必须依靠电脑才能完成的事情，现在依靠智能手机的App就可以完成。App的种类和数量也在越来越多，App开发者逐渐将用户体验作为出发点，重视手机移动客户端的交互设计。本文主要针对某手机系统的功能设计、交互射击方式以及页面设计特点进行了深入分析，对手机App的交互设计方案进行了总结。 关键词：手机App；交互设计；研究 随着科学技术的进步与发展，智能手机的普及率越来越高。为了更好地满足人们对智能手机更高的应用需求，手机移动端应用程序即App的种类和数量也越来越多，人们对App的要求不仅仅是能用来干什么，更多的是将注意力集中在交互式的体验方面，也就是App在具备 一定的功能的同时，也有一些人性化的设计，用户在使用产品时才能够有更高的满意度。很多智能手机程序的相关企业现在逐渐将目光转移到交互设计上，旨在设计出功能性强、用户满意度高的应用程序。本文结合某软件，对手机的交互设计进行了探究。 一、研究的背景及其意义 App也就是应用程序，它是适用于智能手机客户端的应用程序，当前主要的App系统有苹果、谷歌、微软等公司系统下的App。交互设计的概念起源于上世纪80年代，它的重点核心在于交互式体验，是由比尔莫格里奇提出的。上世纪90年代，个人的计算机技术处于高速发展过程中，很多智能手机的企业开始将目光聚焦于交互设计。交互设计，从字面意思上，就是人和产品之间的互动体验过程，设计的原则在于重视用户的体验，最终目标是设计出用户满意的产品。交互设计是在人机工程学的基础上，加入了心理学、行为学等方面的知识，在这些理论基础上进行产品设计，随着互联网科技的快速发展，交互设计已经被应用到更多行业内，目前，国外有些公司进行交互设计研究时，已经不仅仅定位在智能手机客户端的应用程序方面，更多的是在硬件方面进行提升。国内对交互设计相关的研究起步相对较晚，近些年来，随着互联网技术的不断进步与发展，人们对App的需求已经不仅仅是能够实现某种既定的功能，更 多的是注重互动式的体验。智能手机客户端是信息时代的固有产物，它于电脑的互动交流的方式不同，智能手机具有自身独特的交互特征，具有智能化、可移动性、不受到时间和地点的限制等特点， 二、交互设计的研究 （一）加载速度的研究
人机界面设计原则 “以人为本” 1.以用户为中心的基本设计原则 在系统的设计过程中，设计人员要抓住用户的特征，发现用户的需求。在系统整个开发过程中要不断征求用户的意见，向用户咨询。系统的设计决策要结合用户的工作和应用环境，必须理解用户对系统的要求。最好的方法就是让真实的用户参与开发，这样开发人员就能正确地了解用户的需求和目标，系统就会更加成功。 2.顺序原则 即按照处理事件顺序、访问查看顺序(如由整体到单项，由大到小，由上层到下层等)与控制工艺流程等设计监控管理和人机对话主界面及其二级界面。 3.功能原则 即按照对象应用环境及场合具体使用功能要求，各种子系统控制类型、不同管理对象的同一界面并行处理要求和多项对话交互的同时性要求等，设计分功能区分多级菜单、分层提示信息和多项对话栏并举的窗口等的人机交互界面，从而使用户易于分辨和掌握交互界面的使用规律和特点，提高其友好性和易操作性。 4.一致性原则 包括色彩的一致，操作区域一致，文字的一致。即一方面界面颜色、形状、字体与国家、国际或行业通用标准相一致。另一方面界面颜色、形状、字体自成一体，不同设备及其相同设计状态的颜色应保持一致。界面细节美工设计的一致性使运行人员看界面时感到舒适，从而不分散他的注意力。对于新运行人员，或紧急情况下处理问题的运行人员来说，一致性还能减少他们的操作失误。 5.频率原则 即按照管理对象的对话交互频率高低设计人机界面的层次顺序和对话窗口莱单的显示位置等，提高监控和访问对话频率。 6.重要性原则 即按照管理对象在控制系统中的重要性和全局性水平，设计人机界面的主次菜单和对话窗口的位置和突显性，从而有助于管理人员把握好控制系统的主次，实施好控制决策的顺序，实现最优调度和管理。 7.面向对象原则 即按照操作人员的身份特征和工作性质，设计与之相适应和友好的人机界面。根据其工作需要，宜以弹出式窗口显示提示、引导和帮助信息，从而提高用户的交互水平和效率。
手机产品交互设计样式 很多人都说，手机产品交互限制因素很多，过小的屏幕分辨率，过低的系统性能，过慢的网速，过弱的电池续航能力等等。但是在限制中还能做出优秀的设计，才显得弥足珍贵，就像风靡Symbian平台的gravity一样。 其实，我认为手机产品交互设计还是有很多想象空间的，它不仅仅是界面交互，而是跟空间、跟时间、跟触觉、跟视觉、跟听觉、跟嗅觉的交互，而且随着技术的推移，相信界面的可扩展性也会越来越好，不管是电子纸（ePaper），还是投影技术应用到手机上，都会让手机界面变得能承载更多容、更复杂的交互。 我们在使用手机产品的时候，视觉、触觉、听觉是经常被触发的。在此我对互联网产品的交互设计样式进行了分类：视觉交互样式、触觉交互样式、听觉交互样式和嗅觉交互样式。 1 视觉 1.1 界面 界面的信息传达作用不赘述，对交互的影响也不容置喙。 这里我更想说的视觉不仅仅是指界面，而是脱离手机屏幕本身的视觉效果，达到让用户的视觉上的体验越来越丰富的效果。 1.2轨迹球 当有新消息到达的时候，带有LED灯轨迹球的手机都会让轨迹球闪烁，起到提醒作用。相信不久的将来，五彩的轨迹球和轨迹球上写字都是可以实现的，到时候你可以根据不同的轨迹球颜色和文字提醒，在屏幕暗下的状态下也能判断出是什么新消息，来自谁。
图1 HTC hero和黑莓8800的轨迹球，在来电来消息的时候可以闪烁发光 1.3 指示灯 目前主流手机的LED指示灯大多是可以控制的，包括LED的颜色，亮的时长，灭的时长，都可以控制。之前指示灯多是用在提示电量不足，当快没电的时候，指示灯会按照一定的频率闪烁红光。充电的时候，红色指示灯常亮，充满电之后变成绿色。后来指示灯又被用在提醒功能里，有新消息、未接来电的时候，指示灯也会频闪。 图2诺基亚N900，指示灯，开机、充电、来电都会亮起 1.4 投影 Logic Wireless带投影功能的手机，被很多人认为是中国山寨手机的胜利。据了解，投影手机最早的机型来自中国南方。
交互设计十大可用性原则 1. 系统可见性原则 系统应该让用户知道发生了什么，在适当的时间内做出适当的反馈。 这条很简单，就是指用户的每次操作，你都得给他个反馈，成功了就告诉他成功了，失败了就告诉他失败了。绝不能在用户操作后毫无反应，让用户一脸懵的猜到底是怎么了，是成了？错了？还是bug了？你做的又不是大家来找茬游戏，还带让用户自己连蒙带猜的。 同时，如果反应时间有点慢，也请用进度条or等待or下载等动效或其他形式告诉用户当下的情况；千万别让用户在懵逼的情况下干瞪眼。 2. 匹配系统与真实世界 系统应该用用户的语言，用词，短语和用户熟悉的概念，而不是系统术语。遵循现实世界的惯例，让信息符合自然思考逻辑。 这一点说简单也简单，说的直白一些，就是3个字：说人话。 不要炫耀自己的智商，不要让用户觉得自己是白痴，请用最简单直白的语言描述状况；就好比自然世界里，你和他人说话的时必然使用简单的白话文进行直白的沟通以保证交流顺畅。
看到前一种选项，用户会有什么反应？大概是这样吧：我是谁？我在哪儿？我在干什么？ 自适应窗口难道不是就是最佳比例？他们有区别？有什么区别？ 所以，如果选项想表述的内容不同，那就清清楚楚地告诉用户区别在哪儿，否则他们大概真的会一脸血的看着你了。 3. 用户的控制性和自由度用 用户经常错误地选择系统功能而且需要明确标识离开这个的“出口”，而不需要通过一个扩展的对话框。要支持撤销和重做的功能。 由于网络和智能手机的普及，人们都知道”X”是关闭，向左的箭头是返回； 但是其他icon就并非如设计师的想象中那么美好了。
这个icon到底是退出？导出？还是向右打开？如果你想表达“退出”，请要么使用通用的x，要么使用文字，尽量别让用户纠结寻找。 而在相对复杂的产品中，允许用户对操作进行撤销和重做也是非常必要的，如同在网易有数的报告页面中，由于用户的操作次数多且功能繁杂，提供这2个操作能有效提升容错率，降低用户的使用成本。（同样可以看到浏览器的工具栏中也有明显的撤销和重做icon，因为在网页浏览中，这2个操作的使用是非常频繁的） 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.简要描述任务分析主要包括哪些内容。为什么说任务分析是交互设计至关重要的环节？
设计实用原则 一、操作入口明确 “操作入口明确”，就是指产品的任何一个功能都要有明确、合理的入口。 “操作入口”，指的是产品内部不同模块之间的转接元素，例如在Web产品中，按钮控件、输入框、文字链等都属于操作入口； “明确”指的是入口的视觉感是清晰的、可识别的； “合理”是指入口的出现是符合用户操作逻辑的，适时的。 1、强化重点，弱化周边 2、入口信息明确易识别 增加入口数量虽然在一定程度上有助于提高功能模块的使用率，但也存在致命的缺陷——入口信息不明确。因为“入口”等同于用户的“选择”，入口越多，选择越多，“过多的选择等于没有选择”，这势必会造成用户使用产品时的疑惑
二、可及 在产品设计应用过程中，应当考虑到特殊人群的使用状况，让这部分用户享受无障碍设计带来的便捷 1.色盲 2.肢体残疾 3.老人，儿童（5～12岁） 4.文盲 5.其他其他对信息使用不擅长的人
1.使用形状+色彩的信息提示 在使用设计元素时，要尽量使用形状+色彩的方式来表现信息，或者使用文字的提示。2.简化操作方式 比如在设计操作时尽可能地采用“选择”的方式而不是“填写”（避免给手指残疾的用户增加负担）。比如下面这个输入日期的设计：
3.容错和及时帮助 4.使用视觉、听觉，触觉等多元化的手法传达必要的资讯 比如在一些智能手机产品上，点击触摸屏数字键盘时，不但被选中的数字键的底色会发生变化，而且屏幕还有震动的触感提示。 5.使用辅助性的工具 例如：语音朗读、放大镜、手写输入、语音输入、语音搜索等 三、适时帮助 适时帮助，是指在用户使用流程中，在需要的时候能及时地得到帮助，有效减低用户学习成本；反之，在不需要帮助的时候,不要出现信息干扰。 用户在什么时候需要帮助? 一般有以下三种情况： A.第一次 当新用户使用一个产品的时候需要帮助，或者老用户在使用一项新功能的时候，由于认知不
人机交互设计 “交互设计”一直是设计界和互联网界非常流行的概念。很多工业设计、平面设计、甚至计算机、建筑设计的朋友都在尝试进入交互领域。但是大多数人对交互的理解仅仅停留在找好工作和高薪水的层面上，对交互的理解还停留在APP网站界面设计的层面上。作为一个跨学科的学科，什么是交互设计?交互设计是设计师设计并编写用户行为的一种设计。这里我将主要强调两个概念:设计和程序。前者是显而易见的，而后者“书写用户行为”是交互设计与其他设计的最大区别。交互设计和人机交互研究用户行为。例如，在狭义的工业设计中，设计主体一般是一个实体产品;交互设计不仅是一个产品，也是围绕着你的用户。有必要调查用户的现有行为，找出优缺点，在不改变用户习惯的前提下，根据用户行为提出设计方案。简而言之，交互设计的核心概念就是设计用户行为。 人机交互(Human computer interaction, HCI或HMI)，顾名思义，就是人与计算机之间的交互。它是关于系统和用户之间交互的综合性跨学科研究。它的范围很广，包括计算机科学、心理学、工业设计、信息学、社会学等。 两者都是在关注人和计算技术的关系；并且都奉Don Norman的一系列可用性设计理论为经典。HCI与交互设计的绝大多数领域是重叠的，所以我个人更倾向提交互设计这个概念。 如图所示，HCI是包含在交互设计之中，最外面一圈把其他设计分支
囊括其中的则是用户体验设计师，也是现在互联网行业所被大家熟知的一个UX岗位，但个人觉得User Experience Design概念提法其实非常地笼统。我希望用这张图可以让大家看出用户体验设计涵盖交叉的设计领域非常广泛，因此同样是User Experience Designer，但做的工作可能是完全不一样的：有的人可能是做工业设计的，有的人可能是做界面交互，有的人可能做的是服务设计的工作，甚至有做creative codeing等更偏前端的工作。
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/6915270658.html,。理解并掌握人机界面中的重要设计原则，掌握原型开发方法，熟悉Windows图形用户界面的特点、设计原则。 项目2 Web网页界面设计（12学时） ⒈目的与要求 在熟悉人机界面重要的设计原则，特别是网页设计原则，以及开发方法的基
础上，考察对网页界面的设计理念和原则的掌握程度，使学生能够将相关理论和知识应用于实际系统的开发中。通过设计一个简单实用的网站，进一步理解人机界面设计方法及其在实际软件开发过程中的应用。学生应能够较熟练地将相关理论和知识应用于所设计的软件系统中，软件界面符合重要的界面设计原则。 ⒉任务及说明 使用有关软件工具（推荐使用Dreamweaver软件工具），设计一个简单实用的网站。选题自由，但需要注意实用性和友好性，能在规定的时间内完成。网站类型任选，可以是商业网站、娱乐网站、儿童网站、信息网站或门户网站等。所设计的网站要符合网站主题。要注重网页的界面设计，要设计出网站的主界面及各主要功能界面。网页的色彩、布局设计合理，动画、图片使用合理。完成后要提交项目报告和程序源代码文件。 3. 预备知识及准备 掌握有关软件工具的使用方法，比如Dreamweaver。掌握网页设计原则、常见的网页布局、网页中颜色的合理搭配。进一步掌握原型开发方法。在网上或者在生活中搜集素材，做好网站的规划。 项目3 手机软件用户界面设计及项目评估（12学时）⒈目的与要求 在熟练掌握人机界面相关设计原则、开发方法的基础上，能够在实际设计过程中合理地利用所学过的知识。通过设计一个手机软件，加深对人机界面开发方法及其在实际软件开发过程中的应用的理解。学生应能够较熟练地将相关理论和知识应用于所设计的软件中，软件界面符合重要的界面设计原则。 ⒉任务及说明 在某个手机平台上设计一个简单的软件。可选的软件平台如诺基亚的Symbian、谷歌的Android、苹果的iOS、微软的Windows Mobile等。推荐Windows Mobile。开发工具不限，比如Visual https://www.doczj.com/doc/6915270658.html,，Java ME等。注意要根据所选择的手机软件平台来确定开发工具，因为不同的平台开发工具不一样。不过几乎所有手机平台都支持Java ME。选题不限，但需要注意实用性和友好性，且能在规定的时间内完成并进行项目评估。可选项目包括工具软件、播放器、游戏软件
产品设计的八个原则 时间：2014-01-22 09:37 来源：知乎作者：向华盛 导读：在产品设计中，产品界面、使用情景、用户操作等都会影响用户对产品的体验。因此我们在设计的过程中应遵循一定的原则，避免设计者片面的根据自己主观认识对产品做出抉择。 原则1：用户界面应该是基于用户的心里模型，而不是基于工程实现模型 就是把后台本来很复杂的事情通过设计符合用户日常生活中常用的浏览方式或操作方式。其实这一点是设计师把生活中的细节和数据结合的凝聚点，用户的心理模型抓的越准，界面就会越优秀。 #左边界面#：大众点评新版的价格的搜索就比之前改得更符合用户心里模型; #右边界面#：食神摇摇的摇动手机找餐厅更加符合大众用户的心里，大家应该都有那种中午不知道去哪家餐厅就餐，那么就摇一摇来随机抽出一个附近的餐厅。
原则2：培养用户使用情景的思维方式做设计 要做到这个原则其实是很难的，需要长期的实战经验才能做到这点。 那我们都知道米聊出的比微信早，但后来被微信反超，个人认为不光是QQ帮了微信很大忙，比如用户登录门槛低，用户来源，广告打得响之类的，其实在用户使用情景方面米聊研究的没有微信透彻。 对于一个社交即时通讯产品，添加好友的功能是好友汇聚的来源，虽然米聊微信都绑定手机通讯录，但话又说回来，用户找手机通讯录联系人语音聊天的还是比较少。添加好友是引导用户去发现好友，找好友, 碰好友的一扇门。所以对于这么重要的功能放置在应用程序的哪个位置，在产品前期就会让用户明显的去选择用哪个应用，因为聊天工具的前提是要有人和你聊天。再回到现实的界面中来，看看下面的对比： 微信1.0的时候(我这里只截了4.0的图)把添加好友放置主Tab上，方便用户很快的添加好友。 米聊2.0时还是把添加好友放置在好友列表的第一排，用户很难发现 原则3：尽量少的让用户输入，输入时尽量多给出参考
进行人机界面设计的研究 1.界面风格的设计控制台人机界面选用非标准Windows风格，以实现用户个性化的要求。但考虑到大多数用户对于标准Windows系统较熟悉，在界面设计中尽量兼容标准Windows界面的特征。界面使用的功能按钮选用MFC类库提供的CBmpButton类动态创建自定义位图图标的按钮。因为位图按钮可在操作中实现高亮度、突起、凹陷等效果，使界面表现形式更灵活，同时可以方便用户对控件的识别。但是，界面里使用的对话框、编辑框、组合框等都选用Windows标准控件，对话框中的按钮也使用标准按钮。控件的大小和间距尽量符合Windows界面推荐值的要求。 界面默认窗体的颜色是亮灰色。因为灰色调在不同的光照条件下容易被识别，且避免了色盲用户在使用窗体时带来的不便。为了区分输入和输出，供用户输入的区域使用白色作为底色，能使用户容易看到这是窗体的活动区域；显示区域设为灰色（或窗体颜色），目的是告诉用户那是不可编辑区域。窗体中所有的控件依据Windows界面设计标准采用左对齐的排列方式。对于不同位置上多组控件，各组也是左对齐排列的。 人机界面的布局设计根据人体工程学的要求应该实现简洁、平衡和风格一致。典型的工控界面分为3部分：标题菜单部分、图形显示区以及按钮部分，如图1所示。该界面界面美观，在屏幕上的对象左右达到平衡、不堆挤在某一处，无杂乱无章的感觉。数据的过分拥挤会产生视觉疲劳和接收错误。界面的平衡原则推荐显示屏幕总体性覆盖度不超过40％，而分组中屏幕覆盖度不超过20％。控制台人机界面中包含着大量的图形显示信息，因此将图形显示区布置在屏幕长宽各占屏幕70％左右的范围内，以保证显示信息的清晰和全面。控制按钮组布置在显示区的右侧，一方面是考虑到绝大多数操作者是右手操作用户，按钮区布置在最右侧更加方便；另一方面是根据界面布局的主次原则，把用户注意力最集中的左上区域留给图形显示区。 根据一致性原则，保证屏幕上所有对象，如窗口、按钮、莱单等风格的一致。各级按钮的大小、凹凸效果和标注字体、字号都保持一致，按钮的颜色和界面底色保持一致。 选择界面的概念取决于多个界面。可将界面设计为循环或FIFO缓冲器。
交互设计七大定律 作为交互设计之父的阿兰·库珀最为人熟知的或许就是这句“除非有更好的选择，否则就遵从标准”了，在交互设计领域有很多经过了时间的验证的法则定律被认作了标准，那么你都知道都有哪些吗？ 1. Fitts’ Law / 菲茨定律（费茨法则） 定律内容：从一个起始位置移动到一个最终目标所需的时间由两个参数来决定，到目标的距离和目标的大小（上图中的 D与 W），用数学公式表达为时间 T = a + b log2(D/W+1)。 它是 1954 年保罗.菲茨首先提出来的，用来预测从任意一点到目标中心位置所需时间的数学模型，在人机交互（HCI）和设计领域的影响却最为广泛和深远。新的 Windows 8 中由开始菜单到开始屏幕的转变背后也可以看作是该定律的应用。 菲茨定律的启示： 按钮等可点击对象需要合理的大小尺寸。 屏幕的边和角很适合放置像菜单栏和按钮这样的元素，因为边角是巨大的目标，它们无限高或无限宽，你不可能用鼠标超过它们。即不管你移动了多远，鼠标最终会停在屏幕的边缘，并定位到按钮或菜单的上面。 出现在用户正在操作的对象旁边的控制菜单（右键菜单）比下拉菜单或工具栏可以被打开得更快，因为不需要移动到屏幕的其他位置。
2. Hick's Law / 席克定律（希克法则） 定律内容：一个人面临的选择（n）越多，所需要作出决定的时间（T）就越长。用数学公式表达为反应时间 T=a+b log2（n）。在人机交互中界面中选项越多，意味着用户做出决定的时间越长。例如比起 2 个菜单，每个菜单有 5 项，用户会更快得从有 10 项的 1 个菜单中做出选择。 席克定律多应用于软件/网站界面的菜单及子菜单的设计中，在移动设备中也比较适用。 3. 神奇数字7±2 法则 1956 年乔治米勒对短时记忆能力进行了定量研究，他发现人类头脑最好的状态能记忆含有7（±2）项信息块，在记忆了 5-9 项信息后人类的头脑就开始出错。与席克定律类似，神奇数字7±2 法则也经常被应用在移动应用交互设计上，如应用的选项卡不会超过 5 个。
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）文本作为世界用户界面的一个关键因素，必须重视其中涉及到的文化差异，这些差异因素主要表现在：
用户体验设计原则及案例解析（上） 本文要点： 1. 建立对于设计原则的理解 2. 告别设计中设计技法的“堆砌” 3. 增强用户体验设计与设计技法相结合的意识 其实设计师平时做设计的工作，可以比作成人在走路或在跑步，走路和跑步的原理是需要两条腿相互配合才能完成跑步的动作，做设计也是一样。设计技法是非常重要的一条腿，熟练的运用设计软件来完成，ICON的绘制、页面的设计、运营活动的设计，这都是非常重要的。但是其中还有另外一条腿，就是另外一项设计师非常必备的思考方式，也就是用户体验设计的一些原则。一定是这两者相互配合，才能够完成设计师的跑步的动作，来完成一个真正既能够体现你设计能力，又能够符合用户真正使用场景的设计，也就是我们这里面比喻的跑步。这些原则说起来似乎高大上，触不可及，但其实是非常的接地气的。 下面请看一个界面的案例及设计师对各界面的反馈：
界面一：如果作为一个用户，如上图左的页面，我会觉得看起来特别不好用，想退出这个界面。因为它太小了，这上面的字第一次看到之后，就会觉得看的特别不清楚。我看到这个页面的第一直觉是想跳出，第二如果我必须要登录的话，我会把它放大，然后去输入，还要把手机拿得近一点，这样凑近了看，可能就会清楚一点。 界面二：如果用如上图右的页面来登录，我是用户的话，打开这个页面会发现，它的文字信息比较多，然后再仔细看这些文字的时候，会发现它的信息层级会比较少，我想找的重点信息不容易发现。阅读顺序方面，我读这个页面会从上往下读。而操作方面，会觉得按钮太小了，可能会误操作。 界面三：如果用如上图左这个界面，作为用户来注册一个百度账号，看起来挺不错的，只是要输入的内容其实还挺多的。但跟之前的两个界面相比，这个至少操作起来比较简单。另外，有一点不太好的，我上面要输数字，下面要输拼音和数字，感觉还是挺麻烦的。 界面四：如果是如上图右界面来做它的注册，我觉得这个就省心多了，相当于基本上没有什么操作步骤，直接连调出键盘都已有了，可以直接输了，所以看起来就不太需要想，可以直接用。 从大家如上的意见反馈中可以看到，大家心目中评价这些界面好不好用，其实有非常多我们所涉及到的设计原则点，包括它是否好看见，是否可读，包括这个操作起来是否麻烦 是否可点。 其实这四个页面我选的是非常有故事的，我们来看看这四个页面背后的逻辑。其实第一个页面不是一个移动端的页面，完全就是一个PC端的注册页面。不过我们把它放到手机上面来看，而且放上来的时候没有做任何的适配，可以看到内容非常的小。如果