网站首页布局方法

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

专家是如何说的?

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

  • 用户体验三要素:别让我等!别让我想!别让我烦!
  • 缩短完成路径就是帮用户偷懒 这里说明,需要快速将有用信息呈现给用户。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:对比首页现状,提出改善建议。

焦点

现状

 改善后

导航栏

优化导航栏

促销展示

优化促销展示,突显好处

登陆区

增加充值缴费及查询

终端促销

保持不变

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

优化布局

重点业务推荐

保持不变

业务办理、帮助支持

保持不变

 

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

One thought on “网站首页布局方法

  1. social media

    Dainty yet substantial would be the perfect way to describe these treats, which are actually hollow (see below); while they are light and delicate, they do get a substantive and delicious boost from deep frying, which gives them a flavor something like funnel cake, but with a tantalizingly crunchy texture. When the mixture turns crisp and golden brown, the rosette is removed from the iron and drained on paper towels. While warm, these pastries are usually sprinkled with cinnamon sugar. A nonsweetened batter may be used to make savory rosettes, which can be sprinkled with salt and served as an appetizer. A rosette iron has a long metal rod with a heatproof handle at one end and various decorative shapes (such as a butterfly, heart, star or flower) that can be attached to the other end. When the crisp pastry is pushed off the iron and cooled, it can be filled with a sweet or savory mixture.

Comments are closed.