电子商务网站设计分析系列之二：首屏设计

屏（above the fold）是指不动弹web网页屏幕就能被用户看到的画面。

世界闻名的页面易用性专家尼尔森曾经有演说显现，首屏以上的重视度为80.3%，首屏以下的重视度仅有19.7%。这两个数据足以表明，首屏对每一个需要转化率的网站都很重要，尤其是电商网站。
 

在电子商务网站中，用户最急切需要获得的不过乎两点：吸惹人的商品或店铺，以及网站能够给予他的信任感。信任需要积累，因此，各类宣传推广信息就成了电商首屏展示的不二之选。

一个能惹人驻足逗留的首屏必定会为网站带来更多的客户和利益，笔者会通知你怎么策划规划出一个美观好用的电商首屏。

1.确定可视范围

 根据统计讲演显示，2014年。以此为例，浏览器边框宽度遍及在21左右，所以页面首屏宽度在无搅扰要素的情况下可以确定为1345；而屏幕总高度为768，除去任务栏高度40、店铺页头106、浏览器（工具栏、边框等）160和方位工具栏30，开始预算首屏高度控制在432较为合适。因此我们可以得出，最契合时下趋势的首屏规划宽高基本范围是1345*432，重要的内容能够尽量放在这个区间里。
 

2.展示吸引用户的信息

 首页的首屏位置在整个网站中都称得上寸土寸金，正由于如斯，此处展示的文字应该短小精悍，尽可能用起码的篇幅就把信息表达清晰。标题性文字更应该把商家的贸易诉求清楚直接的表达出来，在这类文字的策划上需留意符合网站的整体风格。

3.视觉焦点要显眼

大多数用户的浏览习惯是走马观花式的，以如今海内电商网站普遍的布局来看，用户在第一屏中的视觉焦点基本上以Banner和导航为主。因此，其中所表现的不管是文字仍是大图，都应该让用户一眼看清内容，减少其思索时间。设计师在设计时可以用“去色”的方法来检修实际效果。

4.图片让内容更利于理解

要让用户在短短的几秒钟之内就了解网站或商家发布的一系列信息，单凭简短的文字是不够的，还需借力于图片的匡助。图片的使用能从侧面蕴藉的衬托主题，因此，在图片素材的选择上应该保证对主旨的表达有匡助，并且在视觉上保持风格一致。

5.用风格夸大主题

 网站首屏的风格是根据目的来决定的，在设计之前，必需要了解这个首屏毕竟在整个网站中会起到什么样的作用。一般来说，电子商务网站的首页首屏会用来进行推广宣传，好比单品推广、店铺推广和流动宣传等。
 

以单品推广作为主题的首屏一般会用卖点组成案牍，再配上简朴的图片。

店铺的推广实在并不需要用很大的篇幅来详细说明，只要将一些用户在意的枢纽点表现出来即可，例如优惠信息，流动形式范围等。

一项流动的宣传很难用简朴的案牍在首屏中描述清晰，所以要尽量用有冲击力的字词来吸引用户点击到详情页。

6.锁定用户的视觉重点

当用户对网站还不太认识的时候，进入首页必定会一头雾水，此时，给予用户视觉上的引导变得格外重要。引导的方法多种多样，好比醒目的大字或图片，吸惹人的标题、或是条理清楚整体布局等。所谓引导，并不只是代表让顾客购买商品，更意味着让用户点击进入其他页面，发生更多的消费。

7.动画招引用户视野

在网站用户体验比较流畅的基础上，在首屏中可以适当的加入一些鼠标互动效果，或是Flash动画效果会让页面看起来更加生动有趣，这种做法也能增加一定数目的点击，并且吸引用户的留意力。但这些效果只能作为点缀，大面积的使用反而会适得其反。

8.契合视觉习气的图文混排

大片单一的文字或图像会让用户发生厌倦感，而图文混排很好的弥补了这一点。图文混排的方式有良多，比如颜色上的比照、文字或图像的扩大等等，在规划上尽量做到错落有致，让用户的视野顺利的转移。不管用哪一种形式，都必需确保的是主要内容的可读性。

总结：

笔者以为，首屏是吸引用户至关重要的通道，良多网站由于对首屏的忽视，从而产生了一些用户体验上的题目。电商网站比拟较普通的官方网站在性质上更特殊一些，电商首屏应该带着商家的目的性去迎适用户的常规使用习惯，而不是漫无目的地把首屏变成布告栏。

规划师在做一个规划项目之前，无妨多从用户的视点思索，也许会有意想不到的收成。