Xxxxxxx大学
xxxxx学院
《人机交互》实验报告
专业班级
Xxxxx
实验地点
Xxxxx
学生学号
Xxxxx
指导教师
Xxxxx
学生姓名
Xxxxx
实验时间
实验项目
实验4网页界面分析
国内优秀网页界面赏析
实验类别
操作性（ ） 验证性（） 设计性（ ） 综合性（ ） 其它（ ）
实验目的及要求
1.通过了解自己常用的网站和著名门户网站的界面情况，熟悉网页界面设计的基本内容，了解网页界面设计在人机界面设计中的作用。
2.对某一网站进行界面分析。
3.按照学习的可用性评估方法，进行可用性评估。
成 绩 评 定 表
类    别
评 分 标 准
分值
得分
合  计
上机表现
积极出勤、遵守纪律
主动完成实验设计任务
30分
程序代码
比较规范、基本正确
功能达到实验要求
30分
实验报告
及时递交、填写规范
内容完整、体现收获
40分
说明：                                      评阅教师：           
                                      日 期：     年      月      日
实验内容
实验思想：根据这个实验的要求和我自己所熟悉的门户网站，我选择bing（必应）为题材，来进行评估。
网站评估
Bing网站简介：
    Bing于2009年5月28日由微软CEO史蒂夫•鲍尔默在《华尔街日报》于圣迭戈（San Diego）举办的“All Things D”上公布，是微软公司推出的一款用以取代Live Search的搜索引擎，并且支持多种语言，简体中文版bing已于2009年6月1日正式对外开放访问。微软方面声称，此款搜索引擎将以全新姿态面世，将带来新革命。内测代号为Kumo，其后才被命名为Bing。我们很容易从其英文发音联想到中文名称“必应”。下面我们来看看“有求必应”的它是如何展现其独特魅力的。
图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
实 验 总 结
Bing以用户为中心围绕简洁明确展开了诸多改革，逐步体现出其强大的功能与一致性，这些特点是可以在用户第一次使用中可以感受到的。和国内的搜索网站进行对比，不难看出，外国的网站确实在页面布局和总体的风格上做的确实不错，给人一种很自然的感觉，更加人性化。加上其强大的功能和便捷性，让用户在使用中不知不觉就会喜欢上这样的网站。
总体来说，必应可以说是网页界面中的精品了，国内的一些网站可以在保留自身的优点的情况下，学习其它优秀的网站，提高国内网站的整体水平。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。