優(yōu)化情景一-多件起售
優(yōu)化背景
1、此前因為業(yè)務(wù)原因?qū)е履承┥唐繁仨毾拗破鹗蹢l件蚂踊，以保證公司物流成本在可控范圍约谈，但與此同時，商品詳情頁規(guī)格選擇面板沒有根據(jù)業(yè)務(wù)進(jìn)行相應(yīng)修改犁钟，導(dǎo)致當(dāng)前多層規(guī)格不支持選擇起售條件商品棱诱，阻斷用戶購買。
2涝动、根據(jù)實際規(guī)格選擇面板點擊量迈勋、轉(zhuǎn)化率、成交率統(tǒng)計數(shù)據(jù)看醋粟，與限制上線前相比靡菇，都有不同程度的降低重归。
3、用戶投訴數(shù)量驟增厦凤，嚴(yán)重影響產(chǎn)品口碑鼻吮。
需要解決的問題點
1、多規(guī)格商品有起售條件如何加入購物車
2泳唠、當(dāng)前所加數(shù)量是否被感知
3狈网、當(dāng)前用戶選擇是否滿足起售條件
4、需滿足在此頁面可選擇多件并且直接購買
5笨腥、優(yōu)化加入購物車拓哺、立即購買流程
原有頁面：
方案一：
以消息條模式設(shè)計，集提示與查看為一體脖母，內(nèi)容隨用戶選項動態(tài)變化士鸥，當(dāng)前數(shù)量清晰可見
缺點：在平臺用戶年齡層都較大的情況下，消息條模式極易已被忽略谆级，無法引起用戶注意烤礁。
方案二：
創(chuàng)建集合概念，將所有起售條件統(tǒng)一操作肥照，位置突出
缺點：價格超過4位數(shù)影響頁面布局
方案三：
將提示條件單獨拆解為消息模式脚仔，擴(kuò)大價格顯示空間。
缺點：占用面板其余位置舆绎，在原本局促的空間內(nèi)又占用了部分
最終認(rèn)為鲤脏，方案二在強調(diào)了當(dāng)前加入數(shù)量的前提下，也較為清晰展示了當(dāng)前選中規(guī)格吕朵，明確突出了數(shù)量選擇猎醇，并且為了增加趣味性，為加入口袋設(shè)計動效努溃，提升使用體驗硫嘶。
上線數(shù)據(jù)跟蹤：
上線后4月商品整體轉(zhuǎn)化率上升，用戶流量小幅度上升
另外帶多件起售商品整體轉(zhuǎn)化率提升20%梧税。
