登陆注册
9653100000010

第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做的一项眼动研究,对比两种不同的主页设计风格对用户浏览行为的影响。研究发现,在首屏规划简洁的页面,首屏以下的部分能吸引更多的用户浏览。

同类推荐
  • 转型期中国出版业制度分析

    转型期中国出版业制度分析

    新制度经济学代表人物诺思认为,制度是决定经济长期纯净的根本因素。国际竞争说到底是制度的竞争,中国出版业要稳定快速发展并在全球市场竞争中胜出,关键要靠制度。本书以转型期中国图书出版业为研究对象,考察了政治经济和文化转型背景下的出版业转型,对三十余年来我国出版业的发展从制度层面进行了深入全面的研究,并对我国出版业制度的进一步完善 提出了见解,具有一定的理论价值殛现实意义。
  • 袁宝华文集第四卷:文选(1988年1月-1992年7月)

    袁宝华文集第四卷:文选(1988年1月-1992年7月)

    本文集为十卷本,汇集了作者在解放初期恢复东北工业,制定和实施“一五”计划,赴苏谈判156项工程,三年“大跃进”大炼钢铁,国民经济调整,建立新中国物资管理体制,“文化大革命”期间国民经济运行,改革开放期间国民经济管理,企业整顿和改革,制定《企业法》,开创职工教育和MBA教育工作,开拓企业思想政治工作,创建民间经济类社团,建设中国企业家队伍,以及担任中国人民大学校长工作中的理论著作和文章。
  • 追寻教育的乌托邦

    追寻教育的乌托邦

    本书记载了作者的心灵成长、记录了作者变革的梦想,体现了作者对理想教育的向往及一种大教育的情怀。全书内容包括:走向讲台——在执著与坚毅中为人师表、享受课堂——让课堂成为孩子的精神舞台、学生观——你的心我永远会懂等七章。
  • 致命的自负

    致命的自负

    本书是哈耶克生前最后一部作品,也是他最重要和最具有代表性的著作之一。 这部著作不同于以往,在某种程度上,它实际上是“哈耶克对自己毕生所反对‘极权社会主义’的思想努力的总结”。
  • 光华思想政治教育论坛:2008—2009

    光华思想政治教育论坛:2008—2009

    本书是西南财经大学马克思主义学院老师们的科研成果汇集,还包括该院主持的两次研讨会的部分论文。本思政理论辑刊收录的文章分别从马克思主义理论研究、思想政治理论研究和高校思想政治理论课教育教学研究三个方面对高校思想政治理论教育教学进行了深入研究,作者都是高校思想政治理论教育教学的一线教师,这些文章贴近实际、贴近生活、贴近学生,有思想、有内容、有深度,值得一读。对于大力推进马克思主义中国化、时代化、大众化,用中国特色社会主义理论体系教育学生,培养合格的社会主义事业接班人,具有重要的作用!
热门推荐
  • 傲娇竹马欺上身:青梅,闹够没!

    傲娇竹马欺上身:青梅,闹够没!

    【本文甜宠,1V1,男女身心干净,欢迎入坑。】顾似槿自小喜欢苏流年,这是谁都知道的一件事。三年前,顾似槿告白被拒,不知为何,消失了三年。三年后,她突然回来,年少轻狂的她已经不复存在,她只想拿回属于她的一切。她以为与苏流年会是一条平行线,没有任何交集,可却是这样的——“小木……”槿字还未说出。“滚!”“滚……床单?为什么不早说?”某男一本正经的胡说八道。“我让你滚!”“你跟我一起滚。”“……”
  • TFBOYS之只是一句我爱你

    TFBOYS之只是一句我爱你

    她,八中一位新生,开学前遇到了他们,他,俊美非凡,腹黑毒舌;他,可爱烂漫,有时却有点小坏坏;他,温柔无比,默默地守护着……她的闺蜜喜欢上他爱的男生,她该怎么办?接连不断出现的女生,阻挡着他与她,最终她会选择谁?(本书是慢慢养成爱的,过程很慢,团魂力量写的很多,有甜有虐,慢慢等待耐住性子看,你一定会喜欢的!)
  • 纳天下

    纳天下

    异世大陆,天下分五洲十朝,皇朝下又有诸多诸侯国,看恪道如何修身齐家治国平天下!
  • 教你学同义词反义词(上)(学生语言文字写作学习手册)

    教你学同义词反义词(上)(学生语言文字写作学习手册)

    语言文字的简称就是语文。语文是人文社会科学的一门重要学科,是人们相互交流思想的工具。它既是语言文字规范的实用工具,又是文化艺术,同时也是用来积累和开拓精神财富的一门学问。
  • 【完结】倾城容颜惑君心:皇上,我娶你!

    【完结】倾城容颜惑君心:皇上,我娶你!

    一朝穿越,倾国倾城,妩媚妖娆,聪明伶俐...都是我在古代的众人所知的名词。皇上为我废除后宫,王爷为我买醉,一庄之主的他为我疯狂,他们有着不同的身份,却同时爱上了我。他眸中些许犹豫的的看着我:“朕愿为你废除后宫,只要你答应嫁给朕。”我不假思索的回答:“不是我不愿嫁给你,只是我想娶你。”他惊讶的看着我,一脸的不可置信。没错说那些话我就是我蓝馨儿,我要做别人不敢做的事情,“皇上,我娶你!”
  • 天幻魔瞳

    天幻魔瞳

    这是一个武者与幻术师的世界,到底谁才能够走向巅峰,武者与幻术师不断的争锋,到底谁才是最巅峰的存在。一个幻术世家的弟子段天在家族测试前身体发生变化,只能走武者的道路,在一个主张幻术的帝国里开始了自己的武者之路,前路困难重重,他能不能在一个幻术帝国里崛起,请来一起欣赏吧接下来会不断更新!!!!!!!!!求点击!!!!求收藏!!!!!求推荐!!!!!!!!!!!
  • 福妻驾到

    福妻驾到

    现代饭店彪悍老板娘魂穿古代。不分是非的极品婆婆?三年未归生死不明的丈夫?心狠手辣的阴毒亲戚?贪婪而好色的地主老财?吃上顿没下顿的贫困宭境?不怕不怕,神仙相助,一技在手,天下我有!且看现代张悦娘,如何身带福气玩转古代,开面馆、收小弟、左纳财富,右傍美男,共绘幸福生活大好蓝图!!!!快本新书《天媒地聘》已经上架开始销售,只要3.99元即可将整本书抱回家,你还等什么哪,赶紧点击下面的直通车,享受乐乐精心为您准备的美食盛宴吧!)
  • 我的极品校花老婆

    我的极品校花老婆

    修炼《天神秘典》的佣兵之王回国,执行贴身保护校花的任务!从此过上欢乐小冤家的生活。老婆,你能不能消停点?和睦相处不好吗?我和她们真的只是朋友而已。
  • 我的爸爸是死宅

    我的爸爸是死宅

    壮年男子为何死宅家中?单亲家庭为何有妹空降?无良父亲又为何不管不顾?校园欺凌惨案,究竟是为何所为?隔壁少女门夜夜被敲,究竟是人是鬼?宅男父亲突然消失的背后又隐藏着什么?这一切的背后,是人性的扭曲还是道德的沦丧?是矛盾的爆发还是蛰伏的无奈?敬请关注大黑欧巴的年度巨献《我的爸爸是死宅》让我们跟随着镜头走进坚强少年的内心世界。“崽,阿爸没有完成的东西,就交给你了。
  • 十八界

    十八界

    南北乱世,人命不过草芥,天地妖气大张.在青黄不接的年月,人心溃散,以玄修为智,救世为愚。妖邪人佛,皆在火宅。生命流浪,悲苦不胜。一只神秘人留下的妖狐,却无意间获得江湖宝刀,并窥知惊天秘密。