网站首页布局方法

     网站首页该放点什么,这些内容该如何布局,首页左边重要还是右边重要。我想很多人都会遇到这个问题。即使,一个简单的图片放在左边和放在右边,对网站的转化率有影响,因此,我们需要一套方法来设计自己网站布局。

专家是如何说的?

     网站布局的原理也是基于用户体验,在《结网:互联网产品经理改变世界》一书中,作者王坚提到:

  • 用户体验三要素:别让我等!别让我想!别让我烦!
  • 缩短完成路径就是帮用户偷懒 这里说明,需要快速将有用信息呈现给用户。Google做过一个尝试,揭示:页面显示10条搜索结果,载入要0.4秒,而页面显现30条搜索结果,载入要0.9秒,后者30条搜索结果的页面应用,使得Google总的流量和收入削减了20%。可见,不要让用户等待有多么重要。

 

我个人如何界定布局思想的?

     上面提到的专家观点,其中一个假设是:用户强烈需要使用最快捷的方式实现自己的需求。基于这个假设,我个人总结出的布局理念是:在最短路径,放置用户最需要的东西。这句话有三个关键点:用户、最短路径、最需要。我们需要解决三个问题:

1、用户是谁?

     你的网站是给谁使用的,企业内部用户(员工、领导)?企业外部用户(消费者、合作商、应聘者)?

2、他们有哪些需要?

     “需要”其实就是一场利益的博弈,“用户第一”还是“领导第一”,不同企业不同情况。 了解需求同样可以使用调研手段:焦点小组、深度访谈、二手资料等等,用户的需要包括:企业资质了解、企业产品信息收集、产品优惠信息收集、购买决策信息收集、线上交易、线上售后;企业领导的需求包括:某项产品的线上推广指标、企业产品的对外发布、领导某项工作业绩的展示等;

3、何为最短路径?

     即跟随用户的视线路径。较多的是引用网站设计工程师杰柯伯·尼尔森在2006年4月发表的《眼睛轨迹的研究》报告,报告指出人们大多不由自主地以“F”字母形状的模式来阅读网页。

     1、读者的眼睛首先是水平运动,常常是扫过网页内容的最上半部分。这样就形成了一条横向的运动轨迹。这是F字母的第一条横线。

     2、读者的眼光略微下移,很典型地扫描比第一步范围较短的区域。这就又划了F字母中的第二条横线。

     3、最后,读者朝网页左边的部分进行垂直扫描。有时候,这个举动很慢而且很有系统性,这样就划了F字母中的一条竖线。

如下图:

网站首页布局

 

 

下面,以电信网厅首页为例说明布局

步骤1:确定用户是谁

     我们知道电信行业是比较官僚的行业,领导意见非常重要,但为了简化,我们只以“消费用户”为网站用户。

 

步骤2:确定用户的需要

  • 通过网站调研用户访问网站的主要目的

网站首页布局

网站首页布局     通过以上两个图的举例,我们可以看到用户的需求顺序为:

     1、了解优惠活动或产品资费。

     2、话费相关查询服务

     3、充值缴费

     4、终端购买

     5、业务申请受理服务

     6、网上客服与投诉

 

步骤3 :确定页面焦点

     使用上面《眼睛轨迹的研究》介绍的F形态阅读轨迹,可以认为网站首页的阅读焦点分布如下:

网站首页布局

     如上图,焦点1到焦点7,用户视线路径从短到长为焦点1到焦点7,因此,剩下的就是将用户最需要的内容放在最短的路径上,越重要的放在越短的路径上。

 

步骤4:对比首页现状,提出改善建议。

焦点

现状

 改善后

导航栏

优化导航栏

促销展示

优化促销展示,突显好处

登陆区

增加充值缴费及查询

终端促销

保持不变

话费及业务办理;网上申诉

优化布局

重点业务推荐

保持不变

业务办理、帮助支持

保持不变

 

     综上,首页布局上,“在最短路径,放置用户最需要的东西”,让用户轻松找到想要的,是提升用户体验的宗旨。