人机交互网页界面分析

《人机交互网页界面分析》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、计算机科学与工程学院Xxxxxxx大学xxxxx学院《人机交互》实验报告专业班级Xxxxx实验地点Xxxxx学生学号Xxxxx指导教师Xxxxx学生姓名Xxxxx实验时间实验项目实验4网页界面分析实验类别操作性（）验证性（）设计性（）综合性（）其它（）实验目的及要求1.通过了解自己常用的网站和著名门户网站的界面情况，熟悉网页界面设计的基本内容，了解网页界面设计在人机界面设计中的作用。2.对某一网站进行界面分析。3.按照学习的可用性评估方法，进行可用性评估。成绩评定表类别评分标准分值得分合计上机表现积极出勤、遵守纪律主

2、动完成实验设计任务30分程序代码比较规范、基本正确功能达到实验要求30分实验报告及时递交、填写规范内容完整、体现收获40分说明：评阅教师：日期：年月日8计算机科学与工程学院实验内容实验思想：根据这个实验的要求和我自己所熟悉的门户网站，我选择bing（必应）为题材，来进行评估。网站评估Bing网站简介：Bing.com于2009年5月28日由微软CEO史蒂夫•鲍尔默在《华尔街日报》于圣迭戈（SanDiego）举办的“AllThingsD”上公布，是微软公司推出的一款用以取代LiveSearch的搜索引擎，并且支持多种语

3、言，简体中文版bing已于2009年6月1日正式对外开放访问。微软方面声称，此款搜索引擎将以全新姿态面世，将带来新革命。内测代号为Kumo，其后才被命名为Bing。我们很容易从其英文发音联想到中文名称“必应”。下面我们来看看“有求必应”的它是如何展现其独特魅力的。图1必应网站的总体外观Web界面设计原则分析1.以用户为中心以用户为中心是web界面设计遵循的一个主要基本原则，它要求把用户放在第一位。设计时既要考虑用户的共性，同时也要考虑他们之间的差异性。bing搜索引擎保持着一般同行网站所固有的优良特色，菜单项包括常用

4、到的网页、图片、视频、咨询、词典、在线翻译、地图等功能，菜单项下面是一个文本输入框，提供用户进行相应搜索的接口。8计算机科学与工程学院图2必应菜单项和搜索栏在网页右上角的区域选择功能同样是以用户为中心原则的体现当然，无论你是哪个国家的用户，你都可以选择Bing右上方的地区选项，以获得更贴切的服务。例如，我们中国用户可以点击Bing右上方的“中国”，或者习惯英语的用户可以选择“美国-英语”版Bing。这样不仅给英语不好的用户提供了便利，而且给以对英语有更高要求的中国用户访问原版网站的乐趣。对于一些身在异乡的用户，尽管可

5、能在语言方面存在一些问题，但用户可以选择自己的母语作为服务语言。这样就减少了很多语言上的障碍和不必要的麻烦，真正地体现了上面所说的原则。图3区域选择功能图4语言选择单独的搜索功能给初学都带来了很大的方便，无需设置其他相关搜索设置便可以进行互联网的搜索，简单而且容易上手。应有的功能一应俱全，没有多余的菜单，这好像和国内的一些搜索网站一样。如果您是高级用户可以试试右上角的“首先项”进行相关的设置。一般情况下是为简单方便搜索考虑，但同样为一些特殊人士所设置了高级功能键。这里bing设置了windowsmsn的邮箱账号登陆，

6、为那些有商务需要的用户提供了便利，减少了再次登入其它邮箱的麻烦，除此之外还可以时实的与好友分享您搜索到的新奇有趣的信息。8计算机科学与工程学院图5高级功能选项总结与点评：从上面的分析可以得出，bing对于要有的功能是一应俱全，不该有的一个也不留，其方便、快捷、简单的特点将是用户选择的最好理由。即使你是新手也不妨试试bing，它将会给你意想不到的收获，因为他是“有求必应”。2.简洁与明确Web界面设计属于设计的一种，要求简练、明确。保持简洁的常用做法是使用一个醒目的标题，这个标题常常采用图形来表示，但图形同样要求简洁。

7、另一种保持简洁的做法是限制所用的字体和颜色的数目。另外，界面上所有的元素都应当有明确的含义和用途，不要试图用无关的图片把界面装点起来。Bing的logo正如其名一样以中文字"必应"和英文名做为商标。简洁时尚，以白色和一点黄色为字体颜色，在杂色背景的映称下格外的醒目。网站以蓝色为主要背景色，蓝色有使人感觉开阔、宁静、睿智、深远的感觉。根据心理学家的研究表明，人们在蓝色背景下学习知识比一般情况下学习要更具有记忆力。图6logoBing的菜单项同样以白色为字体的主要颜色，但由于其背后的背景照片可能会改变而改变其颜色特性，但

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