电子商务网站设计分析之首屏设计

来源：　　　2017-05-31 09:09:04

首屏（above the fold）是指不滚动web网页屏幕就能被用户看到的画面。首屏对每一个需要转化率的网站都很重要，尤其是电商网站。

一个能引人驻足停留的首屏一定会为网站带来更多的客户和利益，接下来小编会告诉你如何策划设计出一个好看好用的电商首屏。

1.确定可视范围
目前最符合时下趋势的首屏设计宽高基本范围是1345*432，重要的内容可以尽量放在这个区间里。

2.展示吸引用户的信息
首页的首屏位置在整个网站中都称得上寸土寸金，对文字要求短小精悍，表达商家的商业诉求的同时，也要符合网站的整体风格。如果把标题文字加上“0元领”“秒杀”类似这样的醒目的字眼，这种简单直接的文案就能很好的抓住浏览者的眼球，让用户充满了好奇心。首屏中需要把真正吸引用户的信息点都陈列出来，供用户逐一了解。

3.视觉焦点要显眼
大多数用户的浏览习惯是走马观花式的，以如今国内电商网站普遍的布局来看，用户在第一屏中的视觉焦点基本上以Banner和导航为主。因此，其中所表现的无论是文字还是大图，都应该让用户一眼看清内容，同时色彩是锁定用户视觉焦点的主要问题。

4.图片让内容更利于理解
让用户在极短的时间内了解网站或商家发布的一系列信息，需要简短的文字和衬托主题的图片相结合，视觉上要保持风格一致，互相衬托相得益彰。有的电商首屏走的极简路线，没有什么修饰，让用户可以专注于商品本身，配图可以不用把商品全貌展现出来，极简的风格下，也能增强用户的点击欲。

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

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

7.动画吸引用户视线
在用户体验比较流畅的基础上，在首屏中可以适当的加入一些鼠标互动效果，或者是Flash动画效果会让页面看起来更加生动有趣，这些效果只能用于点缀。

8.符合视觉习惯的图文混排
大片单一的文字或图片会让用户产生厌倦感，而图文混排很好的弥补了这一点。在布局上尽量做到错落有致，让用户的视线顺畅的转移。无论用哪一种形式，都必须确保的是主要内容的可读性。

首屏是吸引用户的“颜值担当”和“门面担当”，首屏的设计是否出彩直接影响用户的体验，电商首屏应该带着商家的目的性去迎合用户的常规使用习惯，设计师在做一个设计项目之前，不妨多从用户的角度思考，会收到意想不到的收获。

上一篇：电子商务网站建设的优点在哪里 下一篇：电子商务网站链接结构有哪些类型？: 返回列表

电子商务相关内容

解决方案

教育培训解决方案软件开发解决方案手机数码网站解决方案奢侈品营销推广方案大型门户网站解决方案电子商务网站解决方案房地产网站解决方案上市公司网站解决方案家电网站解决方案化妆品网站解决方案家装网站解决方案金融网站解决方案 LED行业网站解决方案环保网站解决方案
我们的优势

网络公司8年专业互联网经验内蒙古专业网站建设团队500家企业互联网供应商B2C营销型网站建设领跑者知名品牌网站建设超过180个品牌传播与互联网技术并重多项互联网设计传播大奖
峻宇业务

品牌网站建设网站seo优化网站运营推广软文推广应用软件开发微信营销微信活动策划微信商城开发微信网站制作微信h5开发

联系我们

咨询电话：187-4797-00800471/2532575

业务 QQ：897045853渠道合作：info@213idc.com

E-mail：info@213idc.com售后QQ : 1664327804

峻宇业务面对地区

峻宇网络公司内蒙古建站公司业务面对地区：
呼和浩特市、包头市、乌海市、赤峰市、通辽市、鄂尔多斯市、呼伦贝尔市、巴彦淖尔市、乌兰察布市、兴安盟、锡林郭勒盟、阿拉善盟。

电子商务网站设计分析之首屏设计

电子商务相关内容

解决方案

我们的优势

峻宇业务

联系我们

峻宇业务面对地区