人机交互网页界面分析

Xxxxxxx大学

xxxxx学院

《人机交互》实验报告

图1 必应网站的总体外观

Web界面设计原则分析

1.以用户为中心

以用户为中心是web界面设计遵循的一个主要基本原则，它要求把用户放在第一位。设计时既要考虑用户的共性，同时也要考虑他们之间的差异性。

bing搜索引擎保持着一般同行网站所固有的优良特色，菜单项包括常用到的网页、图片、视频、咨询、词典、在线翻译、地图等功能，菜单项下面是一个文本输入框，提供用户进行相应搜索的接口。

图2 必应菜单项和搜索栏

在网页右上角的区域选择功能同样是以用户为中心原则的体现当然，无论你是哪个国家的用户，你都可以选择Bing右上方的地区选项，以获得更贴切的服务。例如，我们中国用户可以点击Bing右上方的“中国”，或者习惯英语的用户可以选择“美国-英语”版Bing。这样不仅给英语不好的用户提供了便利，而且给以对英语有更高要求的中国用户访问原版网站的乐趣。对于一些身在异乡的用户，尽管可能在语言方面存在一些问题，但用户可以选择自己的母语作为服务语言。这样就减少了很多语言上的障碍和不必要的麻烦，真正地体现了上面所说的原则。

图3 区域选择功能

图4 语言选择

单独的搜索功能给初学都带来了很大的方便，无需设置其他相关搜索设置便可以进行互联网的搜索，简单而且容易上手。应有的功能一应俱全，没有多余的菜单，这好像和国内的一些搜索网站一样。如果您是高级用户可以试试右上角的“首先项”进行相关的设置。一般情况下是为简单方便搜索考虑，但同样为一些特殊人士所设置了高级功能键。这里bing设置了windows msn的邮箱账号登陆，为那些有商务需要的用户提供了便利，减少了再次登入其它邮箱的麻烦，除此之外还可以时实的与好友分享您搜索到的新奇有趣的信息。

图5 高级功能选项

总结与点评：从上面的分析可以得出，bing对于要有的功能是一应俱全，不该有的一个也不留，其方便、快捷、简单的特点将是用户选择的最好理由。即使你是新手也不妨试试bing，它将会给你意想不到的收获，因为他是“有求必应”。

2.简洁与明确

Web界面设计属于设计的一种，要求简练、明确。保持简洁的常用做法是使用一个醒目的标题，这个标题常常采用图形来表示，但图形同样要求简洁。另一种保持简洁的做法是限制所用的字体和颜色的数目。另外，界面上所有的元素都应当有明确的含义和用途，不要试图用无关的图片把界面装点起来。

Bing的logo正如其名一样以中文字"必应"和英文名做为商标。简洁时尚，以白色和一点黄色为字体颜色，在杂色背景的映称下格外的醒目。网站以蓝色为主要背景色，蓝色有使人感觉开阔、宁静、睿智、深远的感觉。根据心理学家的研究表明，人们在蓝色背景下学习知识比一般情况下学习要更具有记忆力。

图6 logo

Bing的菜单项同样以白色为字体的主要颜色，但由于其背后的背景照片可能会改变而改变其颜色特性，但总能找到一个合适的突现字体的颜色来标识用户，当我们选中要搜索菜单内容时会变成黄色，表明已经在该菜单下进行搜索。醒目的黄色字体起到了点睛作用，让人一目了然。文本框右侧的搜索按钮用放大镜代替更为的时尚和醒目。因为用户在不段的使用各种软件后已经形成了一定的思维模式看到放大镜就会联想到搜索。新手用户如果不知道可以将鼠标移至标签上便可看到中文字显示。

最下面一栏是标签栏用来放置一些联系方式和授权许可证，当然在最右下角有一个用黄色字体标注的反馈菜单，此功能可以放便用户与bing客服进行交流与意见的反馈，用户对访问网站进行评估，bing相关人员进行汇总分析，加以改进网站的风格和完善功能，了解用户的需要，时时做到为用户着心的理念。

图7 标签栏

总结与点评：简洁的风格，明确的菜单功能，点睛的背景图案，使人眼前一亮的感觉，在网站睿智的风格之中不乏有一种更让人亲近的感觉，仿佛这不是一个给人带来方便的工具网站而是一个良师益友。

3.一致性

Web界面设计还必须考虑内容和形式的一致性。其次，web界面自身的风格也要一致性，保持统一的整体形象。一致性允许用户将已有的知识传递到心的任务中去，更快地学

习新事物，并将更多的注意力集中在任务上。这是因为他们不必花时间来尝试记住交

互中的不同。通过提供一种稳定的感觉，一致性使得界面熟悉而又可预测。

图8 一致性

总结与点评：在一致性方面，我们可以清楚的看到，bing在无论是页面的整体效果还是进行搜索后的视觉，都给人一种非常舒心的感觉，例如其字体大小和特定标志的颜色都能突出一些实时信息，达到吸引人的效果，怪不得这么受大众喜欢。

4.体现特色

Bing作为一个用户的搜索引擎，以简洁生动的界面，明确清晰的菜单功能深受好评，同时它与其他搜索引擎网站不同的是，在简洁之中不失时尚的气息，并没有采用一般同行网站那样单一的背景色（通常为白色背景），而是插入特色图片，每天都会更新（如今天我们看到的是走动的长颈鹿的背景并且可以不断切换图片，每张图片介绍的内容在图片上都设置了相关的注释与链接，方便用户对自己感兴趣的内容获得更多的奇趣知识）。这其中包含了主动的学习与被动的学习，搜索引擎通常在用户要寻找一些相关信息才会用到，这其中包含用户主动的获取知识，因而单一的搜索引擎没有多少可观赏性，然而bing却不同，它每天都使访问的用户能够不知觉对图片的内容感兴趣然后去了解内容，这其中包含着一种被动的获取知识，用户对其特色一目了然，因些也会经常性的访问其网站，不自觉得的将其收藏起来，可能还会经常访问，而并不做为想要搜索时去访问，同时做为一个内容网站被访问。

Bing搜索的最大特点在于，与传统搜索引擎只是单独列出一个搜索列表不同，微软还会对

返回的结果加以分类。例如，当用户搜索某位歌星的名字时，搜索结果的主要部分会显示传统的列表，左侧的导航栏则会显示图片、歌曲、歌词、专辑和视频等几个类别。当用户输入某一产品名称时，侧边栏则会显示评价、使用手册、价格和维修等类别。而如果输入的是某一城市名称，则会显示地图、当地商业指南、旅游路线以及交通信息等类别。另外，侧边栏还会显示一组相关的搜索关键词。由于Bing能够为用户提供更为广泛的相关结果，因此将会比谷歌更为优秀、快捷且更加精准。对于它的内容、风格与布局、色彩设计都可以说是达到了相当高的程度，在前面的介绍中已经涉及了不少，后面就不再详细介绍。

图9 特色体现

总结与点评：作为一个搜索引擎，bing不失其功能搜索，增添一些新奇有趣的百科知识，在简单操作的前提下让人每一次访问都变得有惊喜可寻，在搜索之间还可以发现新的知识，何乐而不为。

5.兼顾不同的浏览器

随着时代的不断发展，浏览器也在不断更新，不同公司不断推出自已的浏览器，同一种浏览器在不同阶段也有不同的版本，由于产品竞争和开发周期等原因，不同浏览器类别和版本在功能支持上有所区别，微软作为全世界操作系统的顶尖开发商，也同样关注浏览器兼容问题，windows系列产品一向是全球用户数量最多最为广泛的，现已支持国内几乎所有的浏览器。

用户不须担心自己的安装的浏览器会对本网站产生任何影响，由于网站有很好的兼容性特点，您只需要打开自己的安装的浏览器，输入网址就可以轻松的进行访问了，并不会因为浏览器型号的不同而影响的访问的质量，因为作为一个搜索引擎网站这一点是其他内容性网站所不俱备的。

总结与点评：当您打开自己钟爱的浏览器时，不会出现因访问该网站而弹出各种错误。不管你喜不喜欢，我反正是喜欢。

Bing的运行特点：

1.基于字词结合的信息处理方式。巧妙解决了中文信息的理解问题，极大地提高了搜索的准确性和查全率。

2.支持主流的中文编码标准。包括GBK(汉字内码扩展规范)、GB2312(简体)、BIG5(繁体)，并

且能够在不同的编码之间转换。

3.智能相关度算法。采用了基于内容和基于超链分析相结合的方法进行相关度评价，能够客观分析网页所包含的信息，从而最大限度保证了检索结果相关性。

4.检索结果能标示丰富的网页属性(如标题、网址、时间、大小、编码、摘要等)，并突出用户的查询串，便于用户判断是否阅读原文。

5.支持二次检索(又称渐进检索或逼进检索)。可在上次检索结果中继续检索，逐步缩小查找范围，直至达到最小、最准确的结果集。利于用户更加方便地在海量信息中找到自己真正感兴趣的内容。

6.相关检索词智能推荐技术。在用户第一次检索后，会提示相关的检索词，帮助用户查找更相关的结果，统计表明可以促进检索量提升10-20%。

7.运用多线程技术、高效的搜索算法、稳定的UNIX平台、和本地化的服务器，保证了最快的响应速度。百度搜索引擎在中国境内提供搜索服务，可大大缩短检索的响应时间(一个检索的平均响应时间小于0.5秒)

8.可以提供一周、二周、四周等多种服务方式。可以在7天之内完成网页的更新，是目前更新时间最快、数据量最大的中文搜索引擎。

9.检索结果输出支持内容类聚、网站类聚、内容类聚+网站类聚等多种方式。支持用户选择时间范围，提高用户检索效率。

10.智能性、可扩展的搜索技术保证最快最多的收集互联网信息。拥有目前世界上最大的中文信息库，为用户提供最准确、最广泛、最具时效性的信息提供了坚实基础。

11.分布式结构、精心设计的优化算法、容错设计保证系统在大访问量下的高可用性、高扩展性、高性能和高稳定性。

12.高可配置性使得搜索服务能够满足不同用户的需求。

13.先进的网页动态摘要显示技术。

图10 总体感受bing