电商详情页设计思路-如何打造电商详情页设计？

6、文字字体的选择必须符合整体风格，字号大小统一，5、内链布局颜色统一，避免内容字体为纯黑。详情页的精髓是产品视觉营销，视觉营销！如果一张详情图客户不能快速准确的理解，不能保持整体的风格，那做的再美也只是个摆设。

电商详情页设计怎么样做好？

优化电商产品页结构_电商页面优化

优化电商产品页结构_电商页面优化

一张好的详情页,整体上是逻辑清晰,宣传有力,看完让人有消费的冲动,基本上就是成功的详情页了。

1、产品基本属性,材质、尺寸、风格。

2、收集类似产品详情页,分析别人的布局和描述方式,还有色调。

3、在找准风格后找到模特拍摄情境图和上脚图,选好风格并找准拍摄地点

4、确定思路后与运营沟通,因为你自己有一个完整的思路和相互支撑的理论,在与运营的过招更能保持主动。

6、不管是小而美还是高大上,永远不要有太过浮夸的成分,做为一个美工或设计师,必须要有自己的职业守。文案要准确到位,营销类文案要极具,描述类文案要描述准确。

广州九色鹿视觉设计有限公司是一家以设计服务为主的创意团队,专注于为客户创造和管理品牌,提供从品牌资产研究,市场洞察、品牌机会分析、品牌战略、品牌组合规划、命名和语词创作、设计(包括品牌识别设计、环境空间导示设计、包装设计、网络设计)到内部品牌导入、品牌管理制度建设的综合,以提升客户在海内外的品牌影响力。

怎样做好淘宝电商详情页

对产品的了解是做好详情页的前提。

详情页的作用是为了让买家充分了解产品,并最终促成买家的下单转化。所以说,详情页不仅仅只看重视觉效果,而且还要重视其中的内容部分。这就决定了把详情页做好是需要运营和美工两者搭配做好的。

运营首先要知道产品准备卖给谁,目标客群的人群画像是什么样的,像他们的阅读习惯和购物习惯等等,知道这些之后才能和美工确定下来详情页的风格。只有风格选择得体才会给买家留下一个好的印象,至少不会觉得你的产品不符常理。

运营还要清楚的是产品的卖点都有什么,在和同行对比中有哪些是具有优势的地方,并把这些卖点精炼成文案。

知道人群画像和卖点之后,美工就可以开始着8产攻讦价：对于电商站转化才是方针，于是包管内容怪异性和用户间评价是一个重要的策略,让顾客能够或许对他们已经采办的商品或尚未采办的商品进行评价能帮助搜索引擎蜘蛛拜候频率也能提升用户专用词语的排名，更是为潜伏用户下订单起到很高文用。手设计详情页了。

主要是根据卖点和产品情况去设计详情页中版块,具体到视觉环节主要还是看美工的设计水平。

如何打造电商详情页设计？

随着移动电商的迅猛发展,视觉营销这一传统行业的惯用手段也逐渐融入移动电子商务,并越来越受重视,这都由移动电子商务特殊的购物方式所决定。在移动端App上购物,由于接触不到商品实物,消费者只能通过色彩、图像和文字来判断商品是否符合自己的需求。因此,视觉营销在移动电子商务中的作用,就是通过色彩、图像、文字等形成的强烈冲击力来吸引消费者点击进店,提升店铺流量,消费者的购物欲望,最终成交。因此,视觉营销对移动端店铺提升有效流量非常重要。那么移动端店铺视觉营销该如何打造呢?

首先配色技巧

移动端店铺整体配色一定要给人以统一、协调的感觉。统一的颜色是指主色调只有一种,在此基础上搭配一些其它颜色。黄金配色比例是70%∶25%∶5%。其中70%为大面积使用的主色,25%为辅助色,5%为点缀色。

其次店铺风格的形成

移动端店铺风格的形成要素包括店铺的主要风格、店铺主题气氛及店铺的包装色彩。经营不同的产品就需有不同的店铺风格,否则就会让人觉得不伦不类。常见的店铺风格有简约清爽型、商业型、炫酷型、可爱型和特色型等。例如,商业型的店铺促销产品位置明显,直截了当,适合中性、男性人群浏览,适用于虚拟产品、手机、数码产品和家居等行业;可爱型的店铺通常为暖色调,以卡通图案或者动物花草为装饰元素,适合小女生人群浏览,适用于饰品、毛绒玩具、居家日用和鞋子等行业。

移动端店铺的主题气氛主要通过店铺的配色和装饰来烘托。例如,以国庆节为主题的店铺配色大多采用红色,然后通过灯笼和烟花等元素来体现国庆节的节日气氛;以七夕节为主题的店铺大多采用紫色、粉色等颜色来营造浪漫和甜蜜的气氛,然后通过鹊桥等元素来体现七夕的节日气氛。

人们对一个店铺色彩的记忆往往更倾向于其包装,包装本身也代表着整个店铺的风格定位。例如,如店铺主营18-30岁的女性时尚女装服饰,那么比较适合的主题色就是偏粉色、红色的柔和浪漫色系;如店铺主营手机、相机等数码类产品,那么蓝色、黑色和灰色往往会给消费者以理智、高贵、沉稳的感觉。在配色的过程中需要巧用VI配色技巧,一般可分为单色VI、双色VI和多色VI设计,主要表现在店铺的整体色彩效果与店铺Logo色彩的对应性,使得页面整体风格协调、统一。

电商网站SEO优化可能有什么问题

图二：

电商网站SEO优化可能有什么问题？说到电商网站SEO优化，很多人都会问为什么做那么多时间还没有优化上去?有些SEO有苦难口，现在小编就为大家具体介绍一下电商网站SEO优化可能会遇到的问题和解决办法。

外部链接推广：友情链接策略的使用;

SEO极具挑战性，而对于大型电商网站，SEO既是重中之重，也是难中之难。你需要梳理庞大而复杂的网站结构、不停地优化每天都在更新产品页面，还需要和产品、设计、技术等各个部门轮流沟通，反复给他们灌输：SEO优化不仅对用户体验有利，而且能为公司带来更多流量和订单。SEOer必须清楚：不是每一个人都知道SEO的重要性。

电商网站SEO优化中会遇到的问题及解决方法对于大型网站，即便是一些微小的优化也能产生明显的效果。比如给添加ALT标签、title优化等调整，可能使网站排名从第二晋升至名，这种提升可能会给网站带来几十万元的额外收入。

产品页面的描述标签是电商网站排名的关键因素。为每种产品添加独特的描述语虽然很耗时，但想要提升排名就不能怕麻烦。

描述语对客户购买决策也有很大影响。因为搜索引擎在进行搜索结果排名时，有时无法显示产品，客户只能通过描述和标题来判断是否点击进入网站。

产品页面描述标签的问题：

①使用生产厂家的产品描述。

②相同产品但不同版二、做专注。本，页面描述标签重复。

解决方法：最简单粗暴的就是，SEOer为每个产品页面撰写独特的描述标签。

以上文章就是对产品页面的描述标签的相关介绍了，这是电商网站SEO优化可能遇到的一个问题，接下来小编将为大家介绍更多的此类文章，希望对大家有所帮助。 网站电商网站电商网电商

商城站内优化要注意些什么？（如首页，分类页，搜索页，产品页）

1防止直接生产厂商商品描述：从厂家网站上、粘帖内容，至少要对内容进行重写，使其成为伪原创内容。由于同个商品的先容几乎是陈旧见解，于是内容没有排名。

2在商品数据库内成立一个SEO参数域：就像商品目次中每一项商品都有名称、代价及其他一些特性描述，你能够成立一个SEO属性，并可自动在网页Title标签、Keyword标签和正文中调用这一。而这个关键字是经过京东的主导航项：首页、分类、发现、购物车、我的过程数据阐发后从用户搜索习性中得取出来的，是以当一个新商品并添插手网站时，Title和其他一些属性城市调用这个关键字。由于领会用户搜索习性用的词才是真正的优化。

4URL简化必不成少：抱负环境下，URL应囊括，而不是无用的ID或其他参数。如网站是在无法从手艺上做URL重写，那至少要找出重点页面并为其建造手工页面来转变其URL。

6怪异的Title标签：固然对于公司名称是否必然要放在标题标签开首这一题目还有争议，大部分人都以为标题标签不该该囊括在各个标签中都反复呈现的多余的。例如，如公司名称20优化：今朝搜索引擎成果页中会呈现，于是网站上的每张都要进行优化。要包管所有商品都包含怪异的alt文本属性，而对于用户和搜索引擎而言，二者都能够清楚地读取到内容信息我曾经仅仅靠在alt文中插手商品名和品牌名，就将获得了大量谷歌搜索流量。为XYZ参观中介，标题标签中仅保存公司名一次即可，不必应用“XYZ参观中介,XYZ机构,XYZ期”字样。

7怪异的网页元标签：网页元标签包含和描述，是以每一个商品页元标签都应当是完全怪异的。固然元内容可能并不直接影根据文案内容，结合实际产品，进行有效的布局建立,可以从下面八个方面入手作：响排名，怪异的标签会防止内容被赏罚。别的，不要在网页元标签中插手跟相应网页内容完全不相关的。

10内部文本链接：搜索引擎并不克不及从网站导航链接中获得很多页面信息。然而文本文字中的链接就异了，在body内容中应用锚文本要比导航链接或是摆布栏目链接或是底部链接更有价值。

11URL中防止应用SessionID：小型电子商务软件平台可能在网站URL中应用大量的SessionID,从而呈现了异SessionID对应同一页页面的征象，造成了很多页面，晦气于搜索引擎爬行。能够经过过程重写URL或是后台禁用SessionID来转变这一状态。

12成立一个商品RSSFeed：成立一个XML商品feed，并提交到GoogleBase,GoogleBase将会将其揭示在Google购物搜索中。商品Feed是一种直接成立商品页外链的路子之一。

13个性化用户tag：让你的顾客能够或许用他们自己的将商品加以标签，如此你就能够开首对俚语类进行排名，这些你很可能以前从来没有想到过。有期间某些个性化tag被遍及应用，是以这个tag就能在tag云中排的更前面或更明显。

16商品描述中的链接：在某一商品描述中成立富含链接，以链接到另一商品描述。这个措施对于长尾会比较有效。

18不要在导航中堆砌：各个页面导航中城市呈现的已经不太重要了，重点是在相关文本段内应用富含的锚文本链接到重要的网页。

21优化站内搜索：也许这条提倡是对于可用性，但却很适合电子商务网站优化。由于拜候你网站的人是经过过程搜索引擎达到你的网站的，他们很希望你的站内搜索也能像搜索引擎一样工作。时常会发现很多初次从某搜索引擎成果页达到网站的访客，会在站内搜索一样的。此时，我们能够转变搜索成果页，并不必然要呈现商品搜索成果列表页，我们能够特地拟定一个特殊页面赐与这个关键字搜索，而这些Boson我一般都能够经过过程汗青数据阐发得出来。

22成立品牌登岸页面：如你的网站的商品是顾客会直接搜索的品牌商品，你就要为各个品牌成立一个优化的登岸页面。

23在链接中应用标题属性：要包管站内所有的锚文本都应用了得当的标题属性(比如：ahref=””pagehtml”title=”keywords”)，以供给给搜索引擎足够的对于网页内容的信息。固然标题属性没有锚文本重要，但也是引擎排名的成分之一。

怎样做好淘宝电商详情页

思路三、网站结构布局经过研究分析后，基本上网站的框架已经有了一个模型，接下来就是合理搭建网站结构，网站结构包括：URL结构、网站目录结构（如：首页-频道页-栏目页-详情页），网站页面结构等。良好的网站结构对网站的收录于排名是很有帮助的，特别是大型电商网站，外贸电商网站seo方案策略一定要重视网站内部结构的合理化，说到底就是网站内链布局要科学合理才行。

怎么做好淘宝电商详情页，我介绍几点：

5、文字字体的选择必须符合整体风格,字号大小统一,颜色统一,避免内容字体为纯黑。详情页的精髓是产品视觉营销,视觉营销!如果一张详情图客户不能快速准确的理解,不能保持整体的风格,那做的再美也只是个摆设。

一、淘宝电商详情页的作用

淘宝电商详情页是提高转化率的入口，激发顾客的消费欲望，树立顾客对店铺的信任感，打消顾客的消费疑虑，促使顾客下单。优化淘宝电商详情页对转化率有提升的作用，但是起决定性作用的还是产品本身。

二、设计详情遵循的前提

淘宝电商详情页要与产品主图、产品标题相契合，淘宝电商详情页必须是真实的介绍出产品的属性。

如标题或者主图里写的是韩版女装但是详情页却是的风格，顾客一看不是自己想要的肯定会马上关闭页面。

三、设计前的市场调查

设计淘宝电商详情页之前要充分进行市场调查，同行业调查，规避同款。同时也要做好消费者调查，分析消费者人群分析消费者的消费能力，消费的喜好，以及顾客购买所在意的问题等。

1、如何就是你的数据分析能力了，这个得靠你自己，跨时代网只能帮你到这里，有时间可以去看看跨时代网，你可能能找到你需要的东西。进行调查？

答：通过淘宝生意参谋，百度指数等工具可以清楚地查到消费者的一切喜好以及消费能力、地域等等很多数据，学会利用这些数据对优化详情页很有帮助!

答：可以去产品评价里面找，在买家评价里面可以挖出很多有价值的东西，了解买家的需求，购买后遇到的问题等等。

四、调查结果及产品分析

根据市场调查结果以及自己的产品进行系统的分析总结。列出消费者所在意的问题，同行的优缺点。以及自身产品的定位，挖掘自身与众不同的卖点。

五、关于产品定位

根据店铺产品以及市场调查确定的消费群体。

举个例子：外出旅游住宾馆，有的小旅馆100一夜卖的就是价格，卫生啥的都没有保障。定位于低端。有的连锁酒店200一夜卖的是性价比，定位于中端顾客。有的大酒店400一夜卖的就是服务。还有的主题宾馆卖的是个性等等。

六、关于挖掘产品卖点

针对消费群体挖掘出的产品卖点。

贾真老师的案例：一家卖键盘膜的店铺发现评价里中评很多，大多是抱怨键盘膜太薄，一般的掌柜可能下次直接进厚一点的货。而这家掌柜则直接把描述里的卖点改为史上最薄的键盘膜！结果出乎意料！评分直线上升，评价里都是关于键盘膜真的好薄之类的评语！直接并改变了消费者的心理期望达到非常良好的效果。

关于产品卖点的范围非常广泛！比如：卖价格 卖款式 卖文化 卖感觉 卖服务 卖特色 卖品质 卖人气，你卖的是什么呢？

七、开始准备设计元素

以上就是做好淘宝电商详情页的几点，希望可以帮到你。

一张好的详情页，整体上是逻辑清晰，宣传有力，看完让人有消费的冲动，基本上就是成功的详情页了。

1、产品基本属性，材质、 尺寸、风格。

2、收集类似产品详情页，分析别人的布局和描述方式，还有色调。

4、女性消费纯靠，要到她头脑发热，深以为然。男性消费就要靠征服，品质上要能征服他的内心，深信不疑。

5、确定思路后与运营沟通，因为你自己有一个完整的思路和相互支撑的理论，在与运营的过招更能保持主动。

7、不管是小而美还是高大上，永远不要有太过浮夸的成分，做为一个美工或设计师，必须要有自己的职业守。文案要准确到位，营销类文案要极具，描述类文案要描述准确。

大型电子商务网站的SEO优化要怎么做

除了多样录入方式，还应配套提供信息录入提醒设计，如：用户历史搜索记录、搜索热榜、录入时联想响应

其实做网站优化是最考验耐力的

6.特色频道，含榜单（把榜单部分商品展示出来）、限时购、年货节热卖、小米众筹、有货集市、品味生活，和功能区呼应，以商品展示为主；

先说一下通用的优化方法，不外乎两点。内部优化和外部优化

2.banner；

内部优化：

1、，检查网站的访问速度怎么样。这个不但影响用户体验同时对优化来说是至关重要的。

2、网站是否使用伪静态或静态，虽然现在百度对站的抓取也很好的支持。但重用户体验角度，和搜索引擎抓取角度来说。动态因为难以辨认同时参数较多，不利于优化和用户体验

3、网站框架布局结构，理论上来说。用户访问一个网站时都是从左到右，从上到下的浏览习惯去浏览。所以网站的布局对用户和搜索引擎比较友好的布局是F型布局。另外就是把一些有用的页面一定要在首页添加入口链接。

4、网站的TDK和内链的优化。这个就不多说了

外部优化：

1、友情链接

2、外链引流

这里都是手打，有什么不懂的可以私信交流

1、首页标题，突出品牌词。如果是做某个领域的，可以再加一个（这个行业的词。

2、布局，全站匹配

3、网站板块布局

4、代码优化

6、支付系统

7、收录问题：一般电商网站较多，存在收录难的问题，可以用二级域名，做您这个领域的知识库或问题解答（蜘蛛池），解决这个领路的相关问题，里面加产品链接，把流量引过去。

首先，你这样的网站栏目一定会很多，每个栏目都要把细分，不要笼统的去填充，

其次，你整个网站的布局，每一个面包屑导航及标签

电商平台应该分析哪些数据？具体怎么去分析

1.优化页面点击（如图）：

我们在做电商运营中，常常会在网站设计上花费更多的精力，其目的是为了吸引更多的人驻足浏览，但有时候效果却事与愿违，造成这种结果的原因很多，如用户人群定位不准确，网页设计不合理，网站广告投放不合理等等，本期我们将对网页效果做个简单的阐述。

三个指标：

首先要了解影响页面效果分析常见的三个数据指标：网页项目分析（二跳率）、商品陈列分析、场景分析。二跳决定页面质量，商品陈列决定拜访内容，场景分析发现流失原因。

如何优化页面效果：

一、网页项目分析优化：

所有重点页面的浏览量、用户数，二跳率、用户点击率数据。 其中浏览量、用户数等指标反映页面的流量大小，二跳率、点击量、 点击率、加载时间反映页面的质量，尤其二跳率越高页面质量越好。

二、商品陈列分析：

通过页面点击了解页面不同区块/位置的点击量大小，进而了解用户最关注的区域/位置。；了解页面或者区域内不同信息的点击量大小，进而了解用户最关注的内容。 页面点击的主要目的就是优化页面结构和布局 。

2. 产品类目优化：（如图）

对产品类目优化，关注大家热搜的产品是什么？哪些品牌受欢迎？最电商App中，必不可少的两个导航：终转化率是多少？最终目标是为了很好的优化产品类目，合理分类。

3.用户性质-用户地域、时段、来源分析

某个网页项目的地域分布数据。，某个网页项目的流量来源与来源质量异：包括站外来源，站内来源。网页项目分析时段统计用于查看时段或当天 24 小时，产生的浏览量和点击量，同时24小时可以和昨日、上周同日、上月同日做浏览量和点击量对比。 其目的是更好的优化来源途径。

三、场景分析

场景分析是为了更好的发现用户流失的原因，掌握每个购物环节用户是如何流失的。

购物流程：从单品页开始，直至订单成功（或者支付成功）。注册流程：一般仅为注册信息填写、注册成功两个步骤，少数会包含激活成功。活动参与/用户互动流程：从活动参与/用户互动的个环节开始，直至完成。

案例分析：

上述我们分析了如何对页面效果进行优化分析，下面我们以2个热点图为案例对上述进行分析。

图一2.录入：

通过图一我们了解到哪些内容的点击情况和预期别很大？页面的重点内容是否为点击热点？ 页面各版块的点击情况如何？首页屏和第二屏的点击别是否很大？放在不同位置相同内容点击别是否很大？区域的内容用户是否关注？

我们通过图一掌握的数据，对网页进行优化，产品板块如何设置，热点产品如何摆放等。

图三：

通过场景分析发现关键流程执行率低的原因，哪个环节流失的多，如何流失的？而从根据这些数据去优化设置购物流程，从而提升转化率。

综上所述，影响页面效果的因素很多，本期内容所阐述的三个指标是最基础的，但也是最关键的，就好比是大楼的地基，地基决定楼层高度，基础性的数据不做好，其它做更多也是枉然！

电商专业解答如何规划店铺商品结构?

17导航要利于蜘蛛爬行：防止应用晦气于蜘蛛爬行的Jascript或其他多媒体导航布局，如你必须应用如此的布局，至少要在各个页面下，用正常的超文本链接导航。别的，尽可能不要应用晦气于搜索引擎的Form方式的导航，比如：下拉式列表。

一、做。

通过“网页项目分析”了解重点页面的页面质量.二跳率

没有不好的行业，只有不好的做法。我们尽可能的去做消费者日常生活中需要用到的产品，而不要做一些买回家用几次后放着上灰的产品。很多产品是新丶奇丶特，买了，用了，然后搁置了，并且后悔买了。这类产品几乎没有大品牌，也没有超级大店出现过。

链接相关性分析：链接的人气是否高，是否属于相关性较大的链接;

非日常需求的产品很难让消费者形成持续的需求丶好感，并且传播开来，整个成长的曲线会比较平淡无奇。一旦触摸到天花板，便会痛苦不堪。

就是需求明确丶功能明确丶解决问题简单直接，不是打酱油的。通俗讲就是普通人日常生活中离不开的东西。

有很多的店铺，一直缺乏流量，缺乏转化，缺乏规模，打开店铺一看，十有八九是多面手。你能在他家看见牛仔裤，也能看见，甚至还能看见鞋子，您要扮演百货商场，那得问消费者同不同意。做专注，就是一个店铺只做一件事情。

三、做深度。

如果要展现你的专业丶专注，没有足够的产品深度是不行的。有人一上来就说你看苹果手机如何如何，这个问题我如何回答?其实苹果只有一个，而咱们和乔布斯这样艺术家距还很大。

同等作水准，同样卖吸尘器，一个有40款吸尘器+30款吸尘器配件的店铺要干掉一家只有10款吸尘器的店铺几乎毫无悬念。

四、主推明确。

开放平台的电商成交是消费者主导的，注定无法形成所有产品全面开花的局面。无论成功的店铺还是不那么成功的店铺，其结果都是大致的二八原则。

既然结果一早就确定了，不如早点往这个方向去走。在现阶段，任何违背这条思路的做法，都可能受挫!

卖家知道根据市场的反馈和自己的营销倾斜，平衡对消费者的“顺从”和“”之间的关系，让消费者的购买也形成聚焦，并努力让消费者通过购买以后形成传播。

五、注重展现。

页面就是营销!

要展现“完整性”。

第二要展现“专注度”。

第三要展现“深度”。

第四要展现“主推方向”。

第五要展现“品牌的文化和调性”。

怎样做一个好的外贸电商SEO项目方案策划

例如下图中唯品会的商品分类导航，因为唯品会的产品定位在折扣女士用品，所以导航中的分类都集中在服装、鞋帽、箱包等商品类别。

外贸网站seo方案策划思路一、网站的定位做项目定位无疑是件事情，外贸电商网站seo方案从字面上就已近明确做了定位，具体考虑网站类型定位，市场分析、产品定位以及竞争对手分析等；

思路二、研究分析一个网站最核心的部分是，一个网站成与败很大程度决定于的科学合理的布局。外贸网站也一样，也必须做好分析。做好分析后才能正确布局。网站布局基本上决定了网站大常见的色彩搭配有同类色搭配、邻近色搭配、互补色搭配和对比色搭配。同类色搭配使得整个页面看起来色彩统一,又有层次感;邻近色搭配的效果比同类色搭配更加丰富;互补色搭配对比最为强烈、醒目和鲜明;对比色搭配色彩的对比更加有力。在移动端店铺配色过程中背景和文字内容对比不强烈、色彩过多及过分强调色彩的度,这些都是在移动端店铺配色过程中存在的问题。概框架结构。

例如：页面优化先后顺序：最终页>专题>栏目>频道5.淘宝，根据分类滚动产品的文章；>首页

页面分配：最终页：长尾专题页：热门栏目页：固定频道页：目标首页：做两、三个

思路四、网站站内细节优化外贸电商网站seo方案制作也同样要想我们优化一般网站一样注重网站细节优化。

比如：Title写法keywordsdeion描述设置、URL标准化、域、Robots文件设置、次导航、网站密度、404页面设置、301重定向、长尾记录单、网站地图等，细节优化土大家阅读：《企业网站优化的14个步骤》，这里就不做解析。

思路五、网站外链策略对于外贸网站做外链是个大问题，需要到目标用户的地区找优质的网站外链资源，这样才能有效增加网站的权重和提升网站排名。

以上就是针对外贸电商网站seo方案策划思路，这是seo个人的一套关于外贸网站seo方案思路，具体的seo方案制作当然会详细的多，这里只供一些关于外贸网站优化思路给大家参考和借鉴。

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

网站发展分析：电子商务网站短期规划与长期发展战略的实施反馈分析等。

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

目标市场分析：对目标市场进行分析，研究目标市场与营销的关系;

电商APP首页设计结构

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

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

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

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

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

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

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

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

首页设计组件介绍

一、搜索栏

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

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

1.找到搜索框

3.搜索结果展示

搜索框的设计需要注意：

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

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

搜索框一、定位分析的设计风格应该和整体产品风格保持一致

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

提供多种信息录入方式，最常见的文字录入当然还是主流，除此之外可以提供语音、录入搜索等方式。

搜索结果的设计需要注意：

搜索结果设计重点在于展示不同类型和级别的内容。例如在淘宝搜索账单，结果包括账单相关信息，店铺和资讯等，不同应用加图标展示。不同内容类别以tab切换的形式展示。

搜索结果过多，可以加检索组件帮助用户在搜索结果中进行二次查找，减少花时间翻页或滑动查询。另外搜索结果为零的时的空页面，给用户设计合适的说明界面。

二、导航

l产品主导航

l商品分类导航

产品主导航

电商App中的主导航设计为用户提供了跳转相对的信息内容的路径。例如：

淘宝的主导航项：淘首页、逛逛、消息、购物车、我的淘宝

发现、消息、购物车、我的这些内容之间没有很强的关联，但又是用户在电商平台购物过程中必不可少要查看的信息。

京东、淘宝主导航

同时，从“商品买卖”的业务角度来看，有几个重要的业务信息，无论做任何电商产品，都应该让用户可以快速、方便的查找到是毋庸置疑的。它们是：

1.用户的购物车---购物车模块

2.用户在产品的中的个人信息---我的模块

3.用户买卖过程中的交流信息---消息模块

这些重要的业务信息，多数都放在了电商App的主导航中，即使没有放在主导航，也一定能够在首页的副导航中看到。

商品分类导航

不同类型的电商平台，商品分类导航有一些区别。

如下图中淘宝、京东平台，这两个平台是成熟的综合电商平台，在平台中不但有各类第三方商品销售，而且平台也有自营的品牌和应用在平台内销售，如淘宝的天猫商城、饿了么、天猫超市；京东的京东超市、就东到家等。

因此，商品分类导航中的商品分类覆盖十分广泛，尤其商品分类导航的C位往往加入了平台自营的品牌和应用。

垂直类的电商App，商品分类导航中的内容覆盖面窄很多，以商品类型分类用户查找商品的特点更明显示。

另外，在设计上不像主导航设计需要控制导航项数量，商品分类导航中的分类项数量往往大于5个，因此使用双排、可左右滑动的拖拽导航几乎成为最常见的商品分类导航样式。

三、活动

电商产品中的活动类型很多，最常见的有16种：

1. 打折

2. 秒杀

3. 免单

4. 满减

5. 满送

6. 满返

7. 买送/捆绑

8. 搭售

9. 包邮

10. 好评晒图

11. 试用

12. 抽奖

13. 积分/会员

14. 团购

15. 预售

16. 众筹

在电商App首页，见到最多的是前两种活动：打折、秒杀。而且，首页的活动往往都带有极强的时效性表示，例如在规定的时间才可以享受更加优惠的商品价格。

因此，活动在首页上的设计要向用户传达三个要素，即用户最关心的：

什么时间有活动

有什么活动商品

活动的价格有多优惠。

如下图的“京东秒杀”的设计就非常完整的呈现了这3个要素。当然，并不是所有的活动表达都一定要遵循这一规律，淘抢购的设计就打破了3要素传达的规则，隐去了商品促销价格。

京东秒杀与淘抢购

四、商品

个性化的商品现在在电商App设计中己经十分成熟，推存商业被用户接触到的地方就是首页。

用户在电商App或有意、或无意浏览的商品，都会被产品记录下来。再由商品模块根据你最近的浏览记录，一些相关的商品、分享或者店铺。由于每个人关注的商品都不一样。所以产品对于每个人呈现的界面内容也都是不一样的。

例如下图，淘宝通过性别判断，如果产品发现你是男性用户，默认“男神范”；如果判断你是女性用户，则默认“爱逛街”。

淘宝内容

不仅仅如此，用来展示电商平台每个细分商品品类商品的区域，也都引入了个性化商品的设计。

在使用全品类商品展示+优惠价格来打动用户进行消费的同时，现在的电商App往往会再融合情感因素、参考用户的特点、喜好展示各品类中最可能吸引用户的商品，促使用户在产品中“逛街、购物”。

例如京东精选中了全品类的商品，以用户行为进行时实的个性化。

案例：主流电商App首页分析

一、淘宝

1.搜索，淘宝把搜索二级页面直接展示在一级搜索位置下方，相当于搜索功能层级上升；

3.8个平台型导航，主要是从淘宝诞生，已经可以运营的产品；

4.活动广告位，占据banner大小的位置，平台活动快捷入口；

7.商品列表，安卓和苹果展示不一样。安卓每个版块半屏往下铺开。苹果是上方做了分类导航，下方列表。

二、京东

1.搜索；

2.8个banner；

3.活动广告位；

5.京东快报；

6.二级购物频道，放了些主推的购物板块；

8.频道，把频道纳入到10个标签里，每个频道都有超过5个二级标签。

三、苏宁易购

1.搜索；

2.8个banner；

3.活动广告位；

4.平台型功能区，这一块主要是频道和分类，分类有16个。

5.苏宁；

6.二级购物频道；

7.活动板块，展开了活动的每个类别；

8.频道，展示很多二级频道，分的特别细。

四、小米有品

1.搜索；

2.活动板块，动画展示活动的交互很新颖；

3.平台型功能区， 5个功能频道，销售榜单作为一个功能很实用；

4.banner，共5张；

5.活动板块，分了各活动分类的专场；

7.类别频道，每个展示一屏，以商品展示为主。

五、严选（自营平台）

1.搜索和导航；

2.Banner；严选没有功能区，直接开始商品或者频道。

3.标签的商品，焦点位给了个性化，非常重视更精准得来个性化；

4.VIP会员的服务特权，重点突出了这一块；

5.二级功能频道，只放了三个频道；

六、考拉（垂直综合平台）

1.搜索；

3.品类场馆，像商场的楼层一样，逻辑清晰；

4.活动板块；

6.用户专享；

7.精选活动，以每个板块商品列表来展示；

8.个性化，以三个角度列表展示。个角度是个性化商品，第二个角度度是商品清单类文章；第三个角度是品质商品。

七、拼多多（综合平台）

1.Banner；

2.功能区，所有的平台频道和分类功能都在这里面了，有16个，偏重社交分享，如拼团；

3.活动板块；

4.商品列表展示，分商品和店铺两个角度商品，穿插了一排品牌馆。