您现在的位置是:首页 >> 5G

项目复盘:跨境电商详情页的改版设计总结越早知道越好

2022-11-23 19:44:48 5G 22人已围观

简介很多结构雕塑家朋友在做一些比较大的工程项目更新时,总是林美珠陷入结构设计技术细节当中,引致或者耽误进度难以大力推进,或者最终的呈现千疮百孔、逻辑混乱而解决这些难题的一个通用思路,就是转作一套专精的第二层数学模型来辅导全程本文作者依照在团队负责过的一次更新工程项目,跟大家分享具体该怎么做,希望对你...

很多结构雕塑家朋友在做一些比较大的工程项目更新时,总是林美珠陷入结构设计技术细节当中,引致或者耽误进度难以大力推进,或者最终的呈现千疮百孔、逻辑混乱而解决这些难题的一个通用思路,就是转作一套专精的第二层数学模型来辅导全程本文作者依照在团队负责过的一次更新工程项目,跟大家分享具体该怎么做,希望对你有所启发。

一、更新背景1. 工程项目介绍本次更新对象属跨境B2C领域的Doba工程项目,它是面向海外市场的Dropshipping(两件上海联和投资有限公司)网络平台,透过两件上海联和投资有限公司的优势,来协助分销商无需任何如上所述生产成本即可顺利进行B2C之路布季谢订单产生时,分销商将lvguang15194895813发送到网络平台,再由网络平台将货品透过物流交付至终端消费者手中,由此协助分销商顺利完成产品销售获取利润。

这种新兴的销售业务商业模式较之现代的Wholesale(批发)让分销商褫夺如上所述生产成本和补库压力、时间更为自由灵活,让使用者专注于产品销售本身面向使用者主要有三类:自T8300分销商、第三方网络平台分销商和初进阶的初学者。

2. 现有难题Doba自上线一段时间后,透过数据调阅辨认出了详情页的难题,辨认出不论是刊登转化成,还是收藏转化成都偏低,并且跳脱很高。因此有了这次工程项目更新,目标很简单:提升当前详情页转化成、并降低跳脱。

3. 数学模型辅导类似这种复杂的、大型的工程项目更新,就可以如上所述化专精的第二层数学模型。本次采用了如前所述双钻数学模型优化后的三钻数学模型来辅导销售业务流程大力推进。

整个结构设计销售业务流程被拆分为三个期:洞悉、实行和校正期,三者形成生态圈相辅相成另外,它会有期性的收敛和收敛,比如洞悉期,优先透过难题走查、使用者如上所述化、数据挖掘等方式来辨认出难题,之后依照销售业务商业价值、使用者商业价值来进行难题收敛,顺利完成难题的表述。

这个操作过程是为的是做恰当的事接着,实行期,透过同价位预测、头脑风暴、理论搜集等方式来制定结构设计策略,透过好坏预测、计划评审来确认最终计划此操作过程为的是把事情做恰当最终,校正期,透过ab测试、定性反馈等方式来衡量指标,透过原因预测、方式沉淀来TRAP归纳。

这个操作过程是去检验有没有做恰当以这样的商业模式来大力推进销售业务流程,很大程度上避免了因缺失方式或者多早研习技术细节引致的种种难题4. 详情页的象征意义详情页是买主介绍货品的主要途径,它所贯穿的象征意义是协助买主查看lvguang15194895813从而进行重大决策。

,重要性可想而知但是较之现代的C端详情页,在使用者侧又存有两大症结:两类是B端,两类是国外二、辨认出、表述难题1. 使用者科学研究关于B类买主:B类和国外使用者这两类属性距离我们相对遥远,所以需要透过使用者科学研究来提前介绍使用者。

如前所述前期的问卷调查调研,辨认出B类买主基本单厢存有以下这些重大决策点:本地仓提货、免邮、表音文字丰富、热卖表音文字、方便表音文字对比、利润空间、库存够、货品质量好

专注Dropshipping(以下简称DS)的B类买主和以自身喜好为重大决策的C类买主有明显差别他们主要诉求是顺利完成产品销售获取利润,因此他们所关注的信息明显更为综合和全面但是目前线上的信息权重分布,并不符合B类买主的心智。

关于美国使用者:密歇根大学心理学系的Hannah教授如前所述一系列实验在《Cultural variation in eye movements during scene perception》这篇论文指出,较之关注均衡、强调集体主义的中国使用者,美国使用者更关注单个对象,更强调个人主义。

《News Week》一篇专栏文章,从生理学的角度提出,亚裔美国人和非亚裔美国人在面对复杂、繁忙的场景时,会使用到不同的大脑活动区域亚裔美国人的大脑活动集中在处理图形与背景关系的区域,而非亚裔美国人的大脑活动集中在识别物体的区域。

这些差异引致了中美使用者面对同一界面的不同感知,中国人较之美国人更擅长接受理解复杂的界面淘宝、京东那样的复杂界面对于国内使用者来说琳琅满目,但对于美国使用者来说非常眼花缭乱、认知困难因此,面向美国使用者的详情页在视觉上可能需要更加克制、减负。

2. 数据挖掘当前使用者设备中,1280px、1366px的小屏使用者占据近30%以上但是由触达率数据辨认出,小屏使用者一屏内无法看全主图、表音文字,而且物流信息以及四个行动点都处在盲区,这可能是引致高跳脱的主要原因。

3. 难题走查透过团队的难题走查,也辨认出了几个明显难题:比如页面层级过于杂乱、视觉噪音较多;主图尺寸过大、占用大量空间;Price(现价)和MSPR(建立零售价)不易区分,利润难认知,尤其对于注重利润的买主来说很致命;

先表音文字后行动的动线产生SKU维度误解;查看多表音文字信息时,需要手动一个个切换,较多操作负荷。

三、表述难题透过前期收敛得到了一系列难题,总体来说可以表述为四个方面:视觉噪音、层级混乱、屏效过低和操作低效因此,接下次的结构设计策略就可以围绕这四个方向来制定:信息降噪、层级清晰、提升屏效和链路优化

四、结构设计策略1. 层级优化层级优化前需要先进行信息分级。如前所述B类买主问卷调查调研的结果,与工程项目侧重新确认信息优先级并达成一致,后续的层级优化将主要参考此分级结果。

然后,透过一维预测法梳理现有层级的难题,并按照上述分级结果重新调整比如合并层级、并透过两端布局提升屏效;大幅度的去色降噪;垂直布局来易于买主的阅读比价;行动点前置来降低买主触达生产成本等等,具体技术细节不再赘述。

2. 网格布局确立最小原子为5px,建立margin=40px,gutter=10px,总宽1200px的栅格系统;以及5px、10px、15px、20px、40px的间距系统所有的元素尽量按照此框架进行布局,进一步优化层级,建立页面秩序感和舒适的阅读节奏。

3. 链路优化对应走查中的链路难题对于B类买主来说,他们并非和C类买主一样出于自用的目的,他们需要全面对比货品的表音文字、价格、库存等因素但当前表音文字的呈现和对比很不直观,买主查看不同表音文字子lvguang15194895813时需要大量的操作生产成本,重复低效,不便于买主快速重大决策。

这里调研了四类包含了表音文字表格的主流同价位:Modalyst、Spocket、Eprolo和OberloSpocket和Oberlo使用了弹窗来贯穿,Modalyst和Eprolo分别使用了下侧tabs和右侧功能区进行贯穿。

考虑到触达生产成本以及空间利用率,借鉴了Spocket、Oberlo的做法,新增链接入口,以弹窗的形式贯穿所有表音文字子货品的信息,协助买主直观比对促进重大决策;同时在子货品右侧提供加购操作,便于加购意向买主的快速操作。

五、计划呈现以下便是评审时最终达成一致的计划(具体的技术细节呈现有出很多计划,这里就不放了)。

再上一波计划对比。工程项目侧认为比以前的更清爽、干净了,不过不太确定数据的走向,毕竟整体改动很大,所以就需要最终的校正期。

六、校正、TRAP上线后观察数据的表现,辨认出基本都是正向(以下数据均脱敏处理)——收藏转化成提升了6.0%,刊登转化成提升了2.6%,跳脱降低了10.2%,人均会话时长提升了16.6%由此基本能得出一个结论:这是一次成功的结构设计更新,并且对销售业务侧贡献了商业价值。

为的是能够复用到团队其他工程项目,就需要做一些方式的沉淀比如对美国使用者的降噪、对B类买主的信息分级等,甚至是三钻数学模型本身都可以沉淀下来让大家拿来即用,不用花时间去重复思考这个操作过程不限形式,可以像我一样写篇文章、可以ppt汇报、也可以专门做个结构设计分享。

七、最终以上便是如前所述宏观数学模型辅导下进行的一次工程项目更新,每个小伙伴都可以结合自己具体的销售业务、使用者情况来参考使用希望对你有所启发我是结构雕塑家Andrew,我们下期再见参考文章:张宏波:方寸屏幕,指尖空间——结构设计双钻数学模型的延展及运用。

Sharon Begleyo:How different cultures shape the brainHannah Faye Chua:Cultural variation in eye movements during scene perception

Tags:

站点信息

  • 文章统计4935篇文章
  • 微信公众号:扫描二维码,关注我们