界面交互设计十篇

界面交互设计篇1

关键词：交互界面设计;视觉设计;方法

中图分类号：TP391.9 文献标识码：A 文章编号：1005-5312（2015）08-0077-01

人类社会由大工业社会向信息社会发展已成为必然，交互设计正是在此大背景下逐步发展并走向成熟。人们对交互设计相对陌生，但其设计产品已和我们的日常生活密不可分，例如现代人每天都要打交道的Windows操作系统的交互界面设计、神通广大的手机APP应用设计、银行取款机的交互设计等。

视觉界面设计需要设计师掌握基本的视觉要素的运用，并且必须了解如何运用这些要素来有效地传递行为和信息，创建来自于情感和内心的反应。虽然在视觉表达上总存在有设计师的个人主观成分，但在产品视觉界面设计中还是应将设计师的个人爱好降低到最小化，一切以良好的用户体验和为企业创造效益为主要目标。

视觉界面设计具体体现在三个主要方面，即界面的层次与逻辑关系、版式与网格以及颜色和文字。

一、逻辑关系与层次

从界面设计角度，在设计过程中，要理解产品需要向用户传达什么，也要明白用户认为产品应该传达什么，这是交互设计中的两个最关键问题。这就需要产品的程序要有逻辑性让用户清晰地了解以上两个问题，而这种逻辑性正是通过视觉界面来表现出来的，使产品具有逻辑性能让用户感受到清晰且友好的体验。而使产品具备逻辑性就需要产品有明确的视觉层次关系，运用科学的视觉规律将元素分组是达到清晰的视觉层次结构的好方法。

首先，要确定的是产品的定位是什么，及产品是为用户提供什么服务的，这就决定了这类产品的主视觉是什么类型的，例如，若产品是一款为儿童设计的游戏，那么整个界面就可以多一些色彩以及较卡通的文字等元素。但儿童类游戏风格相较活泼并不意味着杂乱无章，要进行合理的视觉元素的分组，使得产品富有逻辑性。在分组中，要将功能类似的按键分为一组，并且在用户行为上连续在一起的按键尽量摆放的位置相近，以免造成用户多余的行为动作。

二、版式与网格

交互界面中网格的建立就好比一栋建筑在建造前期需要搭建的钢筋结构一样，网格的设置直接影响着网页的版式，一个合理的网格能够清晰、准确的表达网页中的信息。

网格的建立不但在平面设计上还在交互界面设计上都为设计师在排版中提供很大的便利，并且在完成一款交互产品时会涉及到对多个界面进行统一设计，这时网格就起着大大提高效率的并赋予用户良好体验的作用，所以网格已经成为设计师在编排界面时最重要的工具。

三、颜色和文字

颜色的属性很大程度上影响着界面的主视觉，明快的色彩给人以活泼的感觉，也有较强的颜色倾向，对于使用用户是普遍大众的界面，就不太适合使用色彩倾向较明确的颜色，若用户群体相对较明确，可以针对用户群体来设定颜色的倾向。

在界面设计中色彩氛围对用户的感受、行为起很大的影响作用，色彩氛围指的是由多个色彩营造出的一种氛围，多个色彩共同组成的整体色彩氛围给人以特别感受，一般在一个界面中，需要有一个主要的基本色彩。通常情况下，一个页面中面积较大色彩的数量不易过多，避免干扰用户对功能上的理解及使用。

字体作为传播信息和文化的重要载体，在选择页面中起着关键性作用，当文字以段落的形式出现时，它在视觉上所呈现出来的是一个灰色的色块，仔细发现，色块中黑色的是文字，白色的是文字间以及文字里的白色空隙，当黑色与白色区域在灰块中呈现均匀分布时，视觉上会呈现一种平衡感和稳定感，人们在阅读文字时会感到舒适。当前网页中多数使用微软雅黑等无衬线字体，该字体使白色区域更加均匀，看起来更加规整。

总之，用户界面设计中涉及到的视觉问题基本涵盖在以上这三个方面，界面的视觉设计是在界面交互设计的基础上进行的，是在美学、符号学以及格式塔心理学的宏观引导下，通过一定的视觉设计方法与原则对界面具体的视觉要素与内容进行设计的过程。与此同时，视觉设计活动还受到用户目标的影响。

界面设计涉及到实用美学的理论。用户对应用界面美的体验是全方位和多维度的，正如约翰・杜威（John Dewey）将审美经验视作一种整体性、完整性和丰富性的体验过程。要真正做到合理有效的交互界面设计需要交互界面设计师有着对“美”的敏锐的感受力、观察力以及丰富的交互设计知识、用户体验知识，时刻以带给用户良好的体验为出发点进行设计。

参考文献：

[1]罗仕鉴，朱上上，孙守迁.人机界面设计[M].北京：机械工业出版社，2002.

[2]唐荣锡，汪嘉业，彭群生，汪国昭.计算机图形学教程[M].北京：科学出版社，2005.

[3]梁景红.个性化网页设计与鉴赏[M].西安：西安电子科技大学出版社，2003.

界面交互设计篇2

【关键词】交互设计；用户行为；界面设计

在信息爆炸的时代，互联网已经成为人们生活中不可或缺的一部分。利用互联网，人们可以进行网络交流，购物，导航等等行为。人们通过网络获取自己需要的信息，在网站消费的过程就是一种交互的体验。我们选择商品，进行点击，然后计算机界面上出现商品的信息，这就是界面给用户的反馈。

1、交互设计的定义

交互设计指的是“设计支持人们日常工作和生活的交互式产品。[1]交互设计由比尔·模格里奇提出的。交互设计是一门解决信息化产品使用问题的设计学科。与其他设计学科相比，交互设计更注重用户的需求与体验，可以说，交互设计是为用户服务的设计。苹果产品的成功也归功于其成功的交互设计。

2、交互设计的发展和现状

随着网络时代的到来使人们的生活、工作和学习发生了翻天覆地的变化。现在的人们可以足不出户就买到自己想要的物品，通过网络进行学习，交流，通过网络进行各种金融买卖。交互设计成了是这些信息化产品产生的最好手段。

现今的交互设计已经分布在各个邻域，如儿童用品、生活用品等。从最早的摩托罗拉到现在的iPhone，手机经历了按键到触摸的过程，可以说新的触摸方式更好地提供了用户的交互体验。

3、用户行为在交互设计中的地位

3.1用户行为的概念

交互设计的对象是人，是为人的使用而进行的设计。具体考虑一个交互设计作品时要考虑到用户对周围环境的反应。例如在设计玩具时，必须考虑到儿童的年龄段，他们对色彩的喜好等。用户行为就是用户在使用交互产品时的动作行为和对产品的反馈行为。

用户行为规律可以概括为七个相互联系的行为阶段：[2]

1）建立目标；2）形成意图；3）指定动作序列；4）执行动作；5）感知系统的状态；6）解释系统的状态；7）相对于目标和意图对系统的状态进行评估。

首先，用户必须有一个意向目标。该意向本身不一定是确定的，所以在动作执行前，意向需要转化成特殊意图，并进一步转化为实际的工作方案。在用户实际执行指定的动作序列后，用户需要感知新的系统状态，并由用户的心理去解释这个系统的状态。如果此时系统的状态已经反映了用户的目标，可以说交互完成。不然，用户就要重新形成意向目标，重新循环过程。

以淘宝购物网站为例，假如用户身份是一位母亲，她要上网为自己的子女选购一个“膳魔师儿童保温杯”。她的目标是一个儿童用的保暖杯。有个这个目标后，这个母亲就上淘宝网进行购物，形成意图。她在淘宝的购物行为包括：1）登录淘宝2）进入淘宝商城3）点击品牌导航，找到居家生活后，进入膳魔师的品牌专卖店，找到儿童系列；4）购买保温杯。作为品牌的旗舰店，网页界面设计比较专业。用户只要找到左侧的导航栏，就可以看到儿童系列。这是用户对新系统的感知阶段，并根据自己的需求去解释系统的状态。

当然，完成这一系列购物流程的前提是这位母亲必须是淘宝的老客户，并对淘宝的设置非常熟悉，不然是不容易找到膳魔师的品牌专卖店的。很多商品的质量是无法光从产品描述和产品图片上进行辨别的。这是现在众多购物网站的软肋。用户也在这一交互行为中感到迷茫。

3.2研究用户行为的意义

著名交互设计师艾伦·库珀（Alan Cooper）指出，交互设计的过程至少需要在程序工程师的支撑下完成，一般应该由交互设计师观察用户并确定产品的使用方式。[3]

对用户来说，交互设计是一种让产品成为信息，它致力于了解目标用户和他们的期望，了解用户在同产品交互时彼此的行为。因此研究用户的行为是使交互设计成功的关键。将现实生活的人的生活习惯、心理特性融入到设计中，才能使产品更容易为人服务。

4、交互设计与用户界面设计

4.1交互设计与界面设计的关系

交互设计与界面设计是两个不同的概念，交互设计并不等于界面设计，两者结合在一起相辅相成。界面设计师只有与交互设计师共同合作，才能设计出完整的交互产品。可以说，界面设计是交互设计的一个环节，其目的是对界面的构架结构，风格设计进行设计。

4.2用户界面视觉设计

当用户点击界面时是该用户视觉流程的表现过程。用户界面是人机交互的一种工具。例如手机界面的快速发展，按键被触摸屏的界面所取代。经过设计师之手，手机界面也由原来的单一的文字界面转变为现在丰富多彩的图标界面。

所谓界面视觉设计又简称GUI，是Graphical User Interface 的简称，即人机交互图形化用户界面设计，它由桌面、视窗、单一文件界面、多文件界面、标签、菜单、图标、按钮部分组成。[4]

4.3界面设计中的用户体验

对用户来说，好的界面应该好用安全。复杂的界面对任何用户来说都是一个失败的设计。在做界面设计时，必须考虑到用户的年龄层。特别是购物网站，因为消费的对象可以是各年龄层的人，并不一定是年轻人，所以操作的界面应该简单、易记。

如用户要买一个保健枕。在打开网页选择前，用户打算购买“博洋家纺”品牌。在搜索的同时，用户会发现在网页界面上有很多功能是一个普通用户所不了解的。太过复杂的搜索功对于想要节省时间的用户来说，也会占用用户太多的时间。对于年纪较大的用户来说，复杂的搜索功能只会增加不便。因此可以多设计些简单的图标，像IPAD的界面一样，简单而容易记忆。

界面交互设计篇3

引 言

当今的产品设计不仅作为审美观念阐释，而更多的关注人类的情感与行为以及对社会发展进程的预测与控制，而交互设计正是链接艺术与生活、科技与时尚的桥梁和纽带。现代产品的功能日趋复杂，所呈现的信息量剧增。大多以触摸屏为操作界面，并且搭载了智能系统，人们在使用的时候感到有挫折感。在体验经济中，设计的目的并不仅仅是设计一种创新的产品，消费者消费的不再是只局限于实实在在的产品造型、功能和触觉，而更多的是一种感觉，一种非物质层面上的生理、心理的体验，享受设计带来的乐趣和新感觉。

设计现状分析

当下界面设计领域在苹果公司引领下流行华丽的、半透明的界面设计。很多产品在界面实验上花了很大的气力来增强界面的视觉冲击，但这也是出现问题的根源。伴随着巨大运算量，使得当时大多数电脑无法很好的兼容。首先，用户的机器性能参差不齐，其次，多数用户通常会使用一台电脑实现多任务的功能操作，安装大量的应用软件，最终使得电脑系统臃肿不堪。可见功能对于用户来说是排在首位的，因此做好界面设计与软件性能的平衡非常重要。

交互界面设计原则

随着科技的发展，电子设备成为人类生活及交流的重要工具，软件界面作为人机交互的窗口，决定着用户的体验和使用效能，界面设计已经成为一门重要的设计学科[1]。交互界面设计方法包括数据如何在平面上与自身交互，以及用户与数据操控和展示之间的交互。

1. 功能至上

亨利・凡・德・威尔德明确提出了“功能第一”的设计原则，奠定了现代设计理论的基础。美国芝加哥建筑派的领军人物路易斯・沙利文，他提出“形式服从功能”设计原则[2]。 “功能至上”在界面设计中的具体意义就是要以软件的主要功能为核心，试想如果软件连最基本的功能都不能实现或者不能高效流畅实现的话，再华丽的界面都是多余。因此，“功能至上”应当作为软件界面设计的基本原则被遵守。

2. 简约直观

设计师制作交互界面、交互系统是为了让人们能够通过对界面的操作来完成他们想要做的事，而不是只为了创造视觉上的感受。从根本上讲，一个好的界面设计应该拥有明确的视觉导向系统，能够很好的引导用户去浏览需要的资源。一个是否具有人性化设计的界面，直接关系到应用系统的性能能否充分发挥。

3. 可持续意义

近年，设计界越来越重视关注人类长远发展可持续设计[3]，界面设计目的就是服务于用户，给用户带来极佳的使用体验。优秀的界面设计要通过长效发展设计的系统概念，深入分析用户可持续的使用行为与消费心理，通过围绕核心任务，满足视觉方面的用户体验要求的同时，更要保证与产品匹配的效能与效率，进而减少产品制作与实现过程所消耗的时间成本，深度考虑产品更新换代的可移植性等方面，进行系统可持续的设计规划。

4. 情感化意义

情感是人类所特有的，也是最丰富和最能够表达人的内在欲望的。界面设计是一个比较复杂的学科，在心理学、设计学、语言学等学科都充当着重要的角色，情感化设计最终的目的也在于把握用户的情感，诱发潜在的购买欲望，不仅使用户能够获得心理上的情感愉悦，也让商家达到获得最大利润。所以，将“情感化设计”理论导入到交互界面设计中这一想法，不仅符合交互界面设计的根本要求，也更好的体现以人为本的“人性化设计"这一设计理念。

5. 用户参与行为

设计界面是被用户使用的。所以在设计过程中要时刻贯彻以用户为中心。其核心理念就是：用户清楚他们需要什么样的产品和服务，最清楚他们的需要和使用偏好，而设计时就要根据用户的需求来进行设计，主张用户参与产品的设计的全过程。交互设计思想在领域的影响不断深入，优化了产品设计部门及人员构成，提出工业设计师、交互设计师与其他设计人员共同协作的以交互设计思想为核心的设计流程，它为设计开发提供了一条新的思路。

结 论

界面交互设计篇4

关键词：运动APP；现状交互界面

一、运动类移动客户端的市场现状分析

随着“大数据”时代的到来，运动类APP的设计初衷是让“互联网+运动”影响用户的日常生活，让健身变得更有效率，更有乐趣，让更多人陆续地加入运动健身的行列。正因如此，运动类APP如雨后春笋般崛起，也使得运动类移动客户端的市场现状存在以下两种主要现象：

（一）现象一后知后觉

在中国沐浴了移动互联网春雨的洗礼之后，涌现了大量与生活有关的移动客户端，这些客户端大多服务于人们的衣食住行，其中运动类APP是从娱乐市场中细分出的一个分支，而且随着用户的需求，越分越细，随之而来的是对视觉界面的要求也越来越高。在这个充满各种机遇的平台里，大量的运动APP产品推陈出新。这些运动APP部分出自“UI美工”和非专业转行设计师之手，这类人大部分都缺乏设计师该有的基础知识与设计思维，导致部分运动类移动客户端的界面设计表达都停留在表面。但也不乏来自设计专业人士的运动类UI作品，他们的一些观点运用在了运动APP的交互界面上，同时对于交互设计的理解认识深刻，所设计的界面体现了舒适的交互体验与精美的视觉界面，甚至广受世界用户的追捧。

（二）现象二 良莠不齐

良莠不齐这种现象出现在大部分的移动客户端的市场，在运动类APP界面当中尤为严重，甚至同质化。在手机软件平台上搜索“运动”类别，一下子就有数百个相关应用跳出来，“咕咚”、“悦动圈”、“乐动力”等等。几乎所有的APP都能计算并显示行走线路、走了多少步、消耗了多少卡路里，既可以查看自己的运动历史和统计，还提供健身常识和制订健身计划。

二、运动类移动客户端交互界面设计特点

运动类移动客户端的交互界面能够决定用户的好感度，而独具自身特色功能会更受欢迎，现就国内两款主流运动APP的主界面和功能的设计特点进行分析。

（一）Keep交互界面

专注室内健身的Keep给人的第一印象就是整个界面非常简洁。最大的亮点是启动闪屏，在首次运行时给人感觉就非常惊艳；其次，软件服务内容大部分都是健身视频，以及附带的社交功能，最新版也整合了跑步记录功能，整体界面完成度很高；对于细节的把控也很仔细，高质量banner、图片对于Keep视觉效果提升很大。略显不足是颜色的选用并没有体现与运动健身的关联，也没有针对不同的平台定制不同的规范。 KEEP的主要受众是平时工作太忙，没有时间去健身房，家里又没有器械的白领；健身房没有私教指导，不知道如何安全正确地开始健身的初学者。Keep根据用户场景、健身目的、有无器械编排各种训练计划，4分钟也可以完成一次健身训练；所有动作均配有视频，标准的动作演示和精确的语言描述带用户快速入门。

（二）悦跑圈APP交互界面

悦跑圈是一款专注于跑步运动的APP，整个界面给人的感觉相对于KEEP来说会专业很多，因为跑步运动数据比较繁杂，在主界面需提供给较多的信息，因此排版起来难度会比keep这种有大量图片素材使用的困难一些。但就目前看来，悦跑圈的表现还是不错的，整个界面给人繁而不乱，小图标的雕琢也非常精致，最好的是装备添加界面，是整个APP中设计感最强的界面了，正因为这个漂亮的界面使得用户非常想体验这个功能。

三、运动交互界面的策略原则

（一）布局合理

布局一般是指APP整体的功能架构，由UX Designer绘制线框图进行规划。合理的界面布局既可以增强用户的交互体验，也可以减少用户对于新软件的学习成本。目前市面上Android手机使用了虚拟导航栏，虚拟导航栏常驻于屏幕底部，占据了大面积的舒适触控区域。如果布局设计不恰当会直接导致产品使用上的缺陷，这种设计方法不仅是突破国产主流APP规则的尝试，也是对国外优秀交互体验设计的认同。

（二）细化场景

细化产品的使用场景，是指应用被用户所启动时解决问题的途径。前期规划时需要提供可以完成用户需求的功能。结合适合的输入方式，帮助用户在某个场景里使用最少的操作完成任务。比如，用户哪些时间会使用移动端？答案是用户会在记录跑步过程时用到查看附近跑友的活动，启动运动记录功能等，所以，这些功能都不应该被分散的太远，方便用户快速切换。这既能让软件看起来更加的操作简易，智能化的体验也能增加用户的粘性。

（三）减少输入

最常用的减少输入方式就是提供常见的选项给用户备选，并不是一味削减界面的操作按钮，而是应该在界面按钮与操作效率中寻找平衡。以电视机遥控器设计为例，早期的电视遥控器拥有大量的实体按钮，此类设计的优势便在于用户花费较多时间掌握了这个遥控器后可以快速的调用自己所需的功能。@就是最基本方便用户寻找内容时提供指引减少输入。

界面交互设计篇5

关键词：数据分析系统；交互界面；MFC；串口通信；USB通信

中图分类号：TP393 文献标识码：A 文章编号：1009-3044（2013）12-2798-04

目前在激光准直、测角、自动跟踪等精密光电检测系统中，探测目标位置的连续变化已经变得非常重要。位置敏感探测器（Position Sensitive Detector，PSD）是对入射到光敏面上的光斑能量中心位置敏感的光电感应器件，可以利用少数几个输出光电信号的相对程度来计算位置信息。由其构成的数据分析系统具有位置分辨率高、响应速度快等特点[1]；四象限探测器（Four-Quadrant photodetector，QPD）通过比较四个象限的电流来确定光斑中心在二维平面上的位置坐标，其数据分析系统可以探测目标位置的连续变化，具有位置分辨率高、响应速度快、调节方便等特点[2-3]。该文在对光电位置敏感器件构成的数据分析系统研究的基础上，开发了一套上位机软件界面。该上位机软件交互界面设计了供用户选择位置敏感器件型号及输入系统修正参数的窗口，通过对串口通信和USB通信方法的研究，设置了上下位机通信控制部分，同时，设计了光斑中心位置数据文本直观显示、模拟坐标绘制、历史信息保存模块，及设备状态显示模块。软件功能全面、界面友好、操作直观、方便，且适用于其他型号的位置敏感器件数据分析系统中。

1 开发工具简介

Visual C++ 6.0拥有强大的功能和友好的界面，能为用户提供一个良好的可视化开发环境，它将程序和资源的编辑、编译、调试和运行融为一体，且提供了大量的程序开发工具。MFC是它一个庞大的类库，实现了标准的用户接口，提供了管理窗口、菜单、对话框的代码，可实现基本的输入/输出和数据存储，为用户开发Windows应用程序建立了一个非常灵活的应用程序框架[4]。

在MFC中对消息的处理利用了消息映射的方法，该方法的基础是宏定义实现，通过宏定义将消息分派到不同的成员函数进行处理。因此，在这种机制的支持下，MFC具有强大的消息处理能力[5]。

借助VC++提供的软件代码自动生成可视化资源编辑的功能及MFC消息映射机制，可以很便捷地开发上位机软件交互界面。

2 交互界面设计

上位机软件交互界面包括供用户选择位置敏感器件型号及输入相应修正参数的窗口部分，上下位机通信控制部分，数据/设备状态显示部分。

2.1 供用户选择输入的窗口设计

利用下拉式列表框控件提供供用户选择位置敏感器件型号的窗口。通过给其连接变量m_Type，利用m_Type.AddString（）函数为列表框添加选项，m_Type.SelectString（-1， "HY1315（Active area 1.3*15mm）"）函数添加默认选项。软件通过m_Type. GetCurSel（）函数获得用户的选择，完成相应量程及坐标轴范围的改变及显示。利用编辑框控件提供用户输入增益及修正系数的窗口，以完善数据处理[6]。

2.2 上下位机通信控制模块设计

上下位机通信控制模块是数据分析系统实时数据采集的核心部分。设计中采用了串口通信和USB通信两种方式进行数据采集与传输。其中，串口通信用于测试，USB通信用于实际数据传输。

图1 USB通信流程图

2.2.1 串口通信控制部分

利用单选按钮控件提供串口号选择窗口，通过函数GetCheckedRadioButton（）获取串口号。通过按钮控制串口设备的状态，按钮交互的实现，通过MFC类向导对按钮按下时，触发消息BN_CLICKED进行拦截，并重写对应的消息处理函数On*Button（），在函数中完成相应按钮的功能。串口控制区中，“Open”、“Close”按钮对应的函数在获取用户选择的串口号后，分别完成对应串口的打开及关闭功能；“Start”、“Stop”按钮通过控制参数m_SPStop控制串口通信的开始与否。借助串口类成员函数OnComm（）实现接收字符及相应数据处理的功能[7]。

2.2.2 USB通信控制部分

USB通信接口具有即插即用的特点，方便与微处理器进行联机通信，同时USB的通信效率要远远高于RS232、RS485等通信接口。USB通信控制部分通过按钮控制数据传输，根据用户选定的位置敏感器件型号，进行相应的数据处理。通信程序流程图如图1所示。

“Link”按钮通过标志位m_OpenFlag控制设备是否连接。“Start”和“Stop”按钮通过标志位m_stop控制数据接收与否。“Suspand”按钮通过参数m_pause控制数据传输的暂停和继续，当按下该按钮时，按钮改变为“Continue”字样，同时通过调用Invalidate（）函数使整个客户区无效，这时Windows会在应用程序的消息队列中放置WM_PAINT消息，MFC为窗口类提供了其消息处理函数OnPaint（）；当再次按下该按钮时，OnPaint（）函数负责重绘窗口，从而重新进行数据传输。

上下位机的数据通信通过直接调用CH375DLL.dll动态链接库实现。CH372是一款USB总线的通用设备接口芯片，是芯片CH375的功能简化版，硬件成本更低，且完全兼容CH375，可以直接使用其WDM驱动程序和动态链接库。CH372在计算机端提供了应用层接口，即由动态链接库DLL提供的面向功能应用的API，包括：设备管理API、数据传输API及中断处理API。设备管理API包含了打开设备函数CH375OpenDevice（），关闭设备函数CH375CloseDevice（）；数据传输API包含了读取数据块（数据上传）函数CH375ReadData（），写出数据块（数据下传）函数CH375WriteData（）等[8]。

2.3数据/设备状态显示设计

上位机软件在数据传输过程中，借助CString类成员变量stateinfo直观显示设备状态。数据接收处理后，借助Format（）函数，以文字形式直观显示光斑中心位置的横纵坐标值，利用绘图函数在模拟坐标中显示光斑位置。借助文件实现数据历史信息保存的功能，关键代码如下：

GetDlgItem（IDC_RECEIVE_EDIT）PostMessage（WM_VSCROLL，SB_BOTTOM，NULL）；

CString strPath；

图2 HY1315系统调试结果图

GetModuleFileName（NULL，strPath.GetBufferSetLength（MAX_PATH+1），MAX_PATH）；

strPath.ReleaseBuffer（）；

//此时strPath内容为工程文件全路径，如：E：＼TestPro＼Exam＼ Test.exe

//以下函数作用是获取最后一个"＼"的位置

图3 四象限探测器系统调试结果图

int nPos=strPath.ReverseFind（'＼＼'）；

//开始取全路径

strPath=strPath.Left（nPos+1）；//此时strPath保存为当前工程的全路径，如：E：＼TestPro＼Exam＼

//保存文件

CFile m_rFile；

if（！m_rFile.Open（"Rec.txt"，CFile：：modeCreate | CFile：：modeWrite）） {

AfxMessageBox（"创建记录文件失败！"）；}

m_rFile.Write（m_Receive，m_Receive.GetLength（））；

m_rFile.Close（）；

3 实际调试结果

上位机软件设计完成后，运行程序，选择位置敏感器件的型号为默认选项，即一维位置敏感探测器HY1315，连接其对应的系统设备，输入需要的增益参数，选择串口号，单击串口控制区“Open”按钮打开串口，“Start”按钮接收数据，此时上位机界面数据、设备状态显示，模拟光斑坐标结果如图2所示。再次运行程序，选择四象限探测器型号，即QP36（Active area 6*6mm），连接相应系统设备，单击USB通信控制区按钮，可以控制数据传输设备的状态，单击“Link”按钮打开设备，“Start”按钮接收数据，此时上位机软件界面结果如图3所示。

4 结束语

针对位置敏感器件构成的数据分析系统，通过对串口通信和USB通信方法的研究，借助VC++提供的软件代码自动生成可视化资源编辑的功能及MFC消息映射机制，设计了上位机人机交互界面。调试结果证明，该界面能够实现用户选择输入，实现数据的上下位机通信传输，直观显示数据，准确绘出光斑在模拟坐标中的位置，完成光斑位置的历史信息存储。设计为数据分析系统提供了一套功能全面、界面友好、操作直观、方便的上位机软件。应用中只需修改对应的数据处理，即可应用到其他类似的数据分析系统中，很大程度上增强了系统的实际应用性。该界面已用于PSD及QPD数据分析系统试验箱中。

参考文献：

[1] Henry J，Livingstone J.Improved position sensitive detectors using high resistivity subs- trates[J].J Phys D ：Appl Phys ，2008，41.

[2] Liu Yun，De Xu，MinTan.A new pre-alignm ent approach based on four-quadrant-photo- detector for IC mask[J].International Journal of Automation and Computing，2007， 4（2）： 208 -216.

[3] Guo Li，Zheng Shuang.A high-performanc -e smallsignal amplifier[J].Journal of Northe-ast Agricultuial University，2005，12（2）：141-145.

[4] Wang Ziying.The design of scene simula- tion system based on MFC programming fra- mework[J].Advanced Computer Control （ICA CC）.2010，V3： 302-305.

[5] 潘恒.基于VC++/MFC的麻将牌连连看程序设计.[J]科协论坛：下半月，2011，25（5）： 53-54.

[6] 揣锦华.面向对象程序设计与VC++实践[M].西安：西安电子科技大学出版社，2005：201-204.

[7] Rong Jian，Zhao Cuilian，Fan Zhijian，et al. Realistic 3D face reconstruction based on VTK and MFC[J]. Optoelectronics and Image Processing 2010，V（2）： 145-149.

界面交互设计篇6

【关键词】信息架构 交互设计 人性化 智能

1 信息架构的意义，运用以及发展

理查德・所罗・乌曼提出了“信息架构”这个名词，它是通过数据库设计得来的，通俗的讲就是合理的组织信息的一种方式，它是运用计算机技术并在信息架构方法的基础上组织和管理信息的一个专门学科。在信息的环境下，影响系统的分类、导览、组织标签的组合。它最主要的任务是为用户与信息搭建畅通的桥梁。

信息架构就好像建筑的结构一样，好的信息架构，可以让使用者更快速、更便利的了解和获取所需要的资料；不好的信息结构，则会让人们失去方向，身陷迷宫里。若网站的信息架构设计好，就会有更多的访问者停留在此，那么就可以提升网站的影响力和价值，例如影响民众思想、提升教育用途、提高商业用途等；但是如果信息架构设计的不好，就要用更多的金钱和时间去弥补访客的流失。所以信息架构设计影响到了价值的回收和成本的付出。

1.1 信息架构的运用

在我们的日常生活里，在我们的网络世界中所有的网站都有信息架构。信息架构的时效性不是短暂性，最终的目的是为用户获取信息，它是一个强大的信息库。信息结构所涉及的内容十分的广泛，如人们的如衣食住行：找对象、找工作、找汽车、找房子、找餐馆、找商品。人们的精神生活：音乐、电影、书等，都与信息架构有着重要的关系。

网站里的信息架构已经成为很多IT网络人士所关注的重点，所有的网站都与信息有密切的关系，信息架构是对信息系统本身进行梳理，交互设计就是对系统与人之间的对话进行解决的方式，信息架构与交互设计是一个对立的领域。信息架构也是有规律的，它是一种信息的流通，对于这种产品如何进行设计如和整理需要专业人员进行处理。在信息架构中所遇到的各种信息和问题要通过各种方式去解决，才能让信息快速的流通。

1.2 信息架构的发展

在网络迅速发展的时期，信息架构与人类是分不开的，两者是同步进行的，在《web信息架构》里没有人实时的影响到系统，而这些都是有交互关系存在的，在UGC里，很多用户都会将自己的信息提供出来，从而在这些信息的基础之上发挥人们的思维和想法，通过一定的规则按照内容组成合理的索引方式。从而使用户对内容的了解更加深入，许多网站是需要用户自己去提供资料，所以在信息架构方面就要有更多的考虑才能让网站良好地发展下去。

2 智能手机界面的意义

随着Andriod、ios和windows mobile等系统的研发与运用，传统手机已经被智能手机所替代。智能手机最主要的操作平台就是用户界面，而用户界面里最重要的组成部分就是图标，图标是用户认知的一个过程，在这个认知过程中，图标越来越复杂已经成为了一个问题，这就需要专业人士对图标的交互性和人性化进行研究，从而解决更多的问题。

2.1 手机界面中的图标

智能手机拥有开放式操作系统，可以处理一些复杂的信息，可以接收无线网络以及第三方应用软件功能的手机。智能手机与传统手机的不同之处就是，智能手机更注重软件与硬件上的功能为用户提供的交互式体验。在智能手机取代一些传统手机的情况下，按键设计也被触屏式界面所取代，触屏界面最主要的特征就是图形化界面。图标为手机设计的一个最主要的方向，同时也是信息传播最重要的载体。图标与图形是不一样的，中间有很大的差别，图标是一种艺术符号的表现，它将“图”与“标”相结合，有指代意义；而图形就是符号或者几何线条勾勒出来的形状、轮廓，在手机功能里图标是非常重要的一个标志，它是一种特殊的图形，而图形是绘制计算机的一个画面。由此可以看出，图标具有明确的指代意义，而图形却没有。

2.2 符号学中的图标

图标有符号的特性它是一种指代符号，即可创造性、可认知性、概括性等；符号是由能指和所指组成。能指就是图标信息的外在形式、所指就是图标的内在含义。在智能手机里“听筒”的外观就是由符号构成，就是所谓的能指；联系、通话的内在联想就是要传达符号的内容，就是所谓的所指。在符号学中，背景与符号、符号与符号之间都不是单纯的底与图的关系，而是有着内在的某种生活联系。界面里所用到的图标是一种情感传达的方式，所以它不单单是一种符号。

通过上面的介绍，图标是一种被用户认可的符号的表达，它代表了一种事物与图标的最深的一层含义，图标是方便用户进行操作的一种形式。而现在越来越多的设计师在进行手机图标的设计时过多的追求个性，所以现在的智能手机出现了不便于记忆、标识不明确或操作复杂的现象。所以在智能手机图标的设计上一定要重视手机交互设计和人性化设计。

3 图标的人性化交互设计

智能手机的图标设计上最基本的核心是“以用户为中心”，图标设计的特点在于易于使用、简单明了，让人们在进行交互时能够操作愉悦并享受这个过程。也可以说图标的设计过程，就是要达到“以用户为中心“，图标设计的交互性和人性化极其重要。

当今的消费者都要求表现审美情趣、个人风格和自我意识，然而在设计上也是越来越细化，越来越丰富，体现了个性化。人性化的图标主要表现在两方面：第一是审美认知的愉悦感；第二是操作使用的简单性。“人性化”所展现出来的就是积极的人际关系，让沟通达到一致、自然、舒适和友好的状态，这是人际关系要达到的最终目的。在现代的设计观念中，图标设计方面更注重的是和谐的搭配、连贯的操作、合理的布局，使操作的过程更愉快、更高效。图标设计最核心的思想就是人性化，满足了精神层面与用户物质的不同需求。

那么，如何体现出图标的交互性？交互设计从根本上来说可以是用户体验问题的创建，它的最终目的是扩充和增强人们交互、通信和工作方式。图标的交互性具体的表现在友好、自然的人机交流方式里，交互性也表现在产品对用户的反馈操作及用户对产品的使用操作两个方面。在用户界面里，一个图标回复操作和被选定的过程就是人机交互的一种体验。图标与用户之间的交互过程，就是输入与输出信息，这种方式是多种多样的。在交互发展的趋势里，多样、自然的交互方式它的交互条件是“用户自由”。也就是说在用户界面里，对图标进行的一系列的推拽、滑动或点击的操作方式，是为了对输出信息的一种快速的理解，图标发生变化也能将输入的信息清晰的反映出来。图标设计中交互性的特点就是“易于上手”，在图标的设计上所展现出来的人性化交互设计就是在关注人的基础之上，对“人机和谐”的交互体验进行注重。多通道、人性化、自然化这是未来人机交互模式的发展方向，交互方式也会走向三维的交互。

4 图标的人性化交互设计原则

4.1 功能性原则

（1）可用性原则。人机交流是图标设计最终要达到的目标。图标的易用性和可用性就是通过交互性的好坏来决定的。所以产品的高效性与可用性是分不开的，在操作的过程中，图标在人性化交互设计里所实现的有效、自然的功能可以由“好用”来体现。很多用户都觉得，记忆要比浏览信息难，最理想的状态就是用户可以自已对产品进行正确的操作，而不需要去阅览说明书。

（2）一致性原则。一致性在人机工程学里来讲，就是用户在操作命令上和控制与显示上与图标都是一致的，这也跟人的习惯行为有很大关系。最重要的就是满足了人在进行操作时的愉悦性，并重视了人性化。

（3）可识别性原则，就是图标能够快速、正确的进行传达。用户操作与图标的可识别性有很大的关系，在图标设计中人机交互的前提就是人性化，视觉渠道直观的反映了用户反馈及操作信息的效率。所以在对图标进行设计时，设计师一定要了解用户的行为方式、思维和语言等，从而可以将图标的可辩识性提高。

4.2 图标的审美性原则

（1）风格的统一性原则。图标的设计不单单是独立的个体，它与系统的操作是否连贯有很大的关系，它是很多个组合结合在一起的整体，这与用户在使用时所产生的审美观相联系。统一的整体风格包括图标在布局、材质、比例、色彩等方面的统一，也提升了用户的使用效率。在智能手机中，手机界面是不同的，图形符号都是比例相似的，并且有序的进行排列，最后组合成了图标，清晰的显示了图像效果，图面和整体的图底有明确的关系。

（2）艺术的实用性原则。艺术性的图标，满足了用户精神层面的审美观，展示了用户对个性化的追求，注重的是文化的流行性。从可用性方面来看，用户并不喜欢花哨的界面，同样的用户也不喜欢过于花哨的图标。所以在设计图标时，不要有华丽的堆砌，注重图标的艺术性时，也要看重图标的实用性。

4.3 图标与用户之间的交互

人机交流是手机设计中重要的一点，智能手机的开发使用上最重要的就是用户信息交互方式。图标在智能手机界面里是一种重要的人机交互方式。图形界面的手机交互在智能手机里表现的越来越自然，对图标的操作、智能传感和多点触摸技术的运用彻底改变了传统的人机交互方式。在人一机一界面交互过程里，图标设计的表现方式有很多不同的感受。用户操作手机时所使用的方式就通过点触图标等肢体动作，使用手机的方式也可以是用户本能或者是对事物认知的反应，因而人机交互中的信息输入与输出逐渐从二维发展成了三维，交互方式也由精确的方式到模糊的方式。所以人机交互的高效性和自然性的提升是通过用户界面的交互方式并结合了肢体动作、视线、声音等多交互技术与交互渠道而形成。要实现交互过程多通道化，突破常规交互的局限性，（也就是说用户在不同的环境变化所使用的交互手段也会相应的发生转变），这是在以后的人机交互中新的发展方向。多通道的用户界面，使用户与图标之间的人性化交互得到了提升，提高了图标识别的效率，降低了用户在操作时的辨别转换和记忆压力，对于人机交互的灵活性和生动性有了很大的提升。

结语

信息技术不断发展的今天，沟通的媒介不单只是智能手机。人机交互方式的发展将会走向多通道、三维交互方式，人机交互的形式会受到输出与输入时图标设计的创新，它最主要的目的就是满足人机交互方面用户的各种需求，更加重视人的因素，让用户真正的体验到人机交流的最真实感受。在智能手机的设计上，设计师要不停地思考交互体验，还要开拓自己的设计思路，将智能手机的发展带来更大的变化。

参考文献

[1]徐刚编著.Windows用户界面设计与优化策略[M].人民邮电出版社，2005.

[2]林锐，唐勇，石志强编著.Web软件用户界面设计指南[M].电子工业出版社，2005.

[3]（美）汤姆・凯利（TomKelley），（美）乔纳森・利特曼著，李煜萍，谢荣华译.创新的艺术[M].中信出版社，2004.

界面交互设计篇7

[关键词]Web2.0型人　人机交互　用户行为　以用户为中心设计

[分类号]G302

1　前言

当前数字图书馆面临的网络环境受到Web2.0时代的冲击和挑战，对知识服务对象的了解、刻画、模拟是图书馆迎接这种冲击和挑战以及拓展新形态知识服务的重要基础工作。

因应Web2.0的发展，图书情报学界提出Library2.0概念，认为通过用户自组织、自创造、自联结可以达到Web2.0概念中信息共建、共享、共创的理想。这种以用户为中心的设计理念，是建立在用户研究的基础之上。而针对Web2.0环境下的用户行为研究，则是将用户视为网站建设、信息服务、情报研究(信息产品)的第一要素，把用户需求置于一切需求之上。

然而，如同中国科学院院士张钹所言：“当工程技术人员设计一件产品时，他首先想到的是产品的功能，而不是用户的感受……事实上，人是产品的创造者与设计者，同时又是最终的使用者，‘人’本应该是被关注的焦点”。新形态知识服务工作，不仅要求从行为习惯对用户进行归类要求，更要求进一步深刻认识用户，而“型人”可以符合这种实现人性化设计的要求。

2　相关研究

2.1　Web2.0相关研究

在Web1.0的思维下，网站设计习惯将服务对象视为计算机的一部分：终端机用户。然而Web2.0则相反，IanDavis(2005年)曾生动地说明：Web1.0将人们捕捉给信息，而Web2.0则是将信息捕捉给人们。在Web2.0的思维下，网站设计者开始考虑到服务对象是个人(Person)，而创建型人(Personas)是2.0式服务的最佳方式。

这种舍弃技术迷信(technologies myth)而转向人文关怀(humanity centered)的Web2.oga势日益明显，如Luke Tredinnick(2006年)认为Web2.0不是一项技术创新，而是对于信息、知识与用户三者有了不同的认识。这类主张除了要求Web2.0相关技术的应用，也要求知道用户期望哪些服务、不期望哪些服务。如同Coper所言：“……期望的满足会建立品牌，有利于提高价格，提高客户忠诚度，使产品具有更长、更强的生命周期。这样做不仅会降低成本，而且非常有助于质量改进……”。

过去将服务对象视为单一特征、没有选择权力的“大众(Mass)”而提供过多服务的批评，受到Personas将服务对象视为一组一组具有鲜明特征与不同需求人群(Persons)的改进。变成了既节省投资，又准确命中目标市场(targetmarket所服务的用户群)，并且在交互过程中及时提供用户所需服务的新形态服务模式。

2.2　型人相关研究

型人旨在为商业对策、传播行销、网站建设、嵌入式驱动程序开发等透过量化研究与质化研究的实践，提出各方面的综合建议。

2.2.1　开发系统开发前的用户研究 例如Alissa Nicole Antle(2006年)建立成年与小孩的人物角色，用以设计人机交互界面(Human-Computer Interface，HCI)，就是区别了呈现信息的方式与内容传递。不只是界面设计，如Ljungblad，S.等人(2006年)建立四个personas用以设计符合人类每日生活需求的机器人，从调查人性化器、参与模式、规则与行为，进而设计辅助人类日常活动中的机器人的模式。personas被广泛利用的原因，如同Jianming Dong等人(2007年)认为，是因为利用personas来了解用户态度、行为与需求，可以强化产品可用性。知道用户的使用习惯与偏好，才能有良好的交互性设计。在UCD的研究基础上，personas将这种服务过程更加细致化，使设计思路更为开阔与多变。

2.2.2　系统开发后的升级　成功案例有Stefanie Panke等人(2007年)透过personas评估E-learning系统，获得更多用户参与的实证研究。他们实证personas的功效后认为：personas因为可以让设计者看到设计以外的、涉及其他生活的、具有图像与故事的、具有不同风格的用户，而使得他／她们能有创造性思路，进而更准确地设计符合目标对象理想中的服务功能与模式。另外一个案例是Stephen P.Capps等人(2006年)为移动装置设计的多元personas，考虑到移动装置的特性，必须设计从persona到persona的迁移功能。这种新的思维，确定了personas不是固定某些人，在研究其特性，而是研究人的行为，归纳几个虚构人(fiction Person)的特性。

2.2.3　运用型人调查学术环境　Dhaval Vyas等人(2006年)考虑到受访者的教育程度、专业类别，透过“情景研究方法”，将人类学研究运用到系统设计的用户建模中。而JukkaHaikar_a等人(2007年)讨论了personas如何促进交互性设计与可用性。

由于personas着重将研究成果建立在经验研究的基础上，因此在工业与科学界受到重视。运用personas数字图书馆嵌入式服务模型，是可行的与前瞻的。

3　研究设计

3.1　问卷调查与统计分析

分析数据来自对中国科学院北京青年公寓的随机抽样问卷调查，相关数据已公布于《图书情报工作》2007年第9期。数据转化后，采用列联表分析。

3.2　型人绘制

根据不同样本组，将Web2.0使用程度分为高、中、低三等分绘制表格。

3.3　交互性界面设计

Web2.0应用中，对网站实现2.0化的关键是Ajax技术线路，本文的交互性界面设计所参考的框架是提出Ajax的JesseJames Garrett所提的设计框架：战略层、范围层、结构层，框架层、表现层。

4　研究结果

4.1　数据分析结果如表1所示：

4.2　web2.0型人的绘制如表2所示

4.3　根据人物角色的交互性界面设计如表3所示：

5　讨论

5.1　总体web2.0型人情况

从调查得知中国科学院研究生使用社会软件具有“高度娱乐性、低度工作性”的特性：①移动学习可能成为新一代的平台；②及时通讯虽然普及，但是多用于感觉分享上，而不是较为规范化的工作讨论，这涉及到了情

感化的传播行为，而不是单纯的双向接受发送模式；③P2P的使用亦很广泛，但是用于下载传播娱乐事物的用途远多于工作文档或者软件工具；④博客虽然是较容易进行深度沟通的平台，但是用户多以非正式的闲谈交流为主；⑤使用RSS的比率以接受较为规范的文章内容为多；⑥利用社会书签的人不多，利用的同时也不表示愿意付出。

5.2　对A型人的服务设计

相对其他型人，A型人对博客的使用程度最高。服务于这类用户时，可能需要注意到问答过程之中，A型人对于问题定义的变化。在经过一定程度的熟悉与了解后，对于这类用户提供优质服务(亦即推荐其他相关服务功能)的成功几率相对较大。

5.3　对B型人的服务设计

相对其他型人，B型人对：P2P的使用程度最低。快速传输的功能可能不是这类用户的需要，相关的服务无需特别强调或推荐。此外，在网络公共空间，如BBS的讨论可能比个人博客还受到这类用户的欢迎，因此进入“科院星空BBS站”比较能够找到这类用户。

5.4　对C型人的服务设计

相对其他型人，C型人对五种社会软件工具的使用程度最平均。在服务一开始就推荐所有的相关服务，再任由这类用户去自由选择需要的服务功能，会比较能符合这类用户的浏览和查询路径。此外，这类用户对于每一项服务的完善程度也比较挑剔，进行服务时可能需要注意满意度问题。

5.5　对D型人的服务设计

相对其他型人，D型人对五种社会软件工具的使用程度最大差异。对于及时与快速传输的要求可能才是这类用户的最爱。越是简化的操作与方便的查询相对越受到欢迎。与A型人相反，D型人很清楚自己需要那些信息或服务。

5.6　对文献回顾的讨论

对于完全达到Web2.0的理想：信息自组织、自创造、自联结以及资源共建、共享、共创，目前似乎还有一段距离。采用型人的方法是从用户对于品牌的想法、对于功能的需求、对于查询路径的习惯、对于交互和导航的习惯与要求以及对于美感的要求等五点深入了解什么才是用户所想、所需与所要。

6　结论

6.1　实践意义

在服务于一线科研人员和研究生队伍的图书情报机构，对以科学信息活动为主的用户进行新型网络形态Web2.0概念下的信息共建、共享、共创活动调查，可以从用户的行为活动中，归纳出用户的类型，成为UCD和2.0化的建议。

Personas的优势有：①它融合而且必须要用多种研究方法来研究用户的目标、行为和观点；如此提升研究深度，并且利于研究结果的推广；②它在研究之初就考虑到未来的应用和影响，所以要求研究者本身具备跨学科的团队合作能力；如此提升研究结果转化生产力的可行性。

应用Personas的优点：①研究结果能够清楚揭示几个典型用户；②过去的用户研究分别属于网站设计、服务策略、产品行销与技术开发等，透过跨学科的Personas研究，可以让不同部门的工作人员具备相同的用户模型，而不会各自为政。

6.2　研究限制

首先，型人如同其它用户研究的方法一样，不是万能的。目前它被广泛应用于网站的交互性界面上，对于更为深入的嵌入式系统、行为驱动与智能只有有限的参考作用。

其次，这次试验性的研究，因为数据来自问卷调查，这种社会科学研究方法不可避免会因为调查对象的独特性，而导致研究结论不适合作为具有普遍性的原理。对研究结论进行推广时，还需要考虑其他新的验证。

6.3　未来研究

型人是一种用户分类的方式，与传统用户分类的不同点在于，它首先考量用户的整体网络行为，分类后，再考量个别型人具有的特殊行为、需求与系统要求，而不是直接从系统功能进行用户分类。目前这种研究方兴未艾，值得深入研究。

6.3.1　从质化到量化的方式　先对典型用户进行访谈，从而了解其需求与建议，从访谈的内容中分析具有测量意义的问题，再对所有可能潜在用户的母体中抽样，进行问卷调查，研究型人能够代表所有用户的程度与范围。此时，型人之于数字图书馆的意义在于使得已建立的服务功能的效率最佳化，同时挖掘潜在用户。

界面交互设计篇8

关键词：人机交互界面设计；产品可用性；具体应用

中图分类号：TP11 文献标识码：A 文章编号：1671-2064（2017）08-0024-01

从产品设计角度来讲，设计人员如果要保证产品的可用性，那么有必要密切结合人机交互的相关技术措施。这是由于，人机交互界面具备友好性与互动性的特征，因此适合运用于产品可用性的具体实践中[1]。应明确产品可用性包含了较多要点，设计人员对此应当全面予以把握，借助人机交互的友好界面来保障设计质量。由此可见，产品可用性与人机交互界面的技术密切联系在一起，二者是不可分割的。从目前现状来看，设计人员具体在实施产品设计时，应明确产品可用性的相关要素，通过运用人机交互界面的方式来确保产品可用性的全面实现。

1 基本技术原理

人机交互的关键就在于优化界面，综合运用多样的技术措施来设计友好型的交互界面，从而给用户带来轻松和愉悦的交互感受。对于产品可用性来讲，具体在设计产品时如果能运用人机交互界面，那么就能符合更大范围的受众需要，与此同时也提升了产品设计的水准和层次。人机界面是否具备友好性与互动性，这种要素在根源上决定着用户能否拥有愉悦的交互体验，进而影响到用户对产品进行的筛选[2]。

产品设计中设计人员有必要突显产品本身的可用性。受到很多要素影响，某些情况下负责产品设计的相关人员并没有关注a品调研，因此也很难保障可用性。对于产品可用性如果要进行全面提高，那么不仅有必要关注外在的产品形状及色彩等，同时更应当深入进行设计。

2 交互设计的思路

对于友好型的产品人机界面进行综合设计，应当密切结合不同类型用户的基本需求。设计者如果要优化界面设计，那么前提就在于密切结合最真实的用户需要。通常情况下，交互界面都应当具备新颖的界面结构，同时也要突显简洁性与美观性的界面交互优势。在完善设计的基础上，用户应当能感受到很强的交互性特征，用户具体在面对人机界面时也应当感觉到舒适，拥有审美的享受。

完善现阶段的产品设计应当致力于减少整体难度并且提升有效性。设计者只有考虑了多样的要素，才能在根源上杜绝界面设计中的各项缺陷，进而保障产品本身的可用性。产品可用性的关键应当落实于交互式产品设计，这种设计的根本目标在于简化性能并且提升产品本身的综合功能。作为设计人员，应当遵照人机交互的基本流程来实现产品界面设计，对于用户内在的感情予以充分考虑。

3 具体的设计应用

首先，设计交互界面应当突显可用性的原则。具体在设计中，设计人员有必要遵照现行的流程和指标来设计新颖产品。产品设计只有体现了可用性，才能在根源上确保符合纠错性、容错性与迅速响应性的特征。因此在着手设计前，设计人员就应当紧密结合产品可用性的基本指标。具体的做法为：设计人员先要进行全方位的市场调研，对于用户偏好、日常习惯与用户体验等要素都需要加以综合考虑。

其次，交互界面应当是灵活的。这是由于，产品界面一旦被设计出来，就要面向较大范围的受众。然而，不同类型的用户群体持有各不相同的理念与认知，与之相应的交互需求也表现为差异性。由此可见，对于产品可用性的相关设计有必要突显灵活性，确保用户享有灵活选择与灵活运用的权利。只有保证了灵活性，用户才能筛选最适合自身的交互界面产品。目前的状态下，某些设计人员很可能会陷于设计误区，设计人员通常会觉得只有美丽的产品外观才能吸引受众。然而实质上，这种认识是具有偏差的。产品可用性的相关设计应当表现为更强的灵活性，运用多样的设计手段来提供新颖的人机交互体验。

第三，交互界面产品也要具备更强的稳定性。设计人机界面不仅应当保障灵活性与新颖性，更重要的是提升稳定性。具体而言，产品可用性本身就包含了稳定性的基本指标。人机界面应当能为受众提供全新的感受，同时也要提供相对稳定的界面操作流程。在进行设计过程中，设计人员应当紧密结合最基本的设计原则，在各个流程的界面设计中都要融入稳定性的考虑。产品的稳定性与可用性都应当属于核心的产品设计指标，只有全面加以完善，用户才能真正享受到便捷、稳定与高效的人机互动与服务。

4 结语

相比于传统技术手段，人机交互界面具备独特的技术优势，人机界面密切结合了视频、语音与图像等多项要素，在此基础上确保产品本身的可用性。产品本身应当具备可用性，只有在保证可用性的前提下才能优化产品设计。从现状来看，设计人员正在尝试着运用人机交互的措施来创新产品设计，确保在最大限度内提高可用性。截至目前，产品可用性设计运用人机交互的相关实践正在不断改进，然而并没有真正实现完善。未来在实践中，技术人员还需要归纳经验，从而服务于产品可用性的全面提高。

参考文献

界面交互设计篇9

【关键词】图形界面 设计用户体验 新交互媒介

引言

图形用户界面（Graphioal User Interface，简称GUI，又称图形用户接口）是指采用图形方式显示的操作用户界面。GUI是一种结合计算机科学、美学、心理学、行为学，及各商业领域需求分析的人机系统工程，强调人、机、环境三者作为一个系统进行总体设计。GUI的理念最初体现在施乐（Xerox）公司开发的ALTO和STAR计算机的操作系统上，在20世纪80年代由个人计算机浪潮的发展推动了图形界面的大行其道，例如苹果公司开发的Lisa和Macintosh操作系统在商业推广领域的成功，此后微软公司推出的Windows系统更是把图形用户界面的设计水准推向了新的高度，人们从此不再需要死记硬背大量的命令，取而代之的是可以通过窗口、菜单、按键等方式来方便地进行操作，极大地方便了非专业用户的使用。如今，随着计算机和手持终端数码设备的发展和应用软件消费需求的日益繁荣，GUI在人机交互方面得到了极其广泛的应用。但同时信息数码科技又不断受到定位器、传感器等其他硬件科技飞速发展的影响，因此目前GUI的设计理念在迎来新的创新发展契机的同时也呈现出丰富多样的面貌。

1 当今时代交互产品的生态环境

1.1 交互界面应用的载体丰富多样

GUI最初诞生的时代，几乎都是应用于计算机显示屏幕的操作界面设计，在此之后的几十年间，信息科技飞速发展，数码设备得到了广泛普及应用，工业产品也变得越来越智能，图形界面的使用已经包围了现代人生活的各个角落。最具代表意义的就是移动电话、掌上电脑等具备复杂交互界面的手持数码终端。移动电话已经由最初简单的功能手机发展到了智能手机时代，同掌上电脑一样可以自主装载多种多样的应用软件。据2012年底美国市场研究公司Strategy Analytics的最新数据显示，全球智能手机保有量突破10亿大关，达到10.38亿部。同时该公司分析师认为，下一个10亿或许只需3年就将实现。伴随着在丰富多样的数码设备上应用，数量和种类浩如烟海的各种操作系统界面和软件、网页界面成为GUl应用的新载体。因此，与以往主要应用在计算机操作界面上不同，当今时代GUl应用的载体新奇多样，根据具体产品的使用需求不同就会面临不同的设计挑战。

1.2 GUI不再是主流的单一交互媒介

在21世纪，微电子与传感器技术的发展拓宽了交互设计的领域，交互设计师不必再拘泥于屏幕之上进行设计。TUI（实体界面）、物联网、AR（虚拟现实）等概念让交互设计的空间扩充到生活中的众多领域。例如AR技术就可以让人们把现实生活与虚拟世界相结合在一起，产生复杂而有趣的交互行为。在与此类似的许多技术产品中，人们尝试在空间中通过多种媒介方式与机器实现信息交流，依靠多种信息交流渠道的实现，人与机器的交流行为拥有了更多的可能性，同时也更加便捷。由于在这些综合交互形式的产品当中GUI已不再是人们唯一依靠的与机器交流的媒介，GUI作为以往最先进的主流人机交互媒介形态的位置受到越来越多高新科技的冲击。

1.3 用户对于交互产品的使用体验越发挑剔

在工业时代，人们面对的是企业策划开发的产品，这个时候的情况往往是人去习惯机器的脾气，一些需要复杂操作的机器常常因为别扭的设计而将人与机器的交流弄得一团糟。而进入到信息时代，人与机器的交流经过几十年的过渡，在这过程中逐渐总结出许多良好的交互设计经验，人与机交流越来越轻松。企业对于产品的交互设计不断改进，具备优秀用户体验的产品层出不穷，人们对于产品的交互设计要求也越来越挑剔。以互联网产品为例快速更新迭代已经成为互联网产品发展的一种生存策略，据腾讯公司数据分析，在最近两年大部分网络应用软件已经进入到一月一升级补丁的迭代速率。因此，信息时代的用户对产品不再是逆来顺受，而是越发挑剔，交互设计取悦用户的难度增大。

2 GUI在当前交互设计中的应用类型

2.1 基于屏幕的设计

基于屏幕的交互设计是传统的交互设计领域，是指一切显示在屏幕上的交互系统设计。这是GUI设计的主流领域，也是目前交互设计行业中商业化最成熟的领域，目前市场上的绝大多数信息交互设计产品都是基于屏幕界面的设计。电脑界面、带有屏幕的工业产品以及掌中设备都是此类交互设计系统的应用平台。这些平台衍生出软件界面设计、网页设计、手持终端界面设计等多个设计门类。触摸屏的发展使得手指操控成为主流，这种趋势使得CUI设计获得了更多变革的机会，提供了更大可能的交互乐趣。最具代表性的例子当属苹果公司推出的iPhone、iPad、iTouch等产品。其操作系统iOS最初是设计给iPhone使用的，后来陆续套用到iPod touch、iPad以及Apple TV等苹果产品上。iOS的面世带给用户极佳的交互体验，其界面风格清新素雅、亲和友好，每一个视觉元素都让人感觉设计精细、极具质感。这个系统将GUI的设计水准提升到一个新的高度，很大程度上影响和推动了后来屏幕界面设计行业的图标和图形设计发展。

2.2 交互产品设计

从广义上看，交互产品的范畴很大，只要是与人发生交互行为的产品都可以称之为交互产品，比如一个燃气灶具、一台洗衣机、一个网站、一个游戏都可以被理解为交互产品。而这里分析的产品是狭义的产品，即工业生产出的产品。交互产品设计可以看作是交互设计在狭义工业设计领域的延伸，也可以看作是工业设计发展的一个新阶段。在这一领域，GUl不如在屏幕界面设备上应用频繁，但也常作为交互媒介形态之一来使用。伴随物联网技术、RFID技术以及各类传感器的使用，传统产品的人机交流方式有了新的突破点。尤其在交互家居设计、新媒介娱乐产品与公共空间内的交互产品设计比较多见。例如三星SmartTV就是应用了多种人机交流模式，作为一款智能电视机SmaGTV具备体感识别功能，用户通过语音或简单的手势就可以完成开关机、调节音量、换台甚至上网浏览或搜索等复杂的功能，甚至通过面部识别，用户可以直接登录网络。2010年微软推出的体感游戏产品外设Kinect更是彻底颠覆了传统游戏的单一操作方式，使人机互动的理念更加彻底的展现出来。在游戏示范中，玩家们用脚踢仅存在于屏幕中的足球，并用伸手设法拦阻进球。在驾驶游戏中，玩家转动想像中的方向盘来操控电视游戏中的赛车。在绘画游戏，玩家则是说出颜色―“蓝色”或“浅褐色”―然后摇摆双臂来在数码式画板上飞溅一片油漆。诸如此类的产品为用户打开了一个三维世界的操控空间，传统GUI平面模式的形态其实已经发展为三维的图像，这让使用者与机器的交流体验更加真实，更加接近现实世界的操作习惯。

2.3 其他体验服务中的交互设计

体验式服务设计是当前交互设计师关注的焦点之一，在服务设计中设计对象不再是一件产品或者一个界面，而是为用户提供的整个服务流程。服务设计与交互设计的关系也很密切，服务系统的设计往往包含着交互设计的内容，而GUI交互理念也往往在其中扮演重要角色。比如在经常借助新数字媒体技术来增强体验效果的展示设计领域，就对体验服务中的GUI设计非常重视。Infel智能数字零售标牌设备及创新应用就是一款创新的交互展示平台，该产品已经不仅限于单向信息的和展示，触摸式信息查询、体感试衣系统、体感手势控制橱窗，互动导航立牌、触摸广告橱窗等应用将增加用户的停留驻足时间，零售商因此能获得更多商机，甚至可以统计用户购物喜好。

3 GUI在未来新交互媒介中的应用趋势展望

3.1 追求体验更佳的视觉效果

从当前图形界面的设计来看，阴影效果、半透明、动态效果、拟物环境是主流的视觉效果增强手段，但伴随软硬件技术的发展，更精细、更丰富的图形效果和更逼真的质感不断的刺激这用户的眼球，信息时代用户对于数码设备的拟真交互体验期望值越来越高，这对于产品的视觉传达效果提出了越来越严苛的要求。因此，未来的图形界面设计应当更加注重视觉效果的优化，在满足轻松便捷的交流前提下，视觉效果能否带给用户良好的感受就成为产品的交互界面是否吸引用户的一大关键因素。

3.2 在二维平面实现三维空间的图形图像操作

空间感在设计中的一个典型表现方式，就是打破平面感，用立体与三维方式来展现。空间感的设计一是可以增加炫酷和华丽，二是可以用于凸显重要内容。另外对于特殊交互产品而言，三维空间的图形图像交互模式可以带给用户更为便捷和更为接近现实世界操作方式的感受。因此，从这个角度看，借助AR（虚拟现实）、传感器等科技来实现三维空间人机交流的交互媒介可以看做是传统平面图形界面设计在三维空间里设计理念的延伸。

3.3 用户心理模型与产品实现模型更为接近

用户心理模型与产品操作实现模式的重合度是衡量一个产品的用户体验是否优秀的标准之一。相对传统图形界面设计受平面媒介和表现手段的限制而言，当前图形图像交互媒介的实现手段丰富多样。一方面，基于传统平面模式的图形界面设计在理解用户的使用心理上已越加经验丰富，对用户关注的细节更加用心；另一方面，伴随三维交互媒介技术的成熟应用，用户对产品的操作方式更趋近于生活中的实际操作动作。因此，在未来图形图像交互媒介的设计将帮助用户心理模型与产品实现模型更为接近。

3.4 图形界面交互与其他科技交融发展

未来GUI在交互方式中的核心媒介地位不会动摇，因为人类的信息交流主要还是靠视觉获取，但比重会下降，因为语音输入、体感捕捉等其他交互形式的成熟发展，机器越来越智能，能够理解的交流方式越来越多。因为，GUI作为一种成熟强大的交互媒介将与其他科技交融发展，但需要进行复杂操作的交互媒介依然会以GUI为主，尤其是传统的屏幕数字产品的仍然是GUI设计的主要领域。

结语

GUI从最初诞生到现在，从单纯的屏幕交互设计到现在的综合媒介，GUI与各大科技互相影响，互相促进，发展到现在GUI概念已经不在像之前那么简单，单一，或许现在或将来GUl应该改个概念名称，叫图像交互媒介之类的，以新的形态和要求迎接未来信息交互产品的发展需要。

参考文献

[1]罗仕鉴，朱上上.用户体验与产品创新设计[M].北京：机械工业出版社，2010.

[2]李世国.体验与挑战[M].南京：江苏美术出版社，2009.

界面交互设计篇10

【关键词】智能家电 交互设计 情感化设计 信息交互

1 交互设计在智能家电中的应用特性

1.1 以用户为中心的设计

交互设计以其人性化的设计与高科技理念相结合，越来越受到人们的欢迎。将交互设计应用到智能家电产品之中，能够让用户操作家电变得更加简便、更加快捷，从而给用户带来完美的技术体验。交互设计应用到智能家电中，保证操作界面的空间能够实现完整设计，完善功能模块，以用户为中心，保持界面与交互功能的统一性。例如智能家电产品跟以往的大型家电相比较，优点体现在功能层面在于其丰富性及完善性，如果将智能家电产品中单调的、传统的、机械的功能按钮用人机交互设计去重构，融合语音识别、指纹识别与简单的人机交互的方式，构建能够与用户直观互动的界面，将更利于用户在家居产品中的人性化操控。所以，针对智能家电来说，需要利用有限的空间来设计相应的互动界面，将软件与硬件智能的粘结，从而强化以人为核心的用户体验。

1.2 易用性是设计导向性

智能家电的交互设计界面需要能够被用户识别，要求设计相对简单，这就能让用户在实际使用过程中一目了然，如果设计的界面不合理，就容易使用户无法理解界面的实际内容，也无法明确使用意义，这就容易使用户对产品失去兴趣。设计的界面比较新颖、易用、易操作，用户自然而然会对这类产品产生浓厚的兴趣。跟传统的家电相比较，智能家电产品的功能按钮较少，在界面设计上就不会显得较为复杂。所以，我们在设计智能家居产品时，需要利用简单的声音与图形带给用户直观的美感享受，改善产品质量体验。

1.3 设计需要遵循有效有序性

交互设计在智能家电产品中的应用中，在设置好相应的功能之后，并不能马上体现交互设计的优点。主要是因为还没有进行合理科学的功能排序，这就会使得功能设置的性能无法完全体现，不能让用户感受到相应的使用效果。所以，有序的智能家电操作界面，便显得尤为重要。小型的智能家电不能像那些大型的家电产品一样，在可视的具体生效界面上设置功能。设计智能家电产品的界面，需要在能够产生强烈直观效果的非LED液晶上设计界面，在保证用户操作简便的同时，实现时效性。较为直观的界面设计手段，在交互设计之中，更加注重有效有序性，让产品具备简捷、简易性的同时，能够最大程度上拉近产品与用户之间的距离，培养和遵循用户的良好习惯，提升交互的沉浸感，体现交互情感化设计特性。

1.4 产品操作的快捷性

将交互设计应用到智能家电产品之中，能够有效体现设计的高效性与快捷性。在设计智能家居产品界面时，操作系统的快捷简便、功能的优化组合，都可以给用户带来更完美的体验。交互设计的基本目标是要使智能家居产品在实际使用过程中能够体现高效性，高效性主要是在用户的实际操作过程中实现。因此，我们在进行交互设计时，需要优化操作程序，让用户能够更加快捷高效地使用。使用户能够进行快捷简便的操作，就需要在设计智能家电产品的过程中，使用简单快捷的程序设置，在最短的时间内设计最完善的功能设置，从而提高用户的使用效率。

2 以用户为中心的智能家电设计的交互设计准则

随着交互设计理念的日益成熟，从人机交互在智能家电的应用中，单纯追求用户的审美体验逐渐向人性化需求过渡。设计中不仅仅考虑用户的背景、使用经验以及操作过程中的感受，还要设计符合用户心理需求的产品，即：“设计用于支持人们日常工作生活的交互式产品”。

智能家电的交互设计准则：首先是界面设计要去适配用户身体特征和操作习惯；然后是针对目标用户的使用场景进行设计；再次是减少产品功能信息层级；除此以外还有对用户行为的纠错和容错性，对用户操作及时有效的反馈等。

交互设计在满足用户方便快捷的使用需求前提下，向快捷方便的方向发展，让用户在实际使用智能家电产品的过程中，能够凸显互动性与参与性，这也是智能家居产品的设计原则。例如，剃须刀的界面设计就是一个简单交互设计，它利用小型的LED界面，内置相关制作好的动画与功能，用户可以通过输入关键字来观看相应的动画。用户虽然只能输入智能家电产品功能范围内的词汇，却能从更高的层面上带给用户全新的产品体验。以往的智能家电产品具有功能较为单一的缺陷，飞利普有效创新了剃须刀的设计界面，将触摸式的界面设计跟LED设计技术有机融合在一起。当剃须刀中的残留物过多的话，剃须刀就会提醒用户及时清理。这种剃须刀在进行充电的过程中，会出现相关提示图形，在不使用时，也能够自动切换到相应的保护模式之中。在如今绿色环保理念逐渐兴起的时代，越来越多的智能家电产品开始应用到交互设计之中，而且逐步实现了一物多用以及重复使用。就像是当前的手电筒可以通过充电来实现重复使用，如果在设计中增加了充电完成以及剩余电量的提醒，将会更加方便用户的使用。例如电吹风，将交互设计应用到电吹风中，可以在界面设置中预设好相应的造型与时间，让产品在使用过程中更加体现智能化。

3 结语

在物联网技术发展的冲击下，用户的行为习惯、思维方式都发生了巨大的转变，而对于智能家电产品的设计趋势将更倾向于安全、便捷、舒适、健康、环保，人机交互关系日益主动化、人性化、从而给用户带来更完美的产品体验。

参考文献

[1]曹阳，刘文静.交互设计在智能家电产品中的应用[J].科协论坛（下半月），2013，12：244-245.

[2]郝冀宣.交互界面设计在家电产品中的应用与展望[J].科技信息，2012，29：147-148.

[3]陈骁雄，张小平.智能家居电器交互设计研究[J].艺术科技，2015，04：226-274.

[4]孔超，许晓云.智能家居中的情感化设计策略探究[J].设计，2014，09：25-26.

作者简介

张爽，现为北京大学研究生。研究方向为交互媒体设计。