书城社科网络传播实务
21172900000010

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