人机交互界面设计的方法与指南

人机交互技术

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界面的导航

标题：产品定位 版本：0.9

编号：未定义 保密等级：未定义

第1页 共7页

人机交互界面设计规范

（讨论稿）

文档状态：

[√] 草稿

[ ] 正式发布

[ ] 正在修改 文档标识： Hygrand-LNSP-RD-REQ

当前版本： 1.0

作 者： 赵云飞

完成日期： 2007-10-23

Hygrand

上海华冠电子设备有限责任公司

Hygrand Electronic Equipment CO., LTD.Shanghai 标题：产品定位 版本：0.9

编号：未定义 保密等级：未定义

第2页 共7页 1. 必须在编码之前完成，否则就成花架子了。

2. GUI规范不是一蹴而就，它和设计相互迭代，彼此补充，相互完善。

3. GUI规范的内容70％是通用原则，涉及产品图形控件的基本属性和构建的基本参数和原则，30％是与项目或产品特点相适应的内容，这部分内容就是在设计过程中迭代产生。

1. 概述

2. 通用指导原则

2.1. 易用性

理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。如按钮名称应该易懂，用词准确，要与同一界面上的其他按钮易于区分。

➢ 完成同一功能或任务的元素放在集中位置，减少鼠标移动的距离。

➢ 复选框和选项框要有默认选项，并支持Tab选择。

➢ ……

2.2. 规范性

通常界面设计按Windows界面的规范，即包含“菜单条、工具栏、状态栏、滚动条、右键快捷菜单”等的标准格式，界面遵循规范化的程度越高，则易用性相应的就越好。

➢ 工具栏的图标能直观的代表要完成的操作。

➢ 标签提示：字体为加重、宋体、黑色、无边框。

➢ 对齐方式：左对齐、一般文字、单个数字、日期等。

➢ 等待过程：在需等待时间较短(0-10秒)的情况下应将鼠标显示成为沙漏；当需10秒以上时，要显示进度条等。

➢ 菜单深度一般要求最多控制在三层以内。

➢ …… 标题：产品定位 版本：0.9

93艺术与设计

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

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

龙源期刊网

3D打印人机交互界面设计

作者： 黄雨琦 孙潇萌

来源：《消费导刊》2019年第08期

龙源期刊网

龙源期刊网

摘要：当今时代，科学技术发展迅速，虽然各种先进的自然人机交互产品陆续问世，但是人机交互技术仍处于研究发展阶段。由于触摸屏有着较强的人机交互功能，stm32f4开发板具有强大的外设功能。本课题依托江苏省三维打印装备与制造重点实验室，研究开发人机交互界面设计方案。本文主要介绍内容是设计并实现三维打印机的人机交互功能，同时设计出电机通用控制系统的人机交互界面文件。根据课题要求通过查阅资料与老师交流，明确设计流程。通过前期对开发板触摸屏，显示屏，sD卡的学习，采用Keil uVision5进行程序设计，经多次调试、修改，验证程序的可行性后再将硬件联结成系统，最后完善设计。设计的人机交互符合三维打印时的具体情况，界面友好、清晰，通过触摸屏可控制三维打印时电机的运转，达到了人机交互设计的要求。所设计的三维打印机的人机交互界面系统和电机通用控制人机交互系统实现了预期目标，验证了所提方案的正确性和可行性。

关键词：人机交互 界面设计 stm32f4开发板

一、绪论

（一）课题研究背景及现状

如今社会处在一个快速发展的阶段，随着一系列新技术的成熟和应用，人们的生活方式发生了快速而多样化的变化。近年来对人们影响最深远的核心技术群可以概括为新能源技术、新互联网技术以及新制造技术。而新的制造体系恰恰是连接人类社会基础形态与高度数字化的虚拟社会之前的桥梁。当前3D打印机中使用的控制器主要有ARM控制器和Arduino平台。其中Arduino是目前世界上在3D打印中应用最为广泛的开源平台，由于Ardulno简单的开发方式，提供了一个很好的平台结构，现在很多的MCU（ManagementControlunit）都可以应用在Arduino平台结构中，随着开源平台Arduino更好的发展，Arduino平台可以不受MCU限制，任何的MCU都可以应用到该平台中。除了这种开源简捷的平台外，开发者可以根据自己的需求选择处理器实现控制系统的开发，当前应用最为广泛的是ARM Cortex-M系列控制器，ARM系列的控制器具有丰富的外设和较高的工作频率，拥有兼容性好、高度集成、易于开发等优势，适用于一些要求较高实时性和计算速度的嵌入式应用场景，结合该控制器的特点，比较适合应用于3D打印。