电商APP首页设计，终于有人讲明白了！

移动端产品设计的难点在于在很小的屏幕上展示所有的业务。屏幕限制和移动端的客户碎片化阅读的习惯和高流失率。对于业务复杂的App产品设计难度更高。电商产品就是典型的复杂业务产品之一，是要展示内容最多、最难做的一类App。

 

电商APP首页设计结构

 

电子商务网站的首页是网站的形象页面，一个网站能否吸引浏览者留在该站中漫游，全凭首页设计效果的好坏。所以，首页设计对于任何网站都是至关重要的。

 

首页从根本上说，就是全站内容的目录，也是一个索引。一般的电商app都有页头、页中和页尾这3 个设计区：

 

l页头：包括网站名称、搜索组件、焦点广告、导航等版块。

 

页头首先要体现网站主题。用企业名称、标语、徽号或图像概括地反映企业形象、经营理念和服务定位。搜索、导航提供了对关键页面的浏览链接，通过图标和文字表明产品其他页面载有的主要信息；用户能够在最短时间、最便捷的操作迅速地到达他们所需信息的其他页面中。

 

l页中：包括公告、最新活动、个性化产品推荐、友情链接等版块。

 

在首页上公告信息，到达率非常高。同时，产品中在进行的各种活动信息，也是吸引用户停留并购买的重要手段。随着互联网产品设逐步创新，数字化，原来千人一面的首页分类产品列表由简单罗列，变成了根据用户喜好和行为习惯进行个性化的商品推荐，产品变得更了解用户也更能触发用户购买行业发生了。

 

l页尾：包括版权、联络方式、计数器等版块。

 

版权的常见做法是在首页底部标示简短的声明，再用链接附带一个有详细使用条款的说明页面，既避免首页的杂乱又把重要内容说清楚了。页面底部的联系方式，方便用户与产品相关人员取得联系，让产品所属企业获得用户反馈。

 

页尾的内容在web端界面设计中是不可缺少的区域，但在移动端首页基本都被移到了”设置”中进行展示，这是由于移动端界面空间实在太少，而且移动端多以手式向上不断滑动查看新内容，造成页尾信息如果放在页面尾端查看十分不方便。

 

 

首页设计组件介绍

 

一、搜索栏

 

大多数用户发生购买行为有明确的目的性。我知道我想要买什么，所以我需要快速的搜到商品。因此App把最显眼的位置留给搜索栏。

 

 

一个完整的搜索组件设计应该由三个阶段组成：

 

1.找到搜索框

2.录入关键词

3.搜索结果展示

 

搜索框的设计需要注意：

 

电商App的搜索框通常放在界面的最上面，明显、惹眼，用户可以直接进入信息录入阶段。

 

电商App的首页搜索框，即使用户需要查找的内容属于不同类别，在设计上也最好给用户最简单的全站内容搜索组件。

 

搜索框的设计风格应该和整体产品风格保持一致

 

信息录入的设计需要注意：