人机交互技术在人机界面设计中的应用与前景

重庆邮电大学移通学院

学 生 实 验 报 告

实验名称： 典型软件人机界面设计评价

专业班级： 数字媒体技术 02141401

* 名： * *

学 号： *******xxx

实验日期： 2017.6.6

实验十：典型软件人机界面设计评价

一、 实验目的

（1） 了解人机交互的质量与要求与评测方法；

（2） 熟悉本书10.5节“软件人机界面的评价”介绍的评价指标与评价方法，并应用此方法对著名软件产品进行测试评价，提高自己对人机交互界面设计水平的鉴赏能力。

二、 工具/准备工作

需要准备一台带有浏览器，能够访问因特网的计算机。

三、 实验内容与步骤

表10-1 指定软件用户界面评价

软件名称 光影魔术手 软件大小 19.3 MB

软件版本 4.4.1 软件授权 永久免费

使用平台 XP / Vista / Win7 / Win8 评测时间 2017-6-6

序号 内 容 评 价

1很不满意 2不满意 3中立 4满意 5非常满意

屏幕

1 屏幕上字符的可读性 √

2 屏幕布局 √

3 各帧屏幕次序 √

4 色彩搭配 √

5 颜色使用是否改善显示状况 √

6 颜色搭配是否考虑色盲使用 √

术语和系统信息

1 整个系统术语使用 √

2 术语选择 √

3 使用的术语是否熟悉 √

4 术语与任务是否相关 √

5 缩略词用法 √

6 屏幕上的信息 √

7 屏幕上说明性的描述或标题 √

8 重要信息是否突出 √

9 信息组织的逻辑性 √

10 屏幕不同类型信息的区分 √

11 用户输入信息的位置和格式 √

人机交互技术

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界面布局 Web界面的色彩

Web界面的字体

Web界面的动画与多媒体

Web界面的导航

山东大学硕士学位论文

摘要

人机交互学是一门关于设计和评估以计算机为基础的系统而使这些系统能够

最容易的为人类所使用的学科．一个成功的计算机系统离不开一个成功的用户界

面，评估有助于了解用户需求，从而建立起更好的用户界面。本文对人机交互界面设计进行了介绍、研究，重点研究了人机交互界面的评估和可用性测试，分析

了已有的各种测试模型，并结合ＧＯＭＳ模型通过对影视网站“山东广视网”人机界面的评估，对已有的ＧＯＭＳ模型的子模型进行改进，提出一种新的预测模型—

ＣＯＭＳ执行层次量化模型．最后做了“影视网站用户满意度调查，和“校园网用户

界面可用性测试”的两个评估。 本文第一章是绪论，讲述了本文的选题背景及意义和本文所做的工作。第二

章对人机交互设计作了简单介绍，讲解了界面设计的风格、设计中的重要问题和设计方法。第三章分析了现有的人机界面评估的技术方法，评估范型和评估框架ＤＥＣＩＤＥ，研究了专家评审和询问用户的评估方法。第四章和第五章是本文的重

点部分。第四章研究了人机交互界面可用性测试和预测模型，对已有的印ＭＳ模型

的子模型进行改进，提出一种新的预测模型一一｛ＯＭＳ执行层次量化模型。第五章结合上章中提出的ＧＯＭＳ执行层次量化模型，对本人所在单位山东广视网（影视网

站）“视频点播影片”这项任务的执行效率进行测试。并且通过ＱＵＩＳ（用户交互

满意度问卷）来测试网站界面的用户满意度．第六章通过问卷调查对校园网界面可用性进行了测试，分析了学生用户对校园网的满意度，进而对网站界面的性能

进行了分析，指出了其中的优点和不足。

关键字：人机交互、人机界面、可用性测试、启发式评估、步进法评估、

评估范型、评估框架、用户交互满意度问卷ＣＯ播

山东大学硕士学位论文

ＡｂｓｔｒａＣｔ

Ｔ七ｅｓｃｉｅｎｃｅｏｆｈ．叮如代泊ｍｐｕｔｅｒｉｎｔｅｒａｃｔ１ｏｎｉｓａｓｕｂｊｅｃｔｔｈａｔｄｅｓｉｇｎｓａｎｄｅＶａｌｕａｔｅｓｔｈｅｃ０ｍｐｕｔｅｒｓｙｓｔｅｍａｎｄｍａｋｅｓｉｔｅａｓｉｅｒｔｏｂｅｕｓｅｄｆｏｒｂｕ叹切目ｂｅｉｎｇｂａｓｅｄｏｎ

93艺术与设计

摘 要：界面作为一个传达信息情感的工具，现在越来越多的应用在产品和计算机等领域，例如手机菜单的设计、计算机软件界面的设计以及网页设计等等。“交互”，是指人与设备、系统、网站等的直接间接的通讯过程。作为界面设计的一个重要部分，交互设计的好坏直接关系到产品的成功与否。关键词：交互设计 界面设计 应用Ａｂｓｔｒａｃｔ：　Ａｓ　ａ　ｔｏｏｌ　ｔｈａｔ　ｉｎｆｏｒｍｓ　ｔｈｅ　ｉｎｆｏｒｍａｔｉｏｎ　ｅｍｏｔｉｏｎ，　Ｔｈｅ　ｉｎｔｅｒｆａｃｅ　ａｒｅ　ｍｏｒｅ　ａｎｄ　ｍｏｒｅ　ｕｓｅｄ　ｉｎ　ｔｈｅ　ｒｅａｌｍｓ　ｏｆｐｒｏｄｕｃｔ　ａｎｄ　ｃｏｍｐｕｔｅｒ，　ｓｕｃｈ　ａｓ　ｔｈｅ　ｃｅｌｌｕｌａｒ　ｐｈｏｎｅ　ｍｅｎｕ　ｄｅｓｉｇｎ，　ｃｏｍｐｕｔｅｒ　ｓｏｆｔ　ｉｎｔｅｒｆａｃｅ　ｄｅｓｉｇｎ　ａｎｄ　ｗｅｂ　ｄｅｓｉｇｎ．“Ｉｎｔｅｒａｃｔｉｏｎ”　ｍｅａｎｓ　ｔｈｅ　ｄｉｒｅｃｔ　ａｎｄ　ｉｎｄｉｒｅｃｔ　ｃｏｍｍｕｎｉｃａｔｉｏｎ　ｐｒｏｃｅｓｓ　ｏｆ　ｐｅｒｓｏｎ　ａｎｄ　ｅｑｕｉｐｍｅｎｔｓ、　ｓｙｓｔｅｍ、　ｗｅｂｓｉｔｅ．　Ａｓ　ａｎｉｍｐｏｒｔａｎｃｅ　ｐａｒｔ　ｏｆ　ｉｎｔｅｒｆａｃｅ　ｄｅｓｉｇｎ，　ｔｈｅ　ｑｕａｌｉｔｙ　ｏｆ　ｉｎｔｅｒａｃｔｉｏｎ　ｄｅｓｉｇｎ　ｄｉｒｅｃｔｌｙ　ｒｅｌａｔｅｓ　ｔｏ　ｔｈｅ　ｓｕｃｃｅｓｓ　ｏｆ　ｔｈｅ　ｐｒｏｄｕｃｔ　ｏｒｎｏｔ．Ｋｅｙ　ｗｏｒｄｓ：　ｉｎｔｅｒａｃｔｉｏｎ　ｄｅｓｉｇｎ，　ｉｎｔｅｒｆａｃｅ　ｄｅｓｉｇｎ，　ａｐｐｌｉｃａｔｉｏｎＩｎｔｅｒｎｅｔ　检索：ｗｗｗ．ａｒｔｄｅｓｉｇｎ．ｏｒｇ．ｃｎ交互设计在人机界面设计中的应用

The Application of Interaction Designin Human-computer Interface Design∷褚中苇　ＣＨＵ　Ｚｈｏｎｇｗｅｉ 魏 东　ＷＥＩ　Ｄｏｎｇ∷北京科技大学