如何设计电商APP首页

我这里分析的“产品陈列设计”并非建立在专业领域的概念，而是通过实战总结的经验。

 

关于产品陈列设计要把握的几个原则是：

 

1. 让新用户轻松找到产品，快速熟悉产品目录

2. 让老用户第一时间看到上架的新品

3. 陈列的目的是让用户快速找到自己想找的商品

4. 在APP内形成逛的氛围

5. 在合适的位置推出主打产品！

6. 每个功能模块所展示的产品数量要合理

7. 陈列的图片规格既要节省空间又要清晰表达产品特征！

8. 陈列中巧用文字和数据的影响

9. 不要滥用广告图！

10. 把握陈列中引起购物欲望的元素

11. 陈列中不可忽视的即兴消费

12. （抛砖引玉，待续）

让新用户轻松找到产品，快速熟悉产品目录

新用户永远是需要小心维护的对象，因为老用户都是从新用户转化来的。新用户进入APP有两种渠道，一种是直接点开APP进入首页，一种是安装了APP但没有立即打开，后续通过APP推送的消息打开APP。对于电商类APP来说，第二种情况较少发生，因为安装购物APP的用户通常是有个明确的需求才会去下载安装（不排除装机时安装或即兴安装，不在本文展开讨论）。我们重点讨论第一种情况，进入首页后，如何让新用户看到最多的产品，又让新用户轻松找到想要的产品呢？

a. 搜索框

b. 清晰的、细分的产品目录导航

c. 产品扫码

 

针对第一种情况--搜索

要谈搜索的设置，首先要谈一下搜索的入口，我认为根据产品的不同，至少要分两种情况。

一种产品为模糊需求类（如旅游度假、保险、打折类），用户往往没有带着明确的需求打开APP，或者太过专业无从下搜（如保险），这个时候，搜索反而变成了较弱的需求，销售这类产品的APP，不应将搜索放在主要位置。

另一种产品为快消品一类（服饰衣帽鞋包食品类），用户很明确的知道自己的需求，所以需要再显著位置有搜索入口，方便自己直接去找自己想要的商品，缩短购物路径；

 从首页顶部的搜索框进入搜索页：

从首页进入搜索框，展现的是快速搜索框，只简要展示推荐内容和搜索历史，这部分是专门给有明确需求的用户，通常是老用户准备的。

 从底部菜单栏进入搜索页：

而从其他路径，通常是目录页、底部菜单栏进入，这部分是为浅度用户，通常是新用户准备的。需要将该APP的目录整体呈现出来，这个页面主要引导用户通过目录筛选出符合自己需求的产品，搜索反而变成了第二需求。

 

这也引出了第二种情况--清晰的、细分的产品目录导航

清晰的产品目录让用户简洁明了的了解APP内在售的商品，这个已是APP的标配。细分的产品目录又是基于什么样的需求产生的呢？

1.由于目前用户综合类的电商网站本身承载的产品众多，一级目录不足以展示所有；

2.用户的需求模糊，不知道自己需要的是什么；

3.使用移动端多为碎片时间，将筛选项放在产品列表页让用户选择，会考验用户的耐心，用户进入目录翻两下没有想要的，就会离开。

细分的产品目录能够比较好的解决以上问题，通过细分产品目录，一层层的让用户进入到目标目录

与其让用户进入到产品列表页中再筛选，不如在产品目录中让用户选择，筛选好后再进入列表页，减少用户的操作步骤，用户通过初步选择后看到的产品列表是已经筛选过的，降低跳出率，提高转化率

主流的APP已经将目录按照产品属性、产品功能做了细分，其目的都是帮助用户在不了解某一类产品时，可以根据分类，快速的找到自己需要的产品。

 

第三种情况--产品扫码

扫码作为移动端特有的功能，已经越来越多的承载在各大APP上，从最初的单纯扫描一维码到二维码到直接扫描商品、扫描logo。这项功能更多的使用于精准搜索，用户首先得有条码或商品才可以扫描。

这项功能也是从APP打通线下渠道的重要入口，微信和支付宝已经在这方面有不少动作了，比如在自助饮料机扫码即可购买等等。这个功能今后的想象空间巨大，比如我再逛街时看到别人穿着一件不错的衣服，背着个我也喜欢的包，是不是扫描一下就能直达购买链接呢？

 

而针对老用户，已经对你的APP有了一定的了解，他们再次打开APP是需要快速的找到想要的产品，同时想看是否有优惠或是新奇的产品。

 

a. 首页三宝：新款、打折、限时购

PC网站的首页三部曲：新款，主推，热款，主推和热款通常都是从商家的角度为用户呈现的产品。而在移动端，因为用户的使用场景多为碎片时间，吸引用户在碎片时间打开应用的要素是优惠的价格和新品。而这部分也是盘活老用户，让老用户保持对应用新鲜感的必要手段。

 

这几个栏目不需要陈列很多产品，但一定要根据用户的浏览、购买记录做到精准推荐，在用户上网的高峰时间段（如早上10点和晚上8点）推出特价产品，占领用户在上网高峰时段的访问时间，用户访问了你的应用，自然会减少访问其他应用的时间，同时对产品保证一定的更新频次。

 

总结一下，电商APP基于移动端的特性，很多PC端的产品陈列方式不能照搬过来。要做到区分新、老用户的产品设计，让让新用户无障碍的快速找到自己的产品；同时老用户有新鲜感，有兴趣频繁打开APP，吸引用户常打开你的APP就成功了一半。

转载于:https://blog.51cto.com/rikky/1553327