人机交互界面设计

人机交互界面设计

UI设计 2009-09-18 17:57 阅读137 评论0

字号：大大中中小小

人机交互界面设计

作者：未知

来源：ChinaUI

1.设计原则

（1）用户原则。人机界面设计首先要确立用户类型。划分类型可以从不同的角度，视实际情况而定。确定类型后要针对其特点预测他们对不同界面的反应。这就要从多方面设计分析。（2）信息最小量原则。人机界面设计要尽量减少用户记忆负担，采用有助于记忆的设计方案。

（3）帮助和提示原则。要对用户的操作命令作出反应，帮助用户处理问题。系统要设计有恢复出错现场的能力，在系统内部处理工作要有提示，尽量把主动权让给用户。

（4）媒体最佳组合原则。多媒体界面的成功并不在于仅向用户提供丰富的媒体，而应在相关理论指导下，注意处理好各种媒体间的关系,恰当选用。（详见媒体的选择）

2.界面分析与规范

在人机界面设计中，首先应进行界面设计分析，进行用户特性分析，用户任务分析，记录用户有关系统的概念、术语，这项工作可与多媒体应用系统分析结合进行，囊括于用户分析报告里。

3.人机界面的类型

任务设计之后，要决定界面类型。目前有多种人机界面设计类型，各有不同的品质和性能，下图进行了详细的描述。

创造性地使用多媒体环境，将会使应用程序功能大大增强。要做到这一点,需从如下两方面考虑:

媒体的选择

(1)媒体的功能：

没有任何一种媒体在所有场合都是最优的，每种媒体都有其各自擅长的特定范围，各种媒体功能参考如下：

①文本：在表现概念和刻划细节时可用表现。

②图形：擅长表达思想轮廓及蕴含与大量数值数据内的趋向性信息，在空间信息方面有较大优势。

③动画：可用来突出整个事物，特别适于表现静态图形无法表现的动作信息。

④视频影像：适于表现其它媒体所难以表现的来自真实生活的事件和情景。

⑤语音：能使对话信息突出，特别是在于影像，动画集合时能传递大量的信息。

⑥姿态与动作：在与别的媒体结合时具有较强的信息引用能力，可以在相关信息之间建立起时间、空间以及逻辑上的联系。

（2）媒体选择的结合与互补：

脚本设计可根据内容需要分配表达的媒体，这里要特别注意媒体间的结合与区别。提出几条原则如下：

①人们在问题求解过程中的不同阶段对信息媒体有不同需要。一般在最初的探索阶段采用能提供具体信息的媒体如语音、图像等，而在最后的分析阶段多采用描述抽象概念的文本媒体。而一些直观的信息(图形、图像等)介于两者之间，适于综合阶段。

②媒体种类对空间信息的传递并没有明显的影响，各种媒体各有所长。

③媒体结合是多媒体设计中需要研究的新课题。媒体之间可以互相支持，也会互相干扰。多

种媒体应密切相关，扣紧一个表现主题，而不应把不相关的媒体内容拼凑在一起。

④目前，媒体结合在技术上主要通过在一个窗口中提供多种媒体的信息片段(空间结合)和对声音、语音、录相等随时间变化的动态媒体加以同步实现(时间序列组合)。

⑤媒体资源并非愈多愈好，如何在语义层上将各种媒体很好的，结合以更有效地传递信息，是要很好地探索的研究课题，也是应用系统人机界面设计的关键问题。

（二）用户心理学——认知原则的应用

认知心理学，从广义上来说，就是关于认识的心理学。人类认识客观事物，主要就是通过感觉、知觉、注意、记忆、思维想象等来进行，因此，凡是研究人的认识心理过程的，都属于认识心理学。实际上，我们这里所指的认知心理学是指纯粹采用信息加工观点来研究认知心理学过程的心理学，也就是运用信息论以及计算机的类比、模拟、验证等方法来研究的的知识是如何获得、如何存贮、如何交换、如何取使用的。所以，我们这里所指的现代认知心理学实质是信息加工心理学。一般地，人们将信息加工心理学又称为狭义的认知心理学。

1.认知过程

看和听的过程构成知觉，图像和声音作为刺激的特征被接收并以抽象的方式被编码，把输入和记忆中的信息进行对比得出对刺激的解释，这一过程就是认知。人体信息处理器包括感官，短期记忆、长期记忆及与其相联系的动作处理器和认知处理器。每种知觉均有一个对应的短期存储器和处理器，人体信息模型总体框图如左图4.3.1所示。其中认知处理器执行的工作就是我们通常所说的思维。思维的结果或被存储起来，或送至动作处理器控制行动。

2.认知心理学

（1）现代认知心理学的核心：现代认知心理学的理论实质，就是以计算机信息加工的观点来研究人的心理学活动，把人脑看作是一种如同计算机的信息加工系统。

（2）现代认知心理学两个关键的重要概念：现代认知心理学的学说内容集中体现在两个关键的重要概念上。现代认知心理学的一个重要的中心概念，就是“信息”。在某种程度上说，抽掉了“信息”的概念，认知心理学的理论也就会散架解体，难以存在。现代认知心理学的另一个重要的中心概念，就是“信息加工系统”。信息加工系统的理论，是现代认知心理学理论的主体。

（3）现代认知心理学的研究方法：现代认知心理学的研究方法有实验法、观察法(包括自我观察法)以及计算机模拟法等。

3.人机交互设计遵循的认知原则

根据用户心理学和认知科学，提出了如下基本原则指导人机界面交互设计。

（1）一致性原则。即从任务、信息的表达、界面控制操作等方面与用户理解熟悉的模式尽量保持一致。

（2）兼容性。在用户期望和界面设计的现实之间要兼容，要基于用户以前的经验。

（3）适应性。用户应处于控制地位，因此界面应在多方面适应用户。

（4）指导性。界面设计应通过任务提示和反馈信息来指导用户，做到“以用户为中心”。（5）结构性。界面设计应是结构化的，以减少复杂度。

（6）经济性。界面设计要用最少的支持用户所必须步骤来实现一个操作。

在上述基本原则指导下，提出以下几点针对界面设计与屏幕设计的参考:

（1）由具体到抽象。即首先通过多媒体界面给用户提供具体的对象。然后从具体对象、内容中让学习者归纳出抽象的概念或原理，或用模拟系统来引导出抽象的原理。

（2）由可视化的内容显示不可见的内容。尽可能利用数字、图解、动画、色彩等清晰爽目的对象显示原理、公式或抽象的概念。

（3）由模拟引导创新。突出人机交互，尽量启发用户的积极思维和参与，并激起用户的学习和创造欲望。

（4）合理运用再认与再忆，减少用户短期记忆的负担。所谓再认就是从系统给定的几个可能答案中要用

户选择一个正确的或最好的。再忆即要求用户输入正确的答案或关键字。

（5）考虑用户的个别差异，使用用户语言。

以上5点具体体现了“由易而难，逐步强化。”这一源于认知心理学的原则。（三）——界面结构与实现

界面设计的第一步是将任务设计的结果作为输入，设计成一组逻辑模块，然后加上存取机制，把这些模块组织成界面结构。存取机制可以是分层、网络的或直接的，机制的类型主要由任务结构决定，也取决于设计风格。例如，菜单提供了层次结构，图标则是直接存取，也可以是层次的，而命令语言可提供网络也可提供直接存取机制。第二步是将每一模块分成若干步，每步又被组装成细化的对话设计，这就是界面细化设计（细化设计流程如下图所示）。

界面设计包括如下几点：

1.界面对话设计

2.数据输入界面设计

3.屏幕显示设计

4.控制界面设计

1.界面对话设计

在界面设计中要使用对话风格的选择，并加上用户存取和控制机制。对话是以任务顺序为基

础，但要遵循如下原则：

（1）反馈（Feed back）：随时将正在做什么的信息告知用户，尤其是响应时间十分长的情况下。

（2）状态(Status)：告诉用户正处于系统的什么位置，避免用户在错误环境下发出了语法正确的命令。

（3）脱离（Escape）：允许用户中止一种操作，且能脱离该选择，避免用户死锁发生。（4）默认值（Default）：只要能预知答案，尽可能设置默认值，节省用户工作。

（5）尽可能简化对话步序：使用略语或代码来减少用户击键数。

（6）求助（Help）：尽可能提供联机在线帮助。

（7）复原（Undo）：在用户操作出错时，可返回并重新开始。

在对话设计中应尽可能考虑上述准则，媒体设计对话框有许多标准格式供选用。另外，对界面设计中的冲突因素应进行折衷处理。

2.数据输入界面设计

数据输入界面往往占终端用户的大部分使用时间，也是计算机系统中最易出错的部分之一。其总目标：简化用户的工作，并尽可能降低输入出错率，还要容忍用户错误。

这些要求在设计实现时可采用多种方法：

（1）尽可能减轻用户记忆，采用列表选择。

对共同输入内容设置默认值；使用代码和缩写等；系统自动填入用户已输入过的内容。（2）使界面具有预见性和一致性。

用户应能控制数据输入顺序并使操作明确，采用与系统环境(如Windows操作系统)一致风格的数据输入界面。

（3）防止用户出错。

在设计中可采取确认输入(只有用户按下键，才确认)，明确的移动(使用TAB键或鼠标在表中移动)，明确的取消，已输入的数据并不删除。对删除必须再一次确认，对致命错误，要警告并退出。对不太可信的数据输入，要给出建议信息，处理不必停止。

（4）提供反馈。

要使用户能查看他们已输入的内容，并提示有效的输入回答或数值范围。

（5）按用户速度输入和自动格式化。

用户应能控制数据输入速度并能进行自动格式化，对输入的空格都能被接受。

(6)允许编辑。

理想的情况，在输入后能允许编辑且采用风格一致的编辑格式。

数据输入界面可通过对话设计方式实现，若条件具备尽可能采用自动输入。特别是图像、声音输入在远程输入及多媒体应用中会迅速发展。

3.屏幕显示设计

屏幕的设计主要包括布局(Layout)，文字用语(Message)及颜色等，下面针对其进行讲解：（1）布局

屏幕布局因功能不同考虑的侧重点不同。各功能区要重点突出，功能明显。无论哪一种功能设计，其屏幕布局都应遵循如下五项原则：

①平衡原则。注意屏幕上下左右平衡。不要堆挤数据，过分拥挤的显示也会产生视觉疲和接收错误。

②预期原则。屏幕上所有对象，如窗口、按钮、菜单等处理应一致化，使对象的动作可预期。

③经济原则。即在提供足够的信息量的同时还要注意简明，清昕。特别是媒体，要运用好媒体选择原则。

④顺序原则。对象显示的顺序应依需要排列。通常应最先出现对话，然后通过对话将系统分段实现。

⑤规则化。画面应对称，显示命令、对话及提示行在一个应用系统的设计中尽量统一规范。

在屏幕布局中，还要注意到一些基本数据的设置。

（2）文字与用语

文字和用语除作为正文显示媒体出现外，还在设计题头、标题、提示信息、控制命令，会话等功能时要展现。对文字与用语设计格式和内容应注意如下：

①要注意用语简洁性。避免使用计算机专业术语；尽量用肯定句而不要用否定句；用主动语态而不用被动语态；用礼貌而不过分的强调语句进行文字会话；对不同的用户，实施心理学原则使用用语；英文词语尽量避免缩写；在按钮，功能键标示中应尽量使用描述操作的动词；在有关键字的数据输入对话和命令语言对话中采用缩码作为略语形式；在文字较长时，可用压缩法减少字符数或采用一些编码方法。

②格式。在屏幕显示设计中，一幅画面不要文字太多，若必须有较多文字时，尽量分组分页，在关键词处进行加粗、变字体等处理，但同行文字尽量字型统一。英文词除标语外，尽量采用小写和易认的字体。

③信息内容。信息内容显示不仅采用简洁、清楚的表达，还应采用用户熟悉的简单句子，尽量不用左右滚屏。当内容较多时，应以空白分段或以小窗口分块，以便记忆和理解。重要字段可用粗体和闪烁吸引注意力和强化效果，强化效果有多样，针对实际进行选择。

（3）颜色的使用

颜色的调配对屏幕显示也是重要的一项设计，颜色除是一种有效的强化技术外，还具有美学价值。使用颜色时应注意如下几点：

①限制同时显示的颜色数。一般同一画面不宜超过4或5种，可用不同层次及形状来配合颜色，增加变化。

②画面中活动对象颜色应鲜明，而非活动对象应暗淡。对象颜色应尽量不同，前景色宜

鲜艳一些，背景则应暗淡。

③尽量避免不兼容的颜色放在一起，如黄与蓝，红与绿等，除非作对比时用。

④若用颜色表示某种信息或对象属性，要使用户懂得这种表示，且尽量用常规准则表示。

总之，屏幕显示设计最终应达到令人愉悦的显示效果，要指导用户注意到最重要的信息，但又不包含过多的相互矛盾的刺激。

4.控制界面设计

控制会话设计

菜单界面设计

功能键设计

图标设计

窗口设计

直接操作界面

命令语言界面设计

（四）——界面设计与评价

评价是人机界面设计的重要组成，应该在系统设计初期就进行，或在原型期就进行，就能及早发现设计缺陷，避免人力、物力浪费。

对界面设计的质量评价通常可用四项基本要求衡量：

（1）界面设计是否有利于用户目标的完成?

（2）界面学习和使用是否容易?

（3）界面使用效率如何?

（4）设计的潜在问题有哪些?

而对界面的总体设计和具体功能块设计，可用上面提到的各类界面设计准则就其应用对象进行综合测试。详见界面评测示例与分析。具体要求的界面品质,仅提出如下几项供参考：（1）实用性。衡量界面在帮助用户完成任务时的满意程度，这点只能从用户调查表中获取数据。

（2）有效性。度量指标有错误率、任务完成时间、系统各设备使用率等。

（3）易学习性。从系统开始使用一段时间后，错误率下降情况、完成任务时间减少的情况、正确调用设备及命令的情况以及用户知识增加的状况来衡量。

（4）系统设备及功能使用面。若有些设备或功能任何用户都未用过，则可能设计有误。（5）用户满意程度。以用户满意程度，发现问题多少及使用兴趣来衡量。

界面评估采用的方法已由传统的直觉经验的方法，逐渐转为科学的系统的方法进行。传统经验方法有如下几种：

（1）实验方法。在确定了实验总目标及所要验证的假设条件后，设计最可靠的实验方法是随机和重复测试最后对实验结果分析总结。

（2）监测方法。即观察用户行为。观察方法有多种，如直接监测，录像监测，系统监测等。执行时一般多种方法同时进行。

（3）调查方法。这种方法可为评价提供重要数据，在界面设计的任何阶段均可使用。调查方式可采用调查表(问卷)或面谈方式。但应该指出，这种方法获得数据的可靠性和有效性，不如实验法和监测法。

另一种不同于经验方法的是形式化方法。这种方法建立在用户与界面的交互作用模型上。它与经验方法区别在于不需要直接测试或观察用户实际操作，优点是可在界面详细设计实现前就进行评价。但无法完全预知用户所反映的情况，所以目前多用比较简单可靠的经验方法。

（五）——界面评测示例与分析

从目标表达是否清晰，准确。表达是否恰当，信息量是否完整；其媒体创意设计新颖，界面结构与屏幕结构设计布局合理，其操作简单是否合理等测试分析。

（六）——人机界面的发展

人机交互界面研究已经历了两个界限分明的时代，第一代是以文本为基础的交互, 如菜单、命令、对话等，难用且不灵活。第二代则是直接操作界面，它引出更自然的视觉通信交互。而下一代则是交互多媒体集成方法，需要大量使用语言，自然语言和高级图形，也可使用其它交互媒体，如人的动作、手势和三维图像等。而人机交互界面的研究已超越心理学，并进入到社会学的研究，界面技术与多媒体技术，通信技术，特别适于人工智能技术愈来愈密不可分。下面就个方面进行一下介绍

1.人机界面发展概述；

2.用户界面管理程序；

3.自适应人机界面；

4.智能界面管理系统；

5.对话形式规范说明；

6.界面系统设计方法的改进；

7.人机界面总结。

人机界面发展概述

1.人机界面领域的形成

从计算机问世以来，早期用户是以计算机专业人员为主，但随着计算机广泛进入人们的工作生活领域，计算机用户发生了改变，非计算机专业的普通用户成了用户的主体。这一重大转变使计算机的可用性问题变得日益突出起来。人机界面应当是什么样的？如何去建造这样的界面？人们开始关注和研究这些问题。这些问题既涉及人也涉及计算机及一些相关的学科如：心理学、人的因素学（Human Factors）、社会学、语言学等。随着计算机技术的发展，应用领域的拓宽，从而带来了不同的理论方法。八十年代以来，人机界面的研究有了前所未有的发展，微型计算机的迅速普及为此起了重要的推动作用。

2.有关人机界面的会议、刊物

3.研究人机界面的各种理论和方法:

(1)分析与评价技术:

用于分析、评价用户界面有效性的理论和经验方法，如任务分析、话语分析、内容分析及可用性评价等。

(２)设计方法论:

用来产生好的用户界面设计的方法与技术，如：软件心理学、环境因素设计法、多方参与设计法以及支持设计过程的工具和表记法。

(３)开发工具和方法:

支持用户界面开发的工具箱、用户界面管理系统（UIMS）、快速原型法和程序设计辅助工具等。

(４)交互方式与设备:

新的输入／输出设备和设备运用策略，包括视觉、声音、触觉、姿态等通信模态及多种模态的集成。

(５)关键用户界面成分：

如用户界面隐喻（metaphor）、用户界面风格、智能界面技术、取消、超文本／超媒体以及联机帮助。

(６)用户模型：

包括用户行为模型、关于系统的用户内心模型、用户个体差异等。

(７)特定应用的用户界面设计：

满足某类应用问题对人机交互作用的特定限制条件和要求的用户界面设计。如：虚拟现实、智能辅导系统、信息检索、Internet/WWW、CAD/CAM、专家系统过程控制、决策支持等。

(８)计算机辅助协同工作（CSCW）：

关于如何使用计算机系统帮助人的群体有效协同工作的研究，包括现场观察研究、理论模型、群体用户界面开发设计等。

(９)法律与标准：

关于用户界面的专利和版权问题、用户界面的标准化。

这些研究方向目前大多处于十分活跃的发展阶段，并且有着较强的分化和相互渗透倾向，有些方向甚至有可能发展为具有相当规模的相对对立的研究领域

用户界面管理程序(User Interface Manager)

１.ＵＩＭ的引出与形成

用户界面管理程序是一种功能完备的软件构件，它可取代管理用户界面的一切功能。由于大多数应用软件用于交互系统，而且许多软件的工作量是为实现用户界面，所以重复编程浪费了时间和人力。由此引出了ＵＩＭ。

2.ＵＩＭ的特点

可作为一种多方面适用的、可再用的界面模块负责所有界面呈现和对话管理。

3.ＵＩＭ的功能

是负责所有界面呈现和用户管理，下图描述了其模式：

一个完整的ＵＩＭ的方案是提供界面构件和管理工具，它们能帮助程应用序员快速构造界面，并在原型开发周期中评估设计。

４.ＵＩＭ的简单开发工具

屏幕描绘仪，屏幕设计工具。

智能界面管理系统

1.简介:

智能界面是用户界面管理程序[UIM]的一个典型。它是一种功能完备的软件构件，可以取代管理用户界面的一切功能。只是不包括与作业处理相应的应用软件。

2.智能界面管理系统的设计目标：

多方面适用且可重用的界面模块，既与用户联系，又与应用软件联系。

3.智能界面管理系统要求：

要能适应于不同类型的应用软件，也要能无须做实则性的修改即可在不同系统环境间移植。

4.智能管理系统的研究：

集中于如何从界面中分类除应用软件以及提供界面构件和管理工具，从而能帮助应用程序人员快速构造界面，并在原型开发中就能评估界面设计。

5.对话形式规范化说明

对话的形式规范说明的必要性:

Ｉ.用形式化体系设计的界面,可增强可靠性。

II.可用软件模块构造界面，实现可重用性。

已存在的几种形式规范描述：

1.用Z语言对界面行为进行行为描述（Sufran,1986）。

2.用路径代数（Alty,1984）描述对话序列。

3.代数形式化体系描述系统的交互集（Dix和Runciman,1985）。

形式化技术的不同点在于它们的表达能力和灵活性，但总的目的是向人们演示，对话行为可作有限的描述。例如：“所见即所得”（What You See Is What You Get）原则，按生成型工程原理GUEPS可细化为因果语句和状态约束集描述界面怎样正常工作，怎样不能正常工作。形式规范化面临着许多问题，关键在于对什么内容形式，但其仍在发展。

形式规范的发展方向：

是把软件工程原则和认知问题用于交互，病推导出一系列用于设计的上下文无关的原则，实现界面工程化设计。

人机界面设计方法的改进

人机界面设计是系统设计过程的一部分，所以必须结合到现代系统开发方法中去。目前的系统开发方法对界面设计问题和用户关注太少或更本没加注意，以致用户批评仍持续不断。界面设计共同课题是让用户关心和介入。其目的在于促进人在系统开发中的参与与作用。以用户为中心的设计方法：

1.用户参与设计——用户应当积极主动加入设计过程，并进入设计组共同进行决策。

2.以用户为中心的设计——系统设计必须根据用户的需要来确定,而不能由功能过程需求,或硬件限制等来推动。

3.迭代设计（原型设计）——人机交互文献特别强调，在设计期间必须注意原型及其细化周期的概念。

人机界面的评估也是重要的研究课题方法：

（1）诊断分析——确定界面设计的不良特性；

（2）监视——误差率、命令使用频率和使用持续时间；

（3）实验分析——收集评估数据。

人机界面的总结

随着人机界面在计算机容量、网络技术、图形技术、多媒体技术以及新型输入输出设备方面的迅速发展，将使今后的人机界面具有一些新的特点：

（1）人与计算机的交互操作变得更接近于同现实世界的交互操作，为减轻人在交互作用上的认识负担和更多地利用人从演化和经历中获得的自然技能提供了新的可能性。

（2）人机界面将越来越多地具有多模态高宽带的特点。更多的人的感受表达模态将被用于和计算机的信息交流，甚至以设想最重要把人的神经细胞的直接触发和测取作为交互的通道，为此同时输入输出设备之间的区别将变得越来越不明显。

（3）网络技术尤其是Internet的普及使今后的计算机用户具有更多的群体特点，从而对适应人的群体社会化组织和行为规律的群体用户界面将会有大的需求。

人机界面设计下一代方法是交互的集成方法。它将大量地使用语音、自然语言和高级图形，也可用其它交互媒体，如眼的动作和手势、姿态等，还可用三维图像以生动地引导解释交互和任务。

总之，未来的人机界面设计对研究和设计者者提出了多方面的挑战。许多信息技术领域的公司企业，这些年纷纷对与用户界面开发有关的专业人员提出要求，很多大学适应这种要求，设立了相关的课题甚至专业。

人机交互技术Web界面设计

人机交互技术 Web界面设计学号: 姓名:

一、Web界面设计的基本概况 Web界面设计是人机交互界面设计的一个延伸，是人与计算机交互的演变。 Web界面设计与站点外观直接相关，站点的界面外观是否友好直接关系到是否能吸引人的关注。人性化的设计是Web界面设计的核心，如何根据人的心理、生理特征，运用技术手段，创造简单、友好的界面，是Web界面设计的重点。 用来解释Web的人机界面性质的一个模型，它提出网页是用户和知识之间的界面。对于信息提供者来说包括信息的表达，对于使用者来说则是信息的获取。信息的表达与获取分别受到两者认知结构的制约。 模型涉及到信息的三种类型 1)数据：当一条信息被反复、简单的提供时称为数据，比如机票价格。 2)复杂信息：而用来叙述事件时称为复杂信息，如多媒体信息。 3)过程性信息：在信息有明确目标，并相互作用时称为过程性信息，如在线练习、在线测试等。 模型涉及到信息的两种特性：1)动态性：信息在不断的变化，具有动态性； 2)一致性：信息元素的组织方式具有一致性 (2)Web信息设计模型 是解释Web人机界面性质的另一个模型，是一种研究网页的信息设计模型。 设计模型中要考虑到信息的两个方面： 1)第一是应该呈现或略去什么信息。 2)第二个方面指的是信息该如何被表现。 二、Web界面设计要求及目的 Web应用的成功与否，除了受其所采用的技术和所能够提供的功能的限制还受Web网页的外观的影响。Web网页的外观经常是最先被用户注意到的。用户对网站的第一印象与界面外观是否友好、吸引人密切相关。所以对于设计人员来说，Web界面设计至关重要。Web界面设计的人性化、易用性是Web界面设计的核心。 Web界面设计要素 a)Web界面布局

人机交互软件界面评估

人机交互技术软件界面评估 学号： 姓名：

手机设计的人性化已不仅仅局限于手机硬件的外观，手机的软件系统已为用户直接操作和应用的主体，它应以美观实用、操作便捷为用户所青睐。用户界面设计的规范性显得尤为重要。 随着科技的不断发展，手机的功能俞之强大，基于手机系统的相关软件应运而生，手机设计的人性化已不仅仅局限于手机硬件的外观，手机的软件系统已成为用户直接操作和应用的主体，它应以美观实用、操作便捷为用户所青睐。用户界面设计的规范性显得尤为重要。一、界面效果的整体性、一致性。 手机软件运行于手机操作系统的软件环境，界面的设计应该是基于这个应用平台的整体风格，这样有利于产品外观的整合。 1、界面的色彩及风格与系统界面统一 软件界面的总体色彩应该接近和类似系统界面的总体色调，例如：系统色调以蓝色为主，我们的软件界面的默认色彩最好与之吻合，若使用与之大相径庭的色彩，比如大红、柠檬黄，色彩的强烈变化会影响用户的使用情绪，假想你买了一款从外观到系统界面都很满意的手机，操作的时候突然发现内置的应用软件和系统界面不统一，你会有何感想呢？第一感觉不好的东西我们的用户还会去用它吗？所以我们要知道手机的外观和系统界面已经是由手机制造商根据用户审美习惯定制的，它应该有他们的审美群体，我们要给这款手机做软件就应该有效地利用制造商基于此款手机的审美特征，以赢得喜爱此款手机的用户，使他们对系统界面的肯定和喜爱有效的转移到我们的产品上来。当然合理地结合系统界面进行设计还包括图标、按钮的风格及在不同操作状态下的视觉效果。 2、操作流程的系统化 手机用户的操作习惯是基于系统的，我们的界面设计在操作流程的安排上，也得遵循系统的规范性，让用户达到可以使用手机就会使用我们的软件，简化用户操作流程！ 二、界面效果的个性化 是不是我们追求整体性和一致性，就忽略软件界面的个性化呢?整体性和一致性是基于手机系统视觉效果的和谐统一而考虑，个性化是基于软件本身的特征和用途而考虑。因此这一点也是不容忽视的！ 1、特有的界面构架

组态人机界面与单片机通信案例

组态人机界面与单片机通信案例 很多时候，工业控制或者产品设计方面受到PLC这种功能确定，扩展麻烦，成本昂贵等方面的制约因素，需要独立开发一种特殊功能，但是又需要连接触摸屏通讯，工程师在这个方面往往需要花费很大功夫，现在我要帮大家解决的问题就是单片机与人机界面触摸屏通讯的最简单，最有效的2种方法，其实就是分为2种通讯协议，即工业标准的Modbus RTU协议和工程师自己定义的自由协议。 本实例采用微嵌组态软件，因为公司提供一系列的技术支持和公布单片机源代码，加上公司的人机界面支持自由协议等等先天优势，开发工程方便有效。方案比较： 方案一modbus—rtu协议： 优点：工业标准通讯协议，具有通用性，，传输数据量大 缺点：需要时间去了解协议的格式和以及按照规定编写通讯程序（需要MODBU S-RTU源代码） 方案二自由协议： 优点：数据格式客户自己定义，灵活多变，定制性强，可以模拟任何已知报文的通讯协议 缺点：传输数据量不大，通用性不强，移植不方便 工程师可以根据以上两种通讯协议的优缺点来选择理想的方案；

新建一个工程文件 型号对应的是公司出产产品型号。新增一个通信口，微嵌的人机界面有两个通讯口COM1，COM2，这两个串口既可以做RS232，又可以做RS485，通讯协议对应的是单片机工程师需要用到的协议，其中有modbus RTU协议，自由协议Free Protocol，当然还包括西门子S7-200，台达PLC，欧姆龙，三菱等协议，这里我们选择COM1自由协议Free Protocol，通讯速率57600，数据位8,1位停止位，偶校验：

首先我们随便建一个比较简单实用的画面，用位按钮开关控制单片机的指示灯，采集单片机的模拟数据显示在组态软件的数码管（可以通过电脑串口连接单片机在线模拟实际应用）

11本《人机交互与界面设计》复习题目

第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.简要描述任务分析主要包括哪些内容。为什么说任务分析是交互设计至关重要的环节？

人机交互界面设计规范

人机交互界面设计规范 （讨论稿） 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.安全性 在界面上通过下列方式来控制出错几率，会大大减少系统因用户人为的错误引起的破坏。 <补充安全性性细则> 应当注意尽可能避免用户无意录入无效的数据。 采用相关控件限制用户输入值的种类。 ……

《人机交互技术》实验五 熟悉设计管理和游戏界面设计

重庆邮电大学移通学院学生实验报告 实验名称:熟悉设计管理和游戏界面设计专业班级:数字媒体技术02141401 姓名:罗钧 学号:2014210xxx 实验日期:2017.5.9 实验五:熟悉设计管理和游戏界面设计 一、实验目的 (1)了解和熟悉人机界面设计过程管理的相关知识; (2)了解和评价游戏软件的人机交互设计,提高自己的评价能力,提高自己对设计水平的。 二、工具/准备工作 需要准备一台带有浏览器,能够访问因特网的计算机。 三、实验内容与步骤 1.概念理解 (1)成功的用户界面开发有4个支柱,它们能够帮助用户界面架构师将好的思想转化为成功的系统。经验表明,每个支柱都能在此过程中产生数量级的加速作用,并能促进建立优秀的系统。 请简单描述这4个支柱。

用户界面需求:软件项目的成败经常取决于所有用户和实现者之间理解的精确性和完整性。如果没有适当的需求定义,那就既不能确定正在解决什么问题,也不会知道何时能够完成。拟定用户界面需求是整个需求开发和管理过程的一部分,系统需求(硬件、软件、系统性能及可靠性等)必须清楚的加以陈述,任何处理用户界面的需求(输入/输出设备、功能、界面及用户范围等)都必须指明并达成共识。一个确定用户需求的成功方法是通过用户观察,监视正在行动的真实用户的背景和环境。 指南文档和过程:指南文档应考虑以下几方面。 1.词、图标和图形 2.屏幕布局问题 3.输入与输出设备 4.动作序列 5.培训 用户界面软件工具:设计交互系统的困难之一,是客户和用户可能对新系统并没有一个清晰的想法。由于在很多情况下交互系统都是新奇的,用户可能认识不到设计决策的用意。虽然打印出来的文稿对初步体验是有帮助的,但具有活动键盘和鼠标的屏幕展示却更为真实。菜单系统的原型可能用一两条活动路径来代替为最终系统预想的数千条路径。 专家评审和可用性测试:现在,网站的设计人员认识到,在将系统交付给客户使用之前,必须对组件进行很多小的和一些大的初步试验。除了各种专家评审方法外,与目标用户一起进行的测试、调查和自动化分析工具被证明是有价值的。其过程依可用性研究的目标、预期用户数量、错误和危害程度和投资规模而变化很大。

人机界面设计原则

人机界面设计原则 “以人为本” 1.以用户为中心的基本设计原则 在系统的设计过程中，设计人员要抓住用户的特征，发现用户的需求。在系统整个开发过程中要不断征求用户的意见，向用户咨询。系统的设计决策要结合用户的工作和应用环境，必须理解用户对系统的要求。最好的方法就是让真实的用户参与开发，这样开发人员就能正确地了解用户的需求和目标，系统就会更加成功。 2.顺序原则 即按照处理事件顺序、访问查看顺序(如由整体到单项，由大到小，由上层到下层等)与控制工艺流程等设计监控管理和人机对话主界面及其二级界面。 3.功能原则 即按照对象应用环境及场合具体使用功能要求，各种子系统控制类型、不同管理对象的同一界面并行处理要求和多项对话交互的同时性要求等，设计分功能区分多级菜单、分层提示信息和多项对话栏并举的窗口等的人机交互界面，从而使用户易于分辨和掌握交互界面的使用规律和特点，提高其友好性和易操作性。 4.一致性原则 包括色彩的一致，操作区域一致，文字的一致。即一方面界面颜色、形状、字体与国家、国际或行业通用标准相一致。另一方面界面颜色、形状、字体自成一体，不同设备及其相同设计状态的颜色应保持一致。界面细节美工设计的一致性使运行人员看界面时感到舒适，从而不分散他的注意力。对于新运行人员，或紧急情况下处理问题的运行人员来说，一致性还能减少他们的操作失误。 5.频率原则 即按照管理对象的对话交互频率高低设计人机界面的层次顺序和对话窗口莱单的显示位置等，提高监控和访问对话频率。 6.重要性原则 即按照管理对象在控制系统中的重要性和全局性水平，设计人机界面的主次菜单和对话窗口的位置和突显性，从而有助于管理人员把握好控制系统的主次，实施好控制决策的顺序，实现最优调度和管理。 7.面向对象原则 即按照操作人员的身份特征和工作性质，设计与之相适应和友好的人机界面。根据其工作需要，宜以弹出式窗口显示提示、引导和帮助信息，从而提高用户的交互水平和效率。

人机界面设计(含案例分析)

人机界面设计（含案例分析） 家电（冰箱）Haier/海尔 BCD-231WDBB 场所：冰箱是家用厨房内最为常见的家电产品之一。在公共空间比 如餐厅，酒店也都有配备。 作用：冰箱使食物或其他物品保持冷态，具有储藏，冷冻的功能。 人机界面分析： 把手： ①位置：把手设计符合大众身高结构，一般根据实际冰箱高度设 计，比如此冰箱总高1722mm，三门设计，把手分别在550mm左 右、950mm左右、1300mm左右。 ②形状：此冰箱把手属于隐藏式把手设计，使机器整体统一美观。 把手形状呈长方形凹槽，适用于大多数家庭成员的高度差异。 ③功能：此把手设计即运用手部动作，通过抓、拉来实施对冰 箱门的控制。外观大方，开门方便，不积灰尘，容易清理。 存储空间： ①位置：此冰箱为三门设计，区分两个不同的存储空间，分别 是冷藏室和冷冻室。上门与下门等比例分布，中门5°C--- 18°C全温区变温。 ②形状：三个存储空间均为长方形，中间有长方形隔板分割， 阶梯式分割方式，适用于不同食材的存放。冷冻室采用抽屉设 计，极大拓展了冷冻空间，抽屉装饰有仿金属材质亮银色饰 条，质感强，坚固耐用。 ③功能：冷藏室主要储存新鲜的食物或是烹饪过的食物，海鲜肉类在放入 冷藏室24小时低温排毒后放入冷冻室保存。冷冻室一般保存海鲜肉类等需 要保存较长时间不使用的食物。 显示部分、按钮： ①位置：显示部分、按钮一般在人眼可以看见，手可以触及的范围内。此 冰箱在面板中间高约1650mm的位置。 ②形状：此冰箱显示按钮部分为竖立的长方形，与整体机器相统一，整体 感强。从上到下分为四个区域，用黑色实线区分，分别是温区选择、温度 调节、功能选择和设定。上面三个区域为LED灯的液晶显示，设定按钮呈圆形，触摸式按钮，反应灵敏好操作。

人机交互实验报告-网页界面设计与分析

课程实验报告 专业年级计算机科学与技术课程名称人机交互技术 指导教师 学生姓名 学号 实验日期 实验地点 实验成绩 教务处制 二O一O 年十月二十五日

3）网站名称：中国移动通信集团公司 网址： 印象分：8 3．比较搜索引擎。你选用的搜索引擎是： 百度 谷歌 搜搜 你搜索比较的商品（关键字）是： 1）硬盘 3个搜索引擎的比较分析：百度搜索到相关网页约100,000,000篇，用时秒；谷歌获得约 58,600,000 条结果，用时秒；搜搜搜索到约22,800,000项结果，用时秒。2）电脑 3个搜索引擎的比较分析：百度一下，找到相关网页约100,000,000篇，用时秒；谷歌获得约 235,000,000 条结果，用时秒；搜搜搜索到约823,300,000项结果，用时秒 3）鼠标 3个搜索引擎的比较分析：百度一下，找到相关网页约100,000,000篇，用时秒；谷歌获得约 57,600,000 条结果，用时秒；搜搜搜索到约14,500,000项结果，用时秒4．优劣分析：当当网（）目前是全球最大的中文网上图书音像商城，面向全世界中文读者提供近30多万种中文图书和音像商品，每天为成千上万的消费者提供方便、快捷的服务，给网上购物者带来极大的方便和实惠。 卓越网 )发布于2000年5月，主营音像、图书、软件、游戏、礼品等流行时尚文化产品。迅速成长为国内最有影响力和辐射力的电子商务网站，赢得了超过520万注册用户的衷心支持，发展成为中国访问量最大、营业额最高的零售网站。 当当网与卓越网都是国内B2C模式电子商务网站排名比较靠前的经营网站，两者的业务模式、所卖商品都极其类似,他们也取得不同程度上的成功。

人机界面设计案例分析

人机界面设计案例分析 什么是人机界面人机界面是指人和机器在信息交换和功能上接触或互相影响的领域或称界面所说人机结合面，信息交换，功能接触或互相影响，指人和机器的硬接触和软触，此结合面不仅包括点线面的直接接触，还包括远距离的信息传递与控制的作用空间。人机结合面是人机系统中的中心一环节，主要由安全工程学的分支学科安全人机工程学去研究和提出解决的依据，并过安全工程设备工程学，安全管理工程学以及安全系统工程学去研究具体的解决方法手段措施安全人机学。它实现信息的内部形式与人类可以接受形式之间的转换。凡参与人机信息交流的领域都存在着人机界面。大量运用在工业与商业上，简单的区分为输入（Input）与输出（Output）两种，输入指的是由人来进行机械或设备的操作，如把手、开关、门、指令（命令）的下达或保养维护等，而输出指的是由机械或设备发出来的通知，如故障、警告、操作说明提示等，好的人机接口会帮助使用者更简单、更正确、更迅速的操作机械，也能使机械发挥最大的效能并延长使用寿命，而市面上所指的人机接口则多界狭义的指在软件人性化的操作接口上。 人机界面的设计原则1、以用户为中心的基本设计原则 在系统的设计过程中，设计人员要抓住用户的特征，发现用户的需求。在系统整个开发过程中要不断征求用户的意见，向用户咨询。系统的设计决策要结合用户的工作和应用环境，必须理解用户对系统的要求。最好的方法就是让真实的用户参与开发，这样开发人员就能正确地了解用户的需求和目标，系统就会更加成功。 2、顺序原则 即按照处理事件顺序、访问查看顺序（如由整体到单项，由大到小，由上层到下层等）与控制工艺流程等设计监控管理和人机对话主界面及其二级界面。 3、功能原则 即按照对象应用环境及场合具体使用功能要求，各种子系统控制类型、不同管理对象的同一界面并行处理要求和多项对话交互的同时性要求等，设计分功能区分多级菜单、分层提

《人机交互与界面设计》实践项目

课程设计项目 项目1 Windows软件界面设计（12学时） ⒈目的与要求 在熟练掌握人机界面相关原则和开发方法的基础上，考察对人机界面的设计理念和原则的掌握程度，使学生能够将相关理论和知识应用于实际系统的开发中。通过设计一个简单的Windows软件界面，进一步理解人机界面设计方法及其在实际软件开发过程中的应用。学生应能够较熟练地将相关理论和知识应用于所设计的软件系统中，软件界面符合重要的设计原则。 ⒉任务及说明 使用有关软件工具（推荐使用.NET软件开发工具），设计一个实用性强、界面友好的、简单的Windows软件。选题自由，但需要注意实用性和友好性，能在规定的时间内完成。可选项目包括工具软件、播放器、数据库管理系统等。注重软件的界面设计，要求设计出软件安装界面、主界面及各功能界面。时间充裕的前提下，应尽量完成软件的功能。完成后要提交项目报告和程序源代码文件。 3. 预备知识及准备 掌握有关软件开发工具的使用方法，比如Visual https://www.wendangku.net/doc/aa11187355.html,。理解并掌握人机界面中的重要设计原则，掌握原型开发方法，熟悉Windows图形用户界面的特点、设计原则。 项目2 Web网页界面设计（12学时） ⒈目的与要求 在熟悉人机界面重要的设计原则，特别是网页设计原则，以及开发方法的基

础上，考察对网页界面的设计理念和原则的掌握程度，使学生能够将相关理论和知识应用于实际系统的开发中。通过设计一个简单实用的网站，进一步理解人机界面设计方法及其在实际软件开发过程中的应用。学生应能够较熟练地将相关理论和知识应用于所设计的软件系统中，软件界面符合重要的界面设计原则。 ⒉任务及说明 使用有关软件工具（推荐使用Dreamweaver软件工具），设计一个简单实用的网站。选题自由，但需要注意实用性和友好性，能在规定的时间内完成。网站类型任选，可以是商业网站、娱乐网站、儿童网站、信息网站或门户网站等。所设计的网站要符合网站主题。要注重网页的界面设计，要设计出网站的主界面及各主要功能界面。网页的色彩、布局设计合理，动画、图片使用合理。完成后要提交项目报告和程序源代码文件。 3. 预备知识及准备 掌握有关软件工具的使用方法，比如Dreamweaver。掌握网页设计原则、常见的网页布局、网页中颜色的合理搭配。进一步掌握原型开发方法。在网上或者在生活中搜集素材，做好网站的规划。 项目3 手机软件用户界面设计及项目评估（12学时）⒈目的与要求 在熟练掌握人机界面相关设计原则、开发方法的基础上，能够在实际设计过程中合理地利用所学过的知识。通过设计一个手机软件，加深对人机界面开发方法及其在实际软件开发过程中的应用的理解。学生应能够较熟练地将相关理论和知识应用于所设计的软件中，软件界面符合重要的界面设计原则。 ⒉任务及说明 在某个手机平台上设计一个简单的软件。可选的软件平台如诺基亚的Symbian、谷歌的Android、苹果的iOS、微软的Windows Mobile等。推荐Windows Mobile。开发工具不限，比如Visual https://www.wendangku.net/doc/aa11187355.html,，Java ME等。注意要根据所选择的手机软件平台来确定开发工具，因为不同的平台开发工具不一样。不过几乎所有手机平台都支持Java ME。选题不限，但需要注意实用性和友好性，且能在规定的时间内完成并进行项目评估。可选项目包括工具软件、播放器、游戏软件

跟我学人机交互界面设计理论与技术及应用——Web前端开发工程师

1.1跟我学人机交互界面理论与技术及应用——Web前端开发工程师 1、Web前端开发相关技术简介 （1）Web前端开发工程师是一个很新的职业 在国内乃至国际上真正开始受到重视的时间不超过5年，Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。 在互联网的演化进程中，网页制作是Web 1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。2005年以后，互联网进入Web 2.0时代，各种类似桌面软件的Web应用大量涌现，网站的前端由此发生了翻天覆地的变化。 网页不再只是承载单一的文字和图片，各种富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术实现的。 （2）RIA技术不断地深入和普及 随着Web 2.0概念的普及和W3C组织的推广，网站重构的影响力正以惊人的速度增长。XHTML+CSS布局、DHTML和Ajax像一阵旋风，铺天盖地席卷而来，包括新浪、搜狐、网易、腾讯、淘宝网等在内的各种规模的IT企业都对自己的网站进行了重构。 为什么它们会对自己的网站进行重构呢？有两个方面的原因： 第一，根据W3C标准进行重构后，可以让前端的代码组织更有序，显著改善网站的性能，还能提高可维护性，对搜索引擎也更友好； 第二，重构后的网站能带来更好的用户体验，用XHTML+CSS重新布局后的页面，文件更小，下载速度更快。 2、了解网站重构的基本目的 网站重构的目的仅仅是为了让网页更符合Web标准吗？不是！重构的本质是构建一个前端灵活的MVC框架，即HTML作为信息模型（Model），CSS控制样式（View），JavaScript 负责调度数据和实现某种展现逻辑（Controller）。同时，代码需要具有很好的复用性和可维护性。这是高效率、高质量开发以及协作开发的基础。 3、Web前端开发工程师 DHTML可以让用户的操作更炫、更吸引眼球；Ajax可以实现无刷新的数据交换，让用户的操作更流畅。对于普通用户来说，一个网站是否专业、功能是否强大，服务器端是用J2EE+Oracle的强大组合，还是用ASP+Access的简单组合，并没有太明显的区别。 但是，前端的用户体验却给了用户直观的印象。随着人们对用户体验的要求越来越高，

基于RSView SE和VB技术的人机界面开发

基于RSView SE和VB技术的人机界面开发 收藏| 分类: | 查看: 141 | 评论(0) 北京起重运输设计研究院随着现代工业自动化程度的不断提高，现场的各类数据和指令必须实时显示并及时处理，因此组态软件在工业生产中被越来越广泛地使用。组态软件必须具备稳定可靠的性能，在运行、维护状态下实现可视化监控和报警，数据信息的采集、保存和管理，以及报表的打印功能。通过为首钢京唐滚筒取料机设计人机界面，本文提出了一种实现组态软件监控、通信及信息管理要求的实用方法。 1 系统简介 该人机界面通过图形文字显示可以让使用者浏览生产的过程数据，并根据不同的数据信号，通过界面颜色和显示内容的变化，动态监视生产过程中设备的运行状态，并提供交互式的人机界面，以实现可视化控制和管理功能。界面报警管理系统将各传感器的状态实时呈现，可以为维护人员提供较为明确的维修指导和历史记录。 本系统的设备控制是基于ControlLogix L61型PLC完成的，PLC通过ControlNET网络与触摸屏和变频器进行通信。工控机与PLC通过Ethernet网络进行通信，和电力仪表之间采用RS485进行通信，示意图见图1。 图1 系统示意图 滚筒取料机所有机械设备的检测信号都通过开关量、模拟量和总线通信方式反馈到PLC中，通过可视化的人机界面，操作和维护人员可以选择工作模式，对行走、料耙、滚筒、带式输送机、电缆卷筒等主要机构进行监控，根据报警信息有针对性地处理故障，通过串口实现对供电系统的遥测，从数据库中选择不同时段生成工作日志和报警报表。 2 功能实现 在工程中需要使用RSView SE和RSView ME开发2套人机界面，分别安装在工控机和触摸屏上。二者功能基本一致，其中工控机用界面功能比触摸屏界面略多，本文以RSView SE开发的工控机界面为例，介绍人机界面的开发构思和方法。

人机交互UI设计概述

UI设计概述(2008-07-22 10:38:23)转载标签：ui概述流程it 分类：IT UI设计在项目开发过程中工作量最大、最艰苦也是最难以控制的阶段。不管一座大楼的设计蓝图多宏伟，若没有管道工、泥瓦匠、水电工等各种工匠一砖一瓦地艰辛积累，密切协作，这座大楼始终是空中楼阁、海市蜃楼。 一、界面设计 1）深入用户分析 要进行界面开发设计，用户分析是第一步。总所周知，进行任务和用户分析，以及相关调研的必要性和重要性。用户是计算机资源，软件界面信息的使用者，由于目前计算机系统以及相关的信息技术应用范围很广，其用户范围也遍及各个领域。我们必须了解各类用户的习性，技能、知识和经验，以便预测不同类别的用户对界面有什么不同的需要与反应，为交互系统的分析设计提供依据和参考，使设计出的交互系统更适合于各类用户的使用。由于用户具有知识、视听能力、智能、记忆能力、可学习性、动机、受训练程度、以及易遗忘、易出错等特性，使得对用户的分类、分析和设计变得更加复杂化。另外，为了设计友好而又人性化的界面，也必须考虑各类不同类型用户的人文因素。 在软件设计过程中，需求设计角色会确定软件的目标用户，获取最终用户和直接用户的需求。 用户交互要考虑到目标用户的不同引起的交互设计重点的不同。 例如：对于科学用户和对于电脑入门用户的设计重点就不同。 2）设定合理的交互方式 软件界面是人—机之间的信息界面，交互是一个结合计算机科学、美学、心理学、人机工程学等工业和商业领域的行为，其目标是促进设计，执行和优化信息与通信系统以满足用户的需要。 在交互过程中，交互设计关系到用户界面的外观与行为，它不完全受软件的约束。界面设计师以及决定如何与用户进行交互的工程师应该在这一领域深入研究。在界面开发过程中，他们必须贴近用户，或者与用户一道来讨论并得出结果，所以他们的工作是较为辛苦但是最具有意义的。 另一方面，界面与软件代码的生成，代码本身的意义以及功能的实现是紧密联系的。因此编译代码的人同样也应该在这方面做深入的研究。过去，编码人员只是单独地进行软件研发，而缺少必要的美学知识和界面专门技术来处理交互的问题。不幸的是，最终的结果往往不是用户所期望的。对于用户而言，最好的交互方式让程序员去实现往往是最难的，由此矛盾出现了，这使得很多专家或者工程师肤浅地应付一些交互方面的问题。以至于在软件开发完成之后，这些专家和工程师惊讶地发现，用户对他们所实现的特征感到一片茫然，不知所措，通常选用另外一种方式进行交互。不同类型的目标用户有不同的交互习惯。这种习惯的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的交互流程。 当然还要在此基础上通过调研分析找到用户希望达到的交互效果，并且以流程确认下来。 3）提示和引导用户

进行人机界面设计的研究

进行人机界面设计的研究 1.界面风格的设计控制台人机界面选用非标准Windows风格，以实现用户个性化的要求。但考虑到大多数用户对于标准Windows系统较熟悉，在界面设计中尽量兼容标准Windows界面的特征。界面使用的功能按钮选用MFC类库提供的CBmpButton类动态创建自定义位图图标的按钮。因为位图按钮可在操作中实现高亮度、突起、凹陷等效果，使界面表现形式更灵活，同时可以方便用户对控件的识别。但是，界面里使用的对话框、编辑框、组合框等都选用Windows标准控件，对话框中的按钮也使用标准按钮。控件的大小和间距尽量符合Windows界面推荐值的要求。 界面默认窗体的颜色是亮灰色。因为灰色调在不同的光照条件下容易被识别，且避免了色盲用户在使用窗体时带来的不便。为了区分输入和输出，供用户输入的区域使用白色作为底色，能使用户容易看到这是窗体的活动区域；显示区域设为灰色（或窗体颜色），目的是告诉用户那是不可编辑区域。窗体中所有的控件依据Windows界面设计标准采用左对齐的排列方式。对于不同位置上多组控件，各组也是左对齐排列的。 人机界面的布局设计根据人体工程学的要求应该实现简洁、平衡和风格一致。典型的工控界面分为3部分：标题菜单部分、图形显示区以及按钮部分，如图1所示。该界面界面美观，在屏幕上的对象左右达到平衡、不堆挤在某一处，无杂乱无章的感觉。数据的过分拥挤会产生视觉疲劳和接收错误。界面的平衡原则推荐显示屏幕总体性覆盖度不超过40％，而分组中屏幕覆盖度不超过20％。控制台人机界面中包含着大量的图形显示信息，因此将图形显示区布置在屏幕长宽各占屏幕70％左右的范围内，以保证显示信息的清晰和全面。控制按钮组布置在显示区的右侧，一方面是考虑到绝大多数操作者是右手操作用户，按钮区布置在最右侧更加方便；另一方面是根据界面布局的主次原则，把用户注意力最集中的左上区域留给图形显示区。 根据一致性原则，保证屏幕上所有对象，如窗口、按钮、莱单等风格的一致。各级按钮的大小、凹凸效果和标注字体、字号都保持一致，按钮的颜色和界面底色保持一致。 选择界面的概念取决于多个界面。可将界面设计为循环或FIFO缓冲器。

人机界面设计原则

1.以用户为中心的基本设计原则 在系统的设计过程中，设计人员要抓住用户的特征，发现用户的需求。在系统整个开发过程中要不断征求用户的意见，向用户咨询。系统的设计决策要结合用户的工作和应用环境，必须理解用户对系统的要求。最好的方法就是让真实的用户参与开发，这样开发人员就能正确地了解用户的需求和目标，系统就会更加成功。 2．顺序原则 即按照处理事件顺序、访问查看顺序（如由整体到单项，由大到小，由上层到下层等）与控制工艺流程等设计监控管理和人机对话主界面及其二级界面。 3．功能原则 即按照对象应用环境及场合具体使用功能要求，各种子系统控制类型、不同管理对象的同一界面并行处理要求和多项对话交互的同时性要求等，设计分功能区分多级菜单、分层提示信息和多项对话栏并举的窗口等的人机交互界面，从而使用户易于分辨和掌握交互界面的使用规律和特点，提高其友好性和易操作性。 4．一致性原则 包括色彩的一致，操作区域一致，文字的一致。即一方面界面颜色、形状、字体与国家、国际或行业通用标准相一致。另一方面界面颜色、形状、字体自成一体，不同设备及其相同设计状态的颜色应保持一致。界面细节美工设计的一致性使运行人员看界面时感到舒适，从而不分散他的注意力。对于新运行人员，或紧急情况下处理问题的运行人员来说，一致性还能减少他们的操作失误。 5．频率原则 即按照管理对象的对话交互频率高低设计人机界面的层次顺序和对话窗口莱单的显示位置等，提高监控和访问对话频率。 6．重要性原则

即按照管理对象在控制系统中的重要性和全局性水平，设计人机界面的主次菜单和对话窗口的位置和突显性，从而有助于管理人员把握好控制系统的主次，实施好控制决策的顺序，实现最优调度和管理。 7．面向对象原则 即按照操作人员的身份特征和工作性质，设计与之相适应和友好的人机界面。根据其工作需要，宜以弹出式窗口显示提示、引导和帮助信息，从而提高用户的交互水平和效率。 人机交互界面，无论是面向现场控制器还是面向上位监控管理，两者是有密切内在联系的，他们监控和管理的现场设各对象是相同的，因此许多现场设备参数在他们之间是共享和相互传递的。人机界面的标准化设计应是未来的发展方向，因为它确实体现了易憧、简单、实用的基木原则，充分表达了以人为本的设计理念。各种工控组态软件和编程工具为制作精美的人机交互界面提供了强大的支持手段，系统越大越复杂越能体现其优越性。 组态软件人机界面设计步骤 1.界面风格的设计 控制台人机界面选用非标准Windows风格，以实现用户个性化的要求。但考虑到大多数用户对于标准Windows系统较熟悉，在界面设计中尽量兼容标准Windows界面的特征。因为位图按钮可在操作中实现高亮度、突起、凹陷等效果，使界面表现形式更灵活，同时可以方便用户对控件的识别。但是，界面里使用的对话框、编辑框、组合框等都选用Windows标准控件，对话框中的按钮也使用标准按钮。控件的大小和间距尽量符合Windows界面推荐值的要求。 界面默认窗体的颜色是亮灰色。因为灰色调在不同的光照条件下容易被识别，且避免了色盲用户在使用窗体时带来的不便。为了区分输入和输出，供用户输入的区域使用白色作为底色，能使用户容易看到这是窗体的活动区域；显示区域设为灰色（或窗体颜色），目的是告诉用户那是不可编辑区域。窗体中所有的控件依据Windows界面设计标准采用左对齐的排列方式。对于不同位置上多组控件，各组也是左对齐 2．系统界面布局分析

人机交互界面设计

人机交互界面设计 UI设计 2009-09-18 17:57 阅读137 评论0 字号：大大中中小小 人机交互界面设计 作者：未知 来源：ChinaUI 1.设计原则 （1）用户原则。人机界面设计首先要确立用户类型。划分类型可以从不同的角度，视实际情况而定。确定类型后要针对其特点预测他们对不同界面的反应。这就要从多方面设计分析。（2）信息最小量原则。人机界面设计要尽量减少用户记忆负担，采用有助于记忆的设计方案。 （3）帮助和提示原则。要对用户的操作命令作出反应，帮助用户处理问题。系统要设计有恢复出错现场的能力，在系统内部处理工作要有提示，尽量把主动权让给用户。 （4）媒体最佳组合原则。多媒体界面的成功并不在于仅向用户提供丰富的媒体，而应在相关理论指导下，注意处理好各种媒体间的关系,恰当选用。（详见媒体的选择） 2.界面分析与规范 在人机界面设计中，首先应进行界面设计分析，进行用户特性分析，用户任务分析，记录用户有关系统的概念、术语，这项工作可与多媒体应用系统分析结合进行，囊括于用户分析报告里。 3.人机界面的类型 任务设计之后，要决定界面类型。目前有多种人机界面设计类型，各有不同的品质和性能，下图进行了详细的描述。 创造性地使用多媒体环境，将会使应用程序功能大大增强。要做到这一点,需从如下两方面考虑: 媒体的选择 (1)媒体的功能： 没有任何一种媒体在所有场合都是最优的，每种媒体都有其各自擅长的特定范围，各种媒体功能参考如下： ①文本：在表现概念和刻划细节时可用表现。 ②图形：擅长表达思想轮廓及蕴含与大量数值数据内的趋向性信息，在空间信息方面有较大优势。 ③动画：可用来突出整个事物，特别适于表现静态图形无法表现的动作信息。 ④视频影像：适于表现其它媒体所难以表现的来自真实生活的事件和情景。 ⑤语音：能使对话信息突出，特别是在于影像，动画集合时能传递大量的信息。 ⑥姿态与动作：在与别的媒体结合时具有较强的信息引用能力，可以在相关信息之间建立起时间、空间以及逻辑上的联系。 （2）媒体选择的结合与互补： 脚本设计可根据内容需要分配表达的媒体，这里要特别注意媒体间的结合与区别。提出几条原则如下： ①人们在问题求解过程中的不同阶段对信息媒体有不同需要。一般在最初的探索阶段采用能提供具体信息的媒体如语音、图像等，而在最后的分析阶段多采用描述抽象概念的文本媒体。而一些直观的信息(图形、图像等)介于两者之间，适于综合阶段。 ②媒体种类对空间信息的传递并没有明显的影响，各种媒体各有所长。 ③媒体结合是多媒体设计中需要研究的新课题。媒体之间可以互相支持，也会互相干扰。多

人机交互 界面设计一般原则的实践案例

实验三界面设计一般原则的实践案例 【实验目的】 通过上机实践体会界面设计的一般原则，从而增加对相关的界面设计模式的理解。【实验环境】 IE 5.0以上, 可以上网。 【实验要求】 参照实验指导给出的界面设计案例，自己去发现符合界面设计原则的案例。 案例来源可以是任何可以获取到的系统或应用。例：淘宝、百度、新浪、QQ、微信、人人网、相关网关、游戏、移动应用等。 尽可能是找正向案例，如果有合适的反向案例也可。 将“你的发现”记录下，有图有文有真相。 【实验指导】 (一) 界面一致性 设计模式 界面设计在同一个系统内保持一致；界面设计与常用软件、用户使用习惯保持一致 ?同一系统内界面风格保持一致。每种控件的只有一种样式：窗口、按钮、菜单、 对话框等；同一系统内字体、颜色、布局、位置、尺寸、间距等尽可能保持一种格 式。

界面风格（例：菜单组织、快捷键设计等）与常用软件、用户使用习惯保持一致 你的发现 ※导航一般会在页面的左侧和上方，界面风格与常用软件、用户使用习惯保持一致，同一系统内界面风格保持一致。 (二) 快捷方式 设计模式 对常用操作、烦琐的操作、突发状态下的操作、最近频繁操作等提供快捷操作方式。

?提供快捷方式，更快的操作入口，以减少查找时间。 ?最近频繁使用列表，更快的操作入口，以减少查找时间。 ?操作过程和步骤优化，去除不必要的按钮，以减少交互次数。 ?一键式、打包操作，以减少操作过程的烦琐 ?批处理操作，以减少重复操作。

?提供默认值（例：当天日期、用户常用选项等），以减少不必要的用户输入 你的发现 ※发邮件时，发件人自动显示，无需格外备注 (三) 错误处理 设计模式 对容易误操作的、操作会带来不良后果的、重大的错误必须要提供错误处理 ?错误预防、操作限制：不适当的菜单选项灰色显示、限制错误输入（例：数字域 限制字母输入）、可能引起损害的操作前的用户确认

如何在触摸屏人机界面设计方案中集成触觉反馈功能

如何在触摸屏人机界面设计中集成触觉反馈功能 由于具有操作直观、软件灵活以及节省体积与成本等优点，触摸屏正在逐渐替代键盘。这种转变带来诸多好处，也解决了许多人机界面(HMI)问题，但是由于缺乏用户使用机械按钮所具有的触觉反馈体验，触摸屏也引发了其它一些HMI方面的问题。最简单的解决方案是在触摸屏接口增加触觉反馈功能，从而同时提供触摸屏和键盘的最佳特性。 触摸屏vs.键盘 目前触摸屏已经侵吞了不少的键盘市场份额。工业市场调研公司Venture Development 统计报告显示，2006年触摸屏市场份额在2005年53.8%的基础上增长2.5%，键盘市场则下降3.6%至26.2%。 实际上无需看统计数据也能亲身体验到触摸屏市场的增长。它们无处不在：汽车、娱乐场所、消费类电子、工业控制、医疗设备、移动电话、POS系统以及提供从银行到售票等业务的自助服务亭。 &n bsp; 仅对移动电话市场而言，全球调研和咨询公司Strategy Analytics就认为，到2012年将有40%的移动电话会采用某种形式的触觉感应技术，而目前只有3%。包括苹果iPhone 在内的许多最新手机产品都使用了价格相当于键盘的大触摸屏。不过，也有不少观察人士认为与键盘相比，触摸屏还存在不便之处，即缺少触觉反馈。由于没有反馈，用户无法感知按键并确定“已完成了该动作”。

在一些应用中，缺乏触觉反馈引起的问题足以阻止机械开关向数字控制转换发展的进程。目前人们对使用触觉感应设备的需求非常强烈，设计人员也需要很好地了解触觉反馈技术给HMI带来的价值。 目前触觉感应技术已在消费类电子产品中引发一场革命，三星公司新推的SCH-W559就是一个很好的例子。但这种手机有别于其它大屏幕产品。SCH-W559所采用的技术能使虚拟屏幕按键具有真实、自然的感觉，并能为用户操作提供直觉确认。 除了能够解决现有触摸屏缺少触觉确认的问题，触觉反馈还有助于解决以下一些HMI 问题： 1)在阳光直接照射下，难以看清图形变化； 2)在用户触摸屏幕期间，目标经常模糊不清； 3)当在做其它重要事情时，比如开车或问诊病人，用户不可能一直盯着屏幕看；在周围环境嘈杂或需要安静的环境时，用户也不能依赖声音提示进行确认或指导。 图1：带触觉反馈功能触摸屏的三星SCH-W559。 图2：当用户触摸图形按钮时，触觉反馈系统可根据预编程的触觉效果驱动执行机构。