登陆注册
13833700000010

第10章 网络传播界面构建(2)

(2)逻辑结构

网站的逻辑结构是指由页面间的链接关系所决定的结构,它反映的是页面间的链接层次关系,在逻辑结构中,常用链接深度去衡量页面间的链接层次。

链接深度越小,表示从源页面达到目标页面的路径就越短;与重要页面间的链接深度越小,被搜索引擎抓取的几率就越大。在网站中,链接深度反映的是页面间链接路径的长短,而URL反映的是页面的存储位置,因此,URL与页面的链接深度之间没有任何关联。

在网站中,常见的逻辑结构包括平铺型及树型的结构方式,树型逻辑结构是实际中最常用的类型。

①平铺型结构

平铺型逻辑结构是指网站中任意两个页面间是相互链接的结构,即网站中任意一个页面都包含其他所有页面的链接入口。这样网站中任意两个页面间的链接深度都是一层;从数据结构角度看,平铺型结构实际是深度等于一层的树。

②树型结构

从页面链接关系的角度,树型逻辑结构是指通过分类(或频道)页面对本分类(或频道)下的页面的链接地址进行合理组织的结构。

不管是平铺型还是树型逻辑结构,任意两个页面间都是连通的,即从网站上的任意一个页面出发经过若干个路径后总会到达另外一个页面。

扁平式的物理结构架构与底层数据逻辑结构嵌套模式,才是最佳的网站结构模式。通常网站频道、栏目、专题采用扁平式物理架构,如果单一采用逻辑结构,网站内容的存放和管理将会出现混乱,为网站出现坏死链接埋下隐患。超出扁平式三层结构的底层数据(终端页、详情页或存放路径较深的页面)可以采用逻辑结构,保证页面容易被搜索引擎抓取。

总之,优秀的网站在物理结构和逻辑结构的设计上都非常出色,两者既可以重合也可以有所区分,而控制好逻辑结构也会使网站的用户体验变得更加优质,并能促进和带动整个网站的页面在搜索引擎上的权重。

2.网站功能的设计

网站功能体现在两个方面:用户交互和技术实现。所有技术方面和后台的进程及应用,最终都是为了实现为用户提供交互式的服务。技术至关重要,网站功能的应用依赖技术的支撑,没有强大技术的配合网站功能将无法实现。

(1)个性化功能设计

个性化长久以来一直是互联网上的流行词汇。在这个充斥着海量信息的网络时代,个性化意味着网站需要提供高效的过滤器和内容推荐,以满足各类用户的不同需求。

以消费类网站的推荐方式为例,在网络上许多消费类的网站希望能为用户推荐可能喜欢的内容,其中有几种主要的推荐方式:

一是个性化推荐,即根据个人过去的网络行为来推荐内容。搜狐的SNS产品搜狐白社会或搜狐博客等大型社区允许每个用户指定喜欢的页面布局以及功能板块设定自己的个人主页。

二是社会性推荐,依据相似用户在过去的网络行为来推荐内容。当当网或淘宝网等电子商务网站会根据相似用户在过去所购买的物品作为推荐的依据。

三是物品推荐,是基于物品本身性质所做的推荐。电子商务网站在用户购物即将结账的时候,网页根据用户购物筐里面的商品内容,自动推荐其他相关产品。

真正的用户个性化往往需要设计、开发、维护一个完整的个人化数据管理系统。因此,考虑支持个性化功能时的第一个问题是:是否有必要?

下面是支持个性化功能的几个必要条件:

·网站有相当大数量的用户经常重复使用此网站;

·网站的信息量远大于单一用户所需要的信息量;

·网站信息的板块相对稳定;

·用户使用网站时所感兴趣的内容有明显不同的倾向,网站任何一个设计都不能同时最大程度满足所有兴趣倾向的需求,这时所产生的新需求,要通过跟踪调查用户习惯,再细分个性化功能;

·不同用户群体使用网站时的兴趣倾向相对稳定;

·相对多的用户在每次使用网站时要进行同样的、繁琐的操作以得到自己感兴趣的信息;

·用户愿意将个性化要求的信息提供给网站的拥有者;

·很多用户提出了个人化的要求或期望;

·用户进行个性化设置需要投入的时间和精力与其得到的利益成比例。

(2)信息发布系统与注册系统

①信息发布系统

根据用户选择的板块分类,自动发布所选的信息内容,可以使用此系统构造新闻内容页面,自动生成首页的新闻链接,同时产生历史新闻列表,提供新闻页面的管理界面,自动发布行业新闻,并且新闻内容页中支持插入图片方式和网页代码,自由设置新闻类别,自动显示信息的发布时间。

信息发布系统的功能主要有以下几个方面:

·信息管理

信息管理功能是指系统能够实现网站内容的更新与维护,提供在后台输入、查询、修改、删除各新闻类别和专题中的具体信息的功能,选择本信息是否出现在栏目的首页、网站的首页等一系列完善的信息管理功能。

·系统用户管理

管理系统相关属性,定制个性化环境。

·网站页面模板管理

网站页面编辑功能可以通过WEB编辑方式轻松实现网站页面模板的定制功能。将这些日常维护工作量转为系统化、标准化的维护格式,从而保证网站设计风格的统一,同时也可以大大减轻工作量。

·新闻代码

新闻代码可以嵌入用户首页在非新闻主机的页面上,显示更新的新闻列表。

②注册系统

用户管理系统有两大主要模块:用户认证注册模块、管理员的管理模块。

当某位用户需要加入到某一项工程当中的时候,就可以通过网络来注册成为用户。而管理员模块则可以对注册的用户进行认证,通过认证后分配相当的权限。这就是一个简单的用户管理过程。

注册系统包括以下几个功能:

·用户注册

用户注册模块能够满足用户的注册,包括用户的资料管理、修改等。

·管理员功能处理

此模块能够满足管理员对注册的用户进行管理,包括对注册的用户进行审核通过、对审核通过的用户进行删除、分配权限以及能够使数据库当中的数据生成权限配置文件。

·系统权限

具有上下级关系,是一个树状的结构。对于每个权限,存在两种情况,一个是可访问,另一种是可授权。例如对于“查看用户”这个权限,如果用户只被授予“可访问”,那么他就不能将他所具有的这个权限分配给其他人。

·系统管理

主要是对用户的管理,包括查看用户、新增用户、修改用户、删除用户。

二、网站界面规划

网站的结构规划完成后,要做的是把这些功能板块分布在页面中,而在这一过程中需要对网站的界面进行布局与规划。

在进行界面规划之前,我们要分析研究与用户行为、习惯、网络环境、硬件、用户屏幕显示大小等相关的信息,这有助于规划出用户接受度较高的网站。

1.通过用户分析优化网站界面

通过用户分析可以得出合理的界面规划,如用户在页面上视线轨迹的分布情况、用户在页面不同板块中的鼠标点击行为、对于页面布局长短的用户接受程度如何等。界面设计要实现的是视觉呈现,更多的规划需要在前期经过深入的思考、验证,合理的界面规划将带来与众不同的用户体验及效率。

明确了界面规划的大致方向后,我们需要从研究用户行为开始,其中眼动追踪(Eye Tracking)是较为重要的研究方法。

(1)眼动跟踪系统的工作原理

一个眼动跟踪系统,如Tobii T60/T120/X120,通常是通过监测目标人群的眼睛在页面上的反应和典型移动来进行的。人的眼睛通常是不停地移动的,直到停留在某一点上。研究发现有超过十多种不同的眼睛移动类型,它们中最重要的是扫视(Saccades)、固视(Fixations)和平滑移视(Smooth Pursuit)。当眼睛停留集中在某点时称为固视,而当眼睛在若干固视点间移动时则称做扫视。

当眼睛注视时,通常需要100至600毫秒,在每个点注视时大脑就开始处理从眼部接收到的视觉信息。扫视通常是指从一个注视点快速跳跃到另一个注视点。通常每次扫视的平均时间是20至40毫秒。在这期间,眼睛不对大脑传送信息。

人眼的视野大概在200°,绝大多数光感细胞位于视网膜上的中心凹(Fovea),它们是我们能够看到各种有色彩事物的关键因素。这个中央凹区域相当小,通常只覆盖我们眼睛视野的1°~2°。值得一提的是,这些光感细胞也是我们的大脑能接收视觉信息的关键因素。

我们的感知通常略大于我们能看到的。当眼睛处于休息状态时,大脑的注意力可能转移到其他地方,也就是说我们可以转移注意力但眼睛不移动。对中心凹视野监测通常是有效判断注意力变化的手段,因为大脑通常无法处理中心凹以外的复杂刺激信息。不少例子证明,大脑在处理中心凹视觉信息时比外围视觉信息更有效率。因为相比于清晰的视觉信息,大脑需要花更多的努力来理解模糊的视觉信息。这也是为什么可以通过跟踪眼部运动,尤其是注视来解释人们的行为。这就像我们所了解的,为了了解事物我们只能注视它或离它很近。如果某人没有注视,他不可能看到并阅读文字。眼动跟踪系统记录这些移动,并且当眼睛注视时,标记中心凹的位置。

通过分析眼部移动,我们能了解人们的行为。注视时间的长短通常表明了大脑处理视觉信息的过程和认知行为的发生。如在阅读时,注视常见词汇的时间通常比非常见词汇时间短。

(2)根据眼动追踪结果确定网站界面布局

眼动跟踪是一种通过大量短期测试就能获得明确结果的好方法。通过此方法能够得到那些用户无法告知的信息,它能给我们提供一些较为精确的数据,使问题简单化,对于创建高效的页面布局很有帮助。

通过眼动追踪的测试研究分析的结果是:眼球的第一运动聚焦于网页的左上角。用户浏览网页的这一习惯应该在意料之中,毕竟左上部为主要操作中心,这一点为大多数重要的计算机应用程序设计所采用。当考虑网站设计时,必须尊重用户的习惯,尽量保持这一格式。

用户浏览网页时,首先观察网页的左上部和上层部分,之后再往下阅读,浏览右边的内容。用户普遍的浏览方式呈现出“F”的形状。网站界面在规划时要保证内容的重要要素集中于这些关键区域,以此来确保用户的参与。而在此放置头条、副题、热点以及重要文章,更有可能吸引读者有效阅读。

以Google眼动跟踪研究为例,Google指出用户在浏览搜索结果页面时,眼睛停留在什么位置、点击什么内容等几乎完全是下意识行为。总的来说Google界面设计符合常见的F型分布。

根据用户浏览页面的特点,网站通常在界面设计时遵循从左至右、从上往下的规律,这是基于用户的视线运行轨迹。以搜狐网站首页的布局为例,左侧顶端呈现公司的品牌形象,这让所有访问网站的用户能在第一时间识别网站;其次,在顶端主导航区域的设置上,左侧为重要新闻阅读区的展示,从整体布局来看符合F型的结构,就是根据通行的规律进行合理规划的。

2.对界面布局规划的方法

根据对首屏以下版面关注度、登陆框设置、表单设置的分析,可以发现界面设计的核心问题就是如何通过合理的布局设置吸引更多的用户关注。

(1)如何有效提高首屏以下版面的关注度

在界面规划时,通常将重要信息呈现在首屏。Fiz Yazdi、Joe Leech的研究表明:有效的显示区域是首屏部分,但在有滚动线索且没有滚动设计障碍的情况下,用户并不介意滚动屏幕。他们从用户测试的行为观察中验证了这一点,即用户很自然地在页面上做很长的滚动来寻找他们想找的内容。一个适合快速扫视的首屏页面能够有效地展示品牌而不用担心用户看不到首屏以下的部分。

根据Cxpartners公司的分析,当他们在Cxpartners进行用户测试时,利用了眼动跟踪技术。眼动跟踪可以让他们了解用户看到了什么,之后,他们将获得的数据制作成一系列的热区图。热区图可以展示出一组用户的视觉焦点集合。

①滚动条可用于揭示首屏以下的内容长度

从热区图上看到,在滚动条上有一个很亮的热点,这表明滚动条通常被用来揭示页面的长度,用户期望页面能滚动。②有效界面布局能促进首屏以下部分的用户浏览

Fiz Yazdi和Joe Leech为Bristol Airport做的一项眼动研究,对比两种不同的主页设计风格对用户浏览行为的影响。研究发现,在首屏规划简洁的页面,首屏以下的部分能吸引更多的用户浏览。

同类推荐
  • 孩子你慢慢来:中外精彩教育故事选读

    孩子你慢慢来:中外精彩教育故事选读

    孔子曰:以责人之心责己,以恕己之心恕人。在新课改的今天,这话是如此地合适。当我们在寂寞的人生旅途中走来,我们要珍惜眼前盛开的每一朵花。抬头仰视它,千万不要低头的刹那间碰落。因为,每一朵都有它盛开的理由。“悲剧是永恒的”,人们常说这话讲得颇有道理。诚然,童年的许多次欢乐已随时间的流逝而渐渐褪色,而许多的痛苦永久异常清晰地萦绕心间,挥之不去。曾经看过这么一句话:宽容是生活的一种香味。多美啊!学生的任何一个错误,老师不可小视。为了不使他们的心离我们越来越远,我们应细心倾听他们的心声,宽容地给他们一个改错的机会,而不是一顿粗暴的打。
  • 探索与实践:浙江工业大学干部理论学习文选

    探索与实践:浙江工业大学干部理论学习文选

    一个政党要走在时代的前列,一刻也离不开理论指导。胡锦涛总书记指出:“各级领导干部必须明白,现在社会各个方面的发展日新月异,人民群众的实践创造丰富多彩,不学习、不坚持学习、不刻苦学习,势必会落伍,势必难以胜任我们所肩负的重大职责。要做合格的领导者和管理者,必须大力加强学习,努力用人类社会创造的丰富知识来充实自己。”党的十七届四中全会作出了建设马克思主义学习型政党的战略部署。建设学习型党组织是落实这一战略任务的基础工程,深化理论武装是学习型党组织建设的首要任务。
  • 揭开作文神秘的面纱

    揭开作文神秘的面纱

    《揭开作文神秘的面纱》以“还文字原始之功能,与生活自然相吻合,自然地写,写得自然,会写字就会写作文”的全新理念,阐述了学生作文的原理和方法,揭开了作文神秘的面纱,使作文不再难学难教。该书最大特点是把小学生在作文过程中所运用的知识和方法凝练成通俗的诗句,并加以讲述,易学、易懂、易用,使该书在众多作文辅导用书中独树一帜。
  • 现代编辑论

    现代编辑论

    关于“编辑”一词,在英语中有两个单词来表示我们所提及的相关事物:“editor”“edit”。其中“editor”指从事编辑业务的人;而单词“edit”则指编辑们的职业行为和职业范围。前者是名词,在传播学中被称为“把关人”,其职能通过后者(动词)具体体现为:负责对信息进行选择,决定取舍。在汉语中,“编辑”一词一符多义,有动名两种词性,作为前者系指编辑活动,作为后者意为编辑者,系指从事编辑活动的人员。运用时,若无特定的语境,词性是很难区分的。
热门推荐
  • 腹黑老公极宠妻

    腹黑老公极宠妻

    乐乐从来没有想过,自己的人生会出现陆铭轩这样的男人。他完美,腹黑,还会卖萌!对待他人,运筹帷幄,冷峻尊贵,在她面前,腹黑如斯,无耻卖萌!这简直就是人生的两个极端啊!那又如何,照样逃不出她的五指山。
  • 乱世如歌

    乱世如歌

    越是在乎,越是失去。越是难忘,越是曾经。越是执着,越是伤害。越是经历,越是明白。秋风细雨,夙夜辗转。独登西楼,凭倚雕栏,满目愁云锁星皎。徒有玉楼相思树,再无好梦琵琶悦,若得奈何。老树飞叶,琼楼入霄。破晓昏睡,龙袍凤翎,一朝文武纵天骄。升平寰宇侍君侧,苦忆昔年风华月,碧波残荷。良人昨日枕边话,已湿薄帏落华裳。红尘阡陌何所愿,江湖易老不知终。盛世胭脂犹似雪,烟火人间夜未眠。剑舞天下与君绝,一世倾城万古冢。冷香庭户恨薄情,梅花倩影漫读书。笑叹京城愁岁月,半鬓风霜广陵衷。寒露秋蝉枫林弈,一梦初过已千年。且有离殇是谁意,当时弄巧幻化中。前世遗憾,留待今生相错。爱恨缠绵,佳人乱世如歌。
  • 中国报告文学的世纪景观

    中国报告文学的世纪景观

    本书收录的是作者1996年到2000年间的一系列研究报告文学的文章,是作者对世纪转折间报告文学发展的追踪、观察和思考,其中既有宏观的报告文学理论及发展流变、创作潮流的梳理、总结,也有对当下的报告文学创作,甚至是微观的报告文学作家、作品的剖析、评论。作为一名新时期文学的参与者,本书作者长期身处报告文学创作、研究的前沿,因此这些文章表现出了深厚的理论素养,其中一些篇章是对报告文学理论建设的丰富、发展和补充。同时,这些研究文章还向读者传递了大量的信息,具有相当的资料文献性。可以这么说,这本书既是作者的一个阶段性研究成果,同时也是这几年报告文学理论界的一个阶段性成果。
  • 仙鹤寻龙

    仙鹤寻龙

    这是一本描述中国传统秘术的小说,故事说的是少年迟四方运用道术踏足天下的故事,足迹遍及世界,从驱鬼镇邪,到探秘上古神迹,以及揭开中国民间各种流传下来的种种神话传说、千古迷案·····【和尚相信喜欢鬼吹灯的朋友应该会喜欢本书《仙鹤寻龙》】
  • 你是我的谁.B

    你是我的谁.B

    我们从青春里走过懵懂、冲动、无知,我从未将你定义,因为我无法辨别。或许走到最后,你于我只是一个过客,但是我将永远铭记这段时光。路凌与黄小青,状似是两个不同世界的人,但却最终交汇到了一起。事情发展到最后,路凌和黄小青都有这样的想法,我从未将你忘怀,但是我们最终也只能致青春以最崇高的敬意。我爱你,但是,你是我的谁呢?
  • 不武

    不武

    人类,以牲畜五谷祭祀,助之以歌舞,祈求神灵的保佑。神灵,天地万物的创造者,主宰世间,以庇护与秋收予以回应。数百年前,天地至理不若如是。日月星辰、山川湖海、风雨雷电,诸神创造了这样的世界,赋予其规则,神灵消失后亦可运转自如。数百年后,诸神离去,人类再也无法获得神灵的庇护,独自面对这个世界。
  • 一学就会榨果蔬

    一学就会榨果蔬

    《一学就会烹饪丛书》精选了近1500种美食的烹饪方法,制作简单,操作方便,内容实用,一学就会,是饮食男女应该了解的上选读本。
  • 植物召唤师大战异界

    植物召唤师大战异界

    ◆张凌很兴奋,因为,他终于成为召唤师了。张凌很失望,因为,他是植物系的召唤师,植物系是公认最弱的。张凌很期待,因为,植物系曾经很强大,强大到令人难以置信。张凌很辛苦,因为,成为强者的道路很崎岖。◆
  • 医妃太财迷:纯禽王爷求个罩

    医妃太财迷:纯禽王爷求个罩

    财迷又毒舌的大陆第一医女穿越了!居然穿到鸡不生蛋鸟不拉屎的乡疙瘩里!还是个胖纸!胖子?这是个商机……看她一贴药下来风靡整个南塘镇。美男诚可贵,医德价更高,若有金元宝,两者皆可抛。嘿~走过路过千万别错过,美貌女医为你把脉搭,疑难杂症通通杀!带着爹妈奔富裕,打的土匪叫哇哇!瘟疫横行机智显,引来清泉又灌田,榨油解危兼赚钱,忽逢某夜君砸头,浑身带血欲求医,楚楚问日“有票吗?”某女春风得意时,凭空冒出个大老板,什么?这镇这山这人全是他的?某日某男厚颜无耻地逼婚“满脑肠肥的县官和英俊潇洒的我,你选谁?”“大老板你妻妾太多”话毕他立即呈上厚厚一叠休书。“大老板我不喜欢不干净的男人”“那我洗干净再来……”
  • 四神兽尊

    四神兽尊

    复仇周媚儿,重新成为这方世界最强者,破界成神,脚踏万千世界,获得至高修为和永生。