赞助商
立即赞助

超全面的社交电商App 详情页揭秘!

UI设计3年前 (2021)更新 流光
2.2K 0 0

社交电商在2018年谓风云涌,拼、云集、有赞在18年陆续宣融资,并且融资金额亿。而电身就是个伪命题,虽人口红大不前,而且说白就是一直被人所反感的微,刷屏、品质量差,传销即视感。

但需求就市场,一什么讨厌拼多多,假、山寨、还其他什么,究其原因饱汉不知饿汉饥。饱汉只很少一部分人群已,我们自然不他的目标用户,随拉黑也无所谓,所以社交电商的崛起必然,并且他独特的优势:

  • 在移动场下的购物场更加富,势必为电打下更的基础;
  • 社交电商发展政策逐完善,将一片潜力巨的市场;
  • 获成本低,下线城市发展空间大;
  • 电商巨头兵布阵,准备构建社交电商生态。

目前社交商的形式主要为种,一种是拼,如拼多多,这种模式通常发起者是不收益的,只是所有拼者可以享受更低的价格购买商品,算是一种利人利,裂变质量更好的一种行为。另一种是商,这种模式的裂变范围更广,但是裂变质量较差。商被冠以恶名刷屏大家都,而经研究发现,其实发圈的推购物是效率最低的销行为。还有这的熟人货逻辑是否可行?

社交是最好做的,是最难做的。购物从本质上来说都是发现有需求才购物,但逐渐的变成了逛/别人推荐想起来自己有需求,再购物的变。前者我们可通过广告、营销、产的优来户转,而后者正是现阶我们需要考虑的事情,如何户单那些可有需求的东西,满足户他更深层次的需求。

2017年艾瑞咨询移动社交用户在应用内物驱动素分析,我们能发现社交关系链价值是常值挖掘呢。

超全面的社交电商App 详情页揭秘!

俗话说好,详情页乃兵家必争地,详情页者天下。首先我们来看看详情页首屏。可谓是百花齐放了,业务、用户、场景决定了功能与信息架构。电商详情所以复杂是为它需要承载很多复杂场景,所以很多时候并不是所有信息都是有用而你又法简化。这显然不仅仅是普电商所呈现出来商详,而是拥有「社交背景商详页。」

么下面我们分别从功能结构、以及细节来剖析四款电产品的详。

一、拼多多

超全面的社交电商App 详情页揭秘!

1. 功结构

从信息结构上看页面信息层级还是较清晰的,确实很像3,4线城大卖场的感觉,各种优惠的标签是很斥奥卡姆的剃刀了。但是各种标签依然人有些眼缭乱,视觉上页面缺一些牌特征。

其实我前有做过物流品,时也很纠结好用和好看平衡到底在哪里,后来我发现了如为了要用而要舍弃好看,请不要犹豫,定要选择好用。而你旦绞尽脑汁想办法折,不起,那会变既不好看又不好用。所以拼多多视觉、图片风格我是很能理解。

首屏的上半部分依是帮助用户建立认的信息介绍区域,同样也是大图置顶的方式,但是细心的小伙伴在对比的时能现拼其把场包邮、假一赔等特信息放在一梯的板块,很明显,它想告诉大家我们的服务是一流的,不有假货,因为是寨。

超全面的社交电商App 详情页揭秘!

2. 细节

比较特殊地是,在左下有个更多按钮,收纳了历史浏览、回到首页和帮助3个功能,常「更多」按钮会放在右上,这里设计和大部分用户认知可能不太致。有个比较有意思是,价格最右侧显示是已拼而不是已售,所以从细节能看出来拼多多是有多么强调拼团这个属性了。

我们熟悉的购物车功能没有,因为拼也是时拼团电,要拼团先支付,所以没有购物车的场。而大家看到的单独购买个锚定效应也是运用的很直接,应该没有人用更高的价还死命的加购物车吧?

锚定效应(Anchoring effect)是指当人们需要对某个件做定量估测时,将某特定数值为始值,始值像锚一样约着估测值。在做决策的时,不自地给予最初获得的信息的重视。

二、云集

超全面的社交电商App 详情页揭秘!

1. 功能结构

云集首先是一家会员制商,其次才以社交的段来进行销的商。大部以商形式存在的商都会面临主同可以买或者的景。然而有趣的是,这的 s2b2c的模式,商详究竟要如何做呢?其实你能发现,优秀的商产品总有的核心关键词,比如拼多多是拼,云集是批发价。所以当要足买的景告诉用户购可以享受批发价,而的景则可以赚利润。虽然买的景多,但是为了业考虑,依然要把的景做足。

在商详情中,和他产同的是多了这几个功:

  • 任奖励,通过完成销笔数和金额达成任。
  • 牌授权,对拥有被授权资格的商透牌授权背书入口,增户的牌信任。
  • 发圈素材,不是自用荐商品,般很难卖,发圈素材能够帮助店主更快卖货。
  • 大家在卖,卖也要卖卖赚得的品。

超全面的社交电商App 详情页揭秘!

上的功都是刺激及帮助这些小b推荐及销售商。从而整个商详页都是为了形成一种卖的氛围同时兼顾着的功。

其实我们都知,社交电商(微商)都是有组织有纪律,有散户才会自己挑商品找素材去卖货,而拥有社群店主需要个商品维码即可。

2. 细节

用过云买家都知,云和环球捕手样是没有和其他电商样评价功能,会有问为什么那么要评价功能不放呢,如何立信任呢?其实我们有在收评论并没有公开,而我们侧是荐买,荐你后其实评论意义不大了。所以既然我们在收评论那在供应商选择上也会更新。

另一个原因就是评论个功能在去中心化的小b店主为中心的产品中并不合适,以想一想,电和传统电不同,传统电有家驻,家和小b店主的区别在家除需要销售品时,还需要持店铺的信誉和评率,所以评论对家来说特别重要。但是以平台为背的店主只需要分享品卖货就行,评论的坏并不是特别重要。

所以到这里家就会觉得社交电商真的一伪命题,到底了别人好还纯粹赚钱。所以家发这样的场景下,论好那么都OK,如果出批的差,这差给的商品,并不某一小b店主,这里商品服务就不传统电商那样捆绑一起区分了。

三、环球捕手

超全面的社交电商App 详情页揭秘!

1. 功能结构

信息体强调了价格和限时特卖,弱化了标题和介绍。再早些时候所有 app 都把标题放在价格上,并以大体风格为骄傲。现在反而都把价格放在了标题上,而环捕把价格元素做更加明显。

2. 细节

标题和介绍号变小我认为可以理解,在样以荐消费背景下,我已经知是什么商品了,不管是从荐而来是自己从列表进来都已经该物品有详细了解,商品标题和介绍并不是特要。不过既然如此,介绍放也应该足够了,既要弱化为什么又要放多。排名和最近销量笔数视觉呈现有待改进,个个圆不太和谐,最近销量不可击却做成按钮形状。

四、洋葱海外仓

超全面的社交电商App 详情页揭秘!

1. 功能结构

大家可能对洋葱跨商比较陌生。它同也是一个线上的销。它的模式和其个稍有别,用户如果想货可以选择种方式,一种是成为代理商,代理商可以招募主,同可以获得下面主销利润的30%。而主不可以招募主。而另一种就是直成为主,可以获得销额利润的70%。

说模式,我们来看看它商详的信息展示。首先我们会发现在商大图上方展示的是相的8件好货,那么我们想到的是:

  • 为了提高价,
  • 跨境电商的邮国际物流和清较贵。

所以能一次性买足够的商品然是比较划算,所以在这更显的位置放置了相关的商品供买家和家挑选。

你会发现洋葱在详情中入了评功,但这里的评并是有的户的评都够被显示来,而是经过官方审核及店上传的评才够被显示的。

2. 细节

超全面的社交电商App 详情页揭秘!

洋葱将利益点和点放在了图片中沉底,这也能够让商品文案的关性更,缺点是容易被忽略。

产介绍上方会现一个头像,但是手户会很疑惑这个头像到是谁?官方还是店得而知。而该产的介绍案过多会影响首屏的展示效率。

洋葱将返回首页、以及底部标签导航功能合在了个 fab上,令不太理解是悬浮按钮和底部均有物功能,然而级页也没有存在这个 fab,所以悬浮按钮物功能有鸡肋。

所有的「电」在应用内放置互动聊天的功能特别鸡肋。店主与买家的纽带依是微信,而平台对买家来说只有在逛和买的时才使用,即使做IM也无法在应用中植场,更不用说让用户成习惯。所以做要有背。

底部只加入购车,立即购买按钮。一希望提高客单价,同时帮用户节省流费。另一 b2c电商的产品都由平台流统一发,他 c2c 的淘宝不同的淘宝购都根据不同的商家行流运输,所以不同的业务模式形的功能也不同的。

超全面的社交电商App 详情页揭秘!

总结

告营销的电模式未必能满喜欢个化需求的用户,我们购物或许逐渐的变成你得我适合买什么而不是我看看你有什么。徐志斌老师在《红》中提出红能够从人与人之间的关系,互动中产出更的价值,么基电背是否以将电价值最大化。

我们今天讨论的社交电商商详,它能够帮小b用户与c端用户高效的链接,不同业务模式下的商详所呈出的功能、框架、视觉表都很区别的,我们的让买卖方的关系链结实。

欢迎关注作者的公众号:「应谋鬼计」

超全面的社交电商App 详情页揭秘!

图片素材作者:Endlessmay

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

本文主要介绍了在设计电商商品详情页面时需要注意的交互设计准则,并给出相关示例说明商品页面在哪些方面做改进,能有效帮助...
交互设计
11.11刚过去没多久,双12又来了,短短一个月的时间,两次重要的电商大促活动,可想而知,设计师的工作量究竟有多大。 此次双...
双12
终于,拼多多也有属于自己的网页版了。作为国内电商三巨头之一,拼多多是三者中唯一没有独立网页端的,虽然有网友表示拼多多...
APP
风筝KK:看了本章内容,你将能快速明确什么情况采用哪种列表展示方式。 参考文章: 《通用设计法则》留白恐惧 128...
产品设计
本文主要介绍了在设计电商商品详情页面时需要注意的交互设计准则,并给出相关示例说明商品页面在哪些方面做改进,能有效帮助...
交互设计
11.11刚过去没多久,双12又来了,短短一个月的时间,两次重要的电商大促活动,可想而知,设计师的工作量究竟有多大。 此次双...
双12
作为一家新兴的电商公司,云集的高速发展离不开其会员的“社交裂变”。但是这背后也存在诸多争议:云集的模式到底是啥?云集模...
云集
本文笔者第一次做直播活动,投入与产出悬殊极大——40W预算,最后GMV不到2W。就这一次的失败失败经验,作者总结了一些做直播活...
直播