当前位置:文档之家› 人机交互论文-新浪网站女性频道可用性分析

人机交互论文-新浪网站女性频道可用性分析

分类号:单位代码:10422

密级:学号:Z07430-48265

论文题目:新浪网站女性频道的

可用性分析与评估

作者姓名

专业

指导教师

2007年9 月16 日

原创性声明

本人郑重声明:所呈交的学位论文,是本人在导师的指导下,独立进行研究所取得的成果。除文中已经注明引用的内容外,本论文不包含任何其他个人或集体已经发表或撰写过的科研成果。对本文的研究做出重要贡献的个人和集体,均已在文中以明确方式标明。本声明的法律责任由本人承担。

论文作者签名:日期:2007年9月16日

关于学位论文使用授权的声明

本人完全了解山东大学有关保留、使用学位论文的规定,同意学校保留或向国家有关部门或机构送交论文的复印件和电子版,允许论文被查阅和借阅;本人授权山东大学可以将本学位论文的全部或部分内容编入有关数据库进行检索,可以采用影印、缩印或其他复制手段保存论文和汇编本学位论文。(保密论文在解密后应遵守此规定)论文作者签名:导师签名: 日期:

目录

一、网站简介-----------------------------------------------------------------4

二、网站基本架构和设计思路--------------------------------------------5

三、网站的栏目设计分析-------------------------------------------------6

四、网站的布局设计分析---------------------------------------------------7

五、网站的色彩运用分析---------------------------------------------------8

六、网站的字体运用分析--------------------------------------------------11

七、网站的图片和动画运用分析-----------------------------------------12

八、网站的导航设计--------------------------------------------------------13

九、网站的总体特色--------------------------------------------------------14

十、附录网站可用性调查表----------------------------------------------15 致谢---------------------------------------------------------------------------17

新浪网站女性频道的可用性分析与评估

(https://www.doczj.com/doc/279784014.html,/)

07春季一班学号:Z0743-048265 姓名:李颖指导教师:蒋志方

一、.网站简介

据中国互联网络信息中心(CNNIC)透露,到今年4月底,我国上网用户已经突破1亿,达到1.002亿人。目前,中国网民数仅次于美国居世界第二位。在中国,新浪、搜狐、网易已经成为了大型、综合性网站中的佼佼者,其中新浪(NASDAQ: SINA)是一家服务于中国及全球华人社群里的领先在线媒体及增值资讯服务提供商。新浪拥有多家地区性网站,通过旗下五大业务主线:即提供网络新闻及内容服务的新浪网(https://www.doczj.com/doc/279784014.html,)、提供移动增值服务的新浪无线(SINA Mobile)、提供Web 2.0服务及游戏的新浪互动社区(SINA Community)、提供搜索及企业服务的新浪企业服务(https://www.doczj.com/doc/279784014.html,)以及提供网上购物服务的新浪电子商务(SINA E-Commerce),向广大用户提供包括地区性门户网站、移动增值服务、搜索引擎及目录索引、兴趣分类与社区建设型频道、免费及收费邮箱、博客、影音流媒体、网络游戏、分类信息、收费服务、电子商务和企业电子解决方案等在内的一系列服务。新浪在全球范围内注册用户超过2.3亿,日浏览量超过7亿次,是中国大陆及全球华人社群中最受推崇的互联网品牌。凭借领先的技术和优质的服务,新浪深受广大网民的欢迎并享有极高的声誉,在2003年、2004年和2005年,新浪连续荣获由北京大学管理案例研究中心和《经济观察报》评出的“中国最受尊敬企业”称号。中国互联网协会2007年发布的《2007中国互联网调查报告》中,新浪在门户和博客两大领域的用户年到达率指标中高居榜首。2007年,新浪还被北京大学新闻与传播学院、信息产业部分别评为“十大创新媒体”及“中国互联网年度成功企业”。而随着女性受教育水平的提高,越来越多的女性与互联网有了亲密接触,对于互联网的态度也有了很大的改变。通过计算机和网络技术的普及、女性网民的数量的增长、女性从最初对新技术的退缩转变到了主动接触的阶段。新的统计资料表明,男女之间上网的性别差异在美国实际上已经几乎不存在了。根据 Nielsen公司对网民的调查,美国所有的网民中约有49.5%是妇女。同时,根据Media Metrix的调查,成年网民中有53.7%是男性,而46.9%

则是女性,在中国这一比例之间的差距也在不断地缩小。也许是意识到现存各类互联网站实际上是以男性为主导浏览群体而设计的,随着女性网民绝对数量和上网比例的不断攀升,女性网站近年来在被男性掌控的网络空间横空出世,而且各大门户网站也纷纷效尤,开设女性频道,在互联网上形成一股强大的势力。新浪女性频道由此孕育而生。

二、网站基本架构和设计思路

网站的基本架构就是网站的题材,也就是网站的栏目,是网站设计开始首先遇到的问题。新浪女性从总体设计的角度讲,看似直白,但是非常的合理,给用户最直接的信息,开门见山似的表白是她的设计原则,在这原则上潜移默化地灌入了她们的标识和整体的形象加深了用户的印象,粉色的基调和具有亲和力标志深入人心。丰富的信息、强大的交互功能、人性化的设计理念是新浪成为国内顶级门户站点坚实基础。凡上网者极少有不知新浪网的,从这点上看,新浪网在用户角度可以说是个成功的典范。具体来说新浪网站女性频道共有13个栏目、100多个页面:

她几乎含概了女性所关心的各个方面,内容详尽而丰富。

三、网站的栏目设计分析

建立一个网站好比写一篇文章,首先要拟好提纲,文章才能主题明确,层次清晰。如果网站结构不清晰,目录庞杂,内容东一块西一块,结果是不但浏览者看得糊涂,自己扩充和维护网站也相当困难。而一个网站的栏目的实质是一个网站的大纲索引,索引应该将网站的主体明确显示出来。一般的网站栏目安排要注意以下几方面:

1、要紧扣主题

将你的主题按一定的方法分类并将它们作为网站的主栏目。主题栏目个数在总栏目中要占绝对优势,这样的网站显的专业,主题突出,容易给人留下深刻印象。

2、设立最近更新或网站指南栏目

设立 "最近更新"的栏目,是为了照顾常来的访客,让你的主页更有人性化。如果主页内容庞大,层次较多,而又没有站内的搜索引擎,设置"本站指南"栏目,可以帮助初访者快速找到他们想要的内容。新浪女性频道栏目的纵横搭配比较合理,是使用者在网页的任何一个主体框架下,比较容易点击自己感兴趣的栏目,使用起来比较方便快捷。

3、设立可以双向交流的栏目

比如论坛,留言本,邮件列表等,可以让浏览者留下他们的信息。一个好的门户网站不仅要耐看实用还要有亲和力,具有人性化的一面。新浪女性这方面也做了不少尝试,博客和论坛是必不可少的,让人充分感到言论自由的是在哪呢?体现在每则新闻下面都有发表评论这设置。你有什么想法及念头都可以一吐为快,想必有不少人乐于此道。

4、设立下载或常见问题回答栏目

网络的特点是信息共享。如在你主页上设置一个资料下载栏目,便于访问者下载所需资料。另外,如果站点经常收到网友关于某方面的问题来信,最好设立一个常见问题回答的栏目,既方便了网友,也可以节约自己更多时间。

新浪网站女性频道很好的遵循了以上四个原则,共设有13个栏目。其中的美容、服饰、情感和美体、男士这些栏目都是每一个女性都特别感兴趣的,更贴近女性的生活,点击率也是相当高的。

四、网站的布局设计分析

设计首页的第一步是设计版面布局。就像传统的报刊杂志编辑一样,我们将网页看作一张报纸,一本杂志来进行排版布局。

版面指的是浏览器看到的完整的一个页面(可以包含框架和层)。因为每个

人的显示器分辨率不同,所以同一个页面的大小可能出现640*480像素,800*600像素,1024*768像素等不同尺寸布局,就是以最适合浏览的方式将图片和文字排放在页面的不同位置。我们经常用到的版面布局形式有:

1."T"结构布局。所谓"T"结构。就是指页面顶部为横条网站标志+广告条,下方左面为主菜单,右面显示内容的布局,因为菜单条背景教深,整体效果类似英文字母"T",所以我们称之为"T"形布局。这是网页设计中用的最广返的一种布局方式。这种布局的优点是页面结构清晰,主次分明。是初学者最容易上手的布局方法。缺点是规矩呆板,如果细节色彩上不注意,很容易让人"看之无味"。

2."口"型布局。这是一个象形的说法,就是页面一般上下各有一个广告条,左面是主菜单,右面放友情连接等,中间是主要内容。这种布局的优点是充分利用版面,信息量大(我的主页首页即属于这种布局)。缺点是页面拥挤,不够灵活。也有将四边空出,只用中间的窗口型设计,例如:网易壁纸站。

3."三"型布局。这种布局多用于国外站点,国内用的不多。特点是页面上横向两条色块,将页面整体分割为四部分,色块中大多放广告条。

4.对称对比布局。顾名思义,采取左右或者上下对称的布局,一半深色,一半浅色,一般用于设计型站点。优点是视觉冲击力强,缺点是将两部分有机的结合比较困难。

5.POP布局。POP引自广告术语,就是指页面布局象一张宣传海报,以一张精美图片作为页面的设计中心。常用于时尚类站点,比如新浪女性频道、https://www.doczj.com/doc/279784014.html,。优点显而易见:漂亮吸引人,能引起使用者点击的冲动。缺点就是如果要全面了解整个网站的特点和内容就必须点击所有的栏目,速度比较慢,时间花费比较多。

五、网站的色彩运用分析

人们常常感受到色彩对自己心理的影响,这些影响总是在不知不觉中发挥作用,左右我们的情绪。色彩的心理效应发生在不同层次中。有些属直接的刺激,有些要通过间接的联想,更高层次则涉及到人的观念、信仰,对于艺术家和设计者来说,无论哪一层次的作用都是不能忽视的。网站给人的第一印象来自视觉冲

击,确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果,并可能影响到访问者的情绪。举个实际的例子就明白了:IBM的深蓝色,肯得基的红色条型,windows视窗标志上的红蓝黄绿色块,都使我们觉得很贴切,很和谐。"标准色彩"是指能体现网站形象和延伸内涵的色彩。一般来说,一个网站的标准色彩不超过3种,太多则让人眼花缭乱。标准色彩要用于网站的标志,标题,主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用,只是作为点缀和衬托,绝不能喧宾夺主。整个新浪网站女性频道都是以粉色系为主色调。配以红、黄、蓝、绿、紫等各种颜色,不刺眼、不夸张,色调比较柔和,达到了颜色的整体统一和谐。除了左侧的要目提示和顶端的导航条使用了新浪的标志性黄色以外,其他的板块就没有使用很抢眼的色彩,整体风格明朗化,给人实在的感觉,给人以亲切感。不同的栏目搭配不同的颜色更贴近栏目的主体,例如:时尚男士栏目,整个栏目使用了蓝灰色的配色,符合女性所欣赏的男士的冷峻、忧郁的特点。情感栏目使用了绿色的配色,符合情感青涩的特点。甚至在图片处理上也尽量简化,以保持浏览速度:除了边角修饰的小图片外,其他点缀的小图片小到仅仅维持你可以看清楚的地步使整个页面在视觉上溶为一个整体,达到了和谐、悦目的视觉效果。

六、网站的字体运用分析

和标准色彩一样,标准字体是指用于标志,标题,主菜单的特有字体。一般我们网页默认的字体是宋体。为了体现站点的"与众不同"和特有风格,我们可以根据需要选择一些特别字体。例如,为了体现专业可以使用粗仿宋体,体现设计精美可以用广告体,体现亲切随意可以用手写体等等。设置字体的原则有:

1.不要使用超过3种以上的字体。字体太多则显得杂乱,没有主题。新浪女性的字体一般以宋体为主,字体的颜色与背景的颜色和谐而统一。

2.不要用太大的字。因为版面是宝贵,有限的,粗陋的大字体不能带给访问者更多信息。字体太大只会让人觉得整个版面杂乱无章,毫无头绪,影响页面的整体效果。

3.不要使用不停闪烁的文字。想让浏览者多停留一会儿的话,就不要使用闪烁的文字。新浪女性频道基本未采用闪烁文字。

4.原则上标题的字体较正文大,颜色也应有所区别。

新浪女性字体的活泼程度不够,过于格式化,不够动感,缺乏新时代女性的时尚与多变,不太符合时代潮流。

七、网站的图片和动画运用分析

网站内缺少不了图片,特别是以广告宣传为主要目的的企业网站,产品图片是企业最重要的宣传资料之一。但是,目前的情况看来,将图片的清晰度制作得较高的企业网站少之又少。而动画是一种动态的视觉上的表达、形式和结构,并随时间推移而变化。动画十分普遍,用途不尽相同,我们在电脑上、尤其是网页上和在线广告中常常可以看到。一些设计者使用动画来传递信息,并认为在有限的电脑屏幕上动画比文本有用的多,但是我们对于动画的效果却要小心谨慎。多数人在多数情况下认为网页上的动画是令人讨厌的。很多用者在浏览网页时常常会被网页上的动画所干扰,或者被分散了注意力,特别是当动画不能给用者正在进行的工作带来任何信息的时候。所以在动画的运用中要注意以下几条原则:

1、不要干扰在重要信息上的注意力。

2、避免混乱。

3、设定合适的持续时间。

4、使用文本和听觉信息来辅助动画。

5、遵守颜色的惯例。

例如在新浪女性频道的美体健身栏目中(如下图所示),图片中的小美女身材窈窕,身穿一件绿色的超短裙,这与美体健身中倡导的绿色健身不谋而合,并

且与整个栏目所使用的颜色绿色保持一致,是读者看起来舒服、亲切,也具有一

定的说服力。比起其他商业网站,新浪女性的广告很少,即使是有也只是在屏幕的一个角上,不占用太大的篇幅,颜色与网站的总色调保持一致,看起来简单明了、不复杂。很少有令人生厌的flash或是Java小程序,一般不会影响到浏览者的心情。但是因为是女性频道,所以应贴近女性的生活,多姿多彩,网页上的图片过于少了,特别是版面新闻的标题过于格式化,条文化,如果配以一定量的图片,说不定可以使浏览者有点击的冲动。

八、网站的导航设计

这是个信息量巨大的网站,如何使它们有条不紊的摆放在用户面前,显然新浪女性在这方面下足了功夫。把众多信息通过合理的安排,分门别类,且有侧重点之分,无论浏览网页的是什么人,都能很容易在这页面找到她感兴趣的元素,她们的版面格局非常清晰,一目了然,使用方便、快捷。

排行榜综合排行美容服饰美体情感两性博客八卦男性互动视频

情感今日话题单身新婚家庭测试情感倾诉情感素描情感剧场边缘情感情感美文Top2000

美容美肤课堂技巧产品妆容发型明星保养靓丽前沿奢华魅力健康活力秀发沙龙MM化妆包

服饰明星服饰装扮饰品T台折扣资讯

美体减肥塑形女人健康MM瘦身坊美体图库

两性两性故事答疑技巧美图两性健康

博客情感两性视点风尚同志名人专栏凡人日记

环球女

新闻八卦写真时尚动态OL财富

名品名品秀场大牌奢华香水男人玩物生活方式

社区家庭婚姻真情天下情感答疑窈窕身姿美容护肤我爱美女美发沙龙魅力前沿两性健康我为购物狂

热门关键字防晒保湿祛痘美白瘦脸排毒瘦臂发型妇科避孕内衣裙装裤装

八卦情敌婆媳同居背叛口述分手处女情人第三者姐弟恋婚外情

热门产

占便宜库品牌库专题库情感答疑系统图库

九、网站的总体特色

综上所述,我们可以看到新浪女性的几个特色:

1、清晰的导航栏,使浏览者一目了然。给浏览者带来了极大的方便,查

找更容易。

2、信息多元化,内容丰富、包罗万象。

3、良好的双向交流,沟通顺畅、畅所欲言。

4、快速搜索,使用起来方便快捷。

5、风格统一和谐的字体和颜色。

6、图片、字体使用过于呆板,不够活泼生动。

7、更新速度快,有强大的信息团队的支持。

十、附录网站可用性调查表

新浪网站女性频道网站调查表

1、你熟悉了解的网站:

[ ]新浪网站女性频道[ ]太平洋女性网[ ]天生女人网[ ]搜狐女人[ ]其他女性网站

2、对您而言,新浪女性最重要的特点是什么?

请用一个形容词描述:[开放题]

3、您的职业[单选题]

[ ]公司白领[ ]教师[ ]厂矿企业[ ]银行职员[ ]服务行业[ ]公务员[ ]自由职业

4、您的学历[单选题]

[ ]初中及以下[ ]高中[ ]大专[ ]本科[ ]硕士及以上5、您的年龄[单选题]

[ ]20岁以内[ ]20-30岁[ ]31-40岁[ ]40-50岁[ ]50岁以上6、您浏览新浪女性的频度大概是[单选题]

[ ]每天一次以上[ ]每天一次[ ]每周一次以上

[ ]每周一次[ ]每月一次以上[ ]每月一次

[ ]每月不足一次

7、您从何得知新浪女性的[单选题]

[ ]他人推荐或影响[ ]媒体宣传或广告

8、您觉得新浪女性和其他女性专业网站的不同是[多选题]

[ ]可以信赖[ ]信息最快最全[ ]交流方便[ ]操作简单

9、您比较关注新浪女性的哪些栏目:[多选题]

[ ]情感[ ]美容[ ]服饰[ ]美体[ ]两性[ ]博客[ ]环球[ ]女性[ ]名品[ ]社区[ ]热门产品

10、您最想在新浪女性中看到哪方面的内容:[开放题]

11、您对该网站有何建议和意见:

致谢

完成本论文,首先要感谢蒋志方老师,本学期他所讲授的人机交互这门课,使我受益匪浅,从中获取了丰富的理论知识。他严谨的治学态度,以及一丝不苟的教学精神,使我获得了从书本中无法获得的东西。因此,我想对蒋老师说一声:您辛苦了!

相关主题
文本预览
相关文档 最新文档