网站首页布局方法
网站首页该放点什么,这些内容该如何布局,首页左边重要还是右边重要。我想很多人都会遇到这个问题。即使,一个简单的图片放在左边和放在右边,对网站的转化率有影响,因此,我们需要一套方法来设计自己网站布局。
专家是如何说的?
网站布局的原理也是基于用户体验,在《结网:互联网产品经理改变世界》一书中,作者王坚提到:
- 用户体验三要素:别让我等!别让我想!别让我烦!
- 缩短完成路径就是帮用户偷懒 这里说明,需要快速将有用信息呈现给用户。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:对比首页现状,提出改善建议。
焦点 |
现状 |
改善后 |
1 |
导航栏 |
优化导航栏 |
2 |
促销展示 |
优化促销展示,突显好处 |
3 |
登陆区 |
增加充值缴费及查询 |
4 |
终端促销 |
保持不变 |
5 |
话费及业务办理;网上申诉 |
优化布局 |
6 |
重点业务推荐 |
保持不变 |
7 |
业务办理、帮助支持 |
保持不变 |
综上,首页布局上,“在最短路径,放置用户最需要的东西”,让用户轻松找到想要的,是提升用户体验的宗旨。