互联网网页布局的设计与商场商品的摆设都是有讲究的。如果客户打开商品详情页发现内容不符合期望,就会关闭网页。客户在商品详情页浏览的时间越长,商品转化的概率就会越大。在了解客户浏览网页习惯前,我们先观察速卖通首页与亚马逊首页的页面布局。
通过观察,我们可以发现这两个网页在设计上有以下共同点。第一,网页最左边有一列导航栏,平台把所经营的商品类目以导航形式列在最左侧;第二,网页顶端横放着一行搜索栏;第三,网页中间部分放着轮播商品广告图片或主打商品的图片。
事实上,与商场中商品的摆设一样,商品页面的设计与实体店商品摆放都是有讲究的,都是根据客户浏览的习惯而设计的。科学研究显示,客户打开网页后不会逐字逐句地阅读网页上的内容。大部分时候客户并非在阅读屏幕上的内容,而是在扫视。人们浏览网页时普遍遵循“F”型的阅读习惯。客户首先会在内容区的上部进行横向浏览,接着会将视线下移一段距离后,在小范围内再次横向浏览,最后会在内容区的左侧做快速的纵向浏览。这就形成了英文字母“F”。
当然,客户的浏览行为并非每次都能精确包含这三个过程。有时候,在这三个过程之后,客户还会在底部浏览横向的热点,这使整个浏览热区图看上去更像“E”。有时候,客户浏览时只反映了上述的行为 1和行为 3,这使浏览热区图看上去像一个倒写的“L”。但根据大数据,客户的屏幕浏览热区图还是较一致地反映出“F”图像。
了解了“F”型的客户浏览习惯后,我们进行商品详情网页设计时就要注意:第一,客户不会逐字逐句地仔细阅读整个网页,他们并不会浏览页面上的所有内容(“F”之外的大片空白区 );第二,将最重要的信息放在前两段(“F”型热区图中的两个横向热区);第三,在后续的内容中,将关键词和信息放在段首,使客户在左侧纵向浏览时能更容易关注到。总体来说,针对“F”型浏览行为,将最重要的信息放在上部,将相关的关键内容和信息放在内容区左侧。