首页 > 品牌 > 品牌 > B2C购物车功能评测分析报告(2)——迷你购物车的设计

B2C购物车功能评测分析报告(2)——迷你购物车的设计

来源:整理 时间:2022-08-13 19:17:19 编辑:派代电商 手机版
•迷你购物车出现在页面右上角
•添加商品入购物车时,迷你购物车会弹div窗显示当前加入的商品信息,几秒后收缩,此效果保证了用户确认添加了商品,又不影响用户将视觉注意力继续集中到商品页面
•通过迷你购物车的链接,访问正式购物车页面
Gap:
Gap的迷你购物车设计是早在1年前初次接触到Gap时就已经发现,可见这种设计思想在很久以前就已经被使用了, PPG的初版据说就是仿的老版的Gap。BTW,Gap有很多堪称亮点的功能设计和用户体验优化可作借鉴,譬如说用小色板/纹理板代替款式选择,尺码也直接放出,因为不涉及到购物车功能,不予详述。
浏览商品时:

B2C购物车功能评测分析报告(2)——迷你购物车的设计

添加入购物车后:

B2C购物车功能评测分析报告(2)——迷你购物车的设计

记得一年前,这个div的效果是几秒后收缩,现在Gap改成了一直到鼠标在屏幕上发生点击事件后才会收缩,这就更能提醒用户当前添加商品入购物车的操作是有效的。
Abercrombie:
Abercrombie的迷你购物车相较Gap,多了一个鼠标悬浮在迷你购物车上时可以展开迷你购物车内商品列表的功能,去掉了结算入口,不过他们的迷你购物车是弹出后几秒即收缩。
浏览商品时:

B2C购物车功能评测分析报告(2)——迷你购物车的设计

添加入购物车后:

B2C购物车功能评测分析报告(2)——迷你购物车的设计

鼠标悬浮到迷你购物车区域时:

B2C购物车功能评测分析报告(2)——迷你购物车的设计

Zara Home:
•核心思想还是早期购物车设计思想,但通过在所有页面都放大购物车区域的显示功能而实现了迷你购物车的作用(2),但添加商品时仍然是频繁访问购物车页面。
四、总结


迷你购物车的设计思想的思考:


如前所述,迷你购物车的设计思想主要是为了减少用户频繁访问购物车页面,将用户的注意力重新集中在商品挑选页面。这种设计思想对所有B2C站我认为都是正确的。在具体实现方法上,像Gap、Ambercrombie这种在所有页面右上角区域开拓迷你购物车,通过在商品页面的伸缩来体现已经被添加入购物车的设计,是非常适合中小型B2C站的。(比如前段时间Paidai里介绍的sasacity就是这么做的)
PPG现在版本变成了以屏幕中心为焦点弹div窗口的形式,这虽然起到了主要作用,但由于屏幕右上角仍然只是单纯的购物车的链接,就失去了随时呼叫迷你购物车出来的功能及购物车内的商品数量与价格展示。
不过,像当当、卓越这种大型B2C站,由于搜索功能是用户主要使用的功能,所以占据了首屏的较大区域并对各种附加功能有了更高要求(如热门关键字推荐),所以在如何设计迷你购物车上,倒不应该是简单照搬Gap、Ambercrombie这种设计。这个难题就只能慢慢试验方法去解决了。我个人觉得通过RIA技术的创新,在桌面应用程序结合互联网应用程序这个方向上的突破,对购物车存储商品信息这个功能的设计思想是可以考虑换个载体去解决问题的,具体是否如此,还需要摸索。
五、我推崇的迷你购物车设计:


Gap+Ambercrombie式的迷你购物车
•迷你购物车出现在商城所有页面首屏重要区域(右上角确实是最适合的,可以跟购买按纽交相呼应)
•迷你购物车区域显示商品总数与总价
•添加商品入购物车后,呼出迷你购物车的添加商品提示
•添加商品提示只有当发生鼠标点击事件后才消失
•鼠标悬浮可以在迷你购物车区域显示当前购物车内商品列表信息
•可以快速进入正式购物车页面及结算页面


文章TAG:全网平台购物车设计用户体验

最近更新

  • 淘宝造物节三角形眼睛,图一有1个三角形图2有5个三角形图三有九个三角形请问第n个淘宝造物节三角形眼睛,图一有1个三角形图2有5个三角形图三有九个三角形请问第n个

    图一有1个三角形图2有5个三角形图三有九个三角形请问第n个4n-32,这个三角眼睛符号什么意思共济会的上帝之眼符号。详情请搜索:上帝之眼3,施工图中的三角形代表什么意思啊那个三角形是“焊.....

    品牌 日期:2024-03-28

  • 宝尊电商代运营,宝尊电商干什么的宝尊电商代运营,宝尊电商干什么的

    宝尊电商干什么的上海的电子商务公司,可能是最大的淘宝天猫代运营公司了,阿里有股份的--sjz新华电脑知道团队2,耐克突然给我发了个宝尊商品是真的吗耐克突然给我发了个宝尊商品不要相信,拒.....

    品牌 日期:2024-03-28

  • 社群团购,社群团购怎么起步要做什么社群团购,社群团购怎么起步要做什么

    社群团购怎么起步要做什么2,社群团购是什么要做社群团购需要了解什么3,社区团购小程序有什么优势开发一个社区团购小程序需要多少钱4,社区团购和社群团购的区别有多大需要小程序吗5,社区团.....

    品牌 日期:2024-03-27

  • 如何制作淘宝主图视频和视频,淘宝主图视频怎么制作如何制作淘宝主图视频和视频,淘宝主图视频怎么制作

    淘宝主图视频怎么制作2,怎么将图片制作成视频我想用来做淘宝主图视频3,淘宝主图视频怎么做1,淘宝主图视频怎么制作制作淘宝主图视频,建议用数码大师非常简单点击视频相册选项卡,导入图片、.....

    品牌 日期:2024-03-27

  • 淘宝商家的客服在哪里,淘宝客服在哪里怎么进淘宝商家的客服在哪里,淘宝客服在哪里怎么进

    淘宝客服在哪里怎么进2,淘宝客服在哪3,淘宝网的客服在哪能找到4,淘宝店家说的客服是在哪5,手机淘宝淘宝客服在哪6,淘宝的人工客服的网址7,怎么找到淘宝卖家人工客服1,淘宝客服在哪里怎么进淘.....

    品牌 日期:2024-03-27

  • 淘宝优惠券网站,淘宝的内部优惠券哪个平台最全淘宝优惠券网站,淘宝的内部优惠券哪个平台最全

    本文目录一览1,淘宝的内部优惠券哪个平台最全2,淘宝网内部券领取网站有哪些3,哪里有最全的淘宝优惠劵4,淘宝优惠网站有哪些5,有优惠券的推送网站吗谁来介绍下淘宝的哈6,淘宝优惠券有哪些平台.....

    品牌 日期:2024-03-27

  • 淘宝网页电脑版登录界面,如何登入淘宝网淘宝网页电脑版登录界面,如何登入淘宝网

    如何登入淘宝网2,淘宝网电脑版登陆怎么进淘宝首页登陆3,电脑上淘宝怎么登陆4,淘宝网首页登录5,淘宝网电脑版登陆首页1,如何登入淘宝网打开淘宝网主页,登入输入帐号、密码。进入!2,淘宝网电脑.....

    品牌 日期:2024-03-27

  • 下载拼多多可以赚钱吗,拼多多能赚钱是真的吗下载拼多多可以赚钱吗,拼多多能赚钱是真的吗

    拼多多能赚钱是真的吗2,拼多多能挣得到钱吗高人解答3,为什么拼多多可以赚钱4,请问一个新手开拼多多如何赚到钱5,玩拼多多有什么挣钱的方法6,拼多多能好挣钱吗7,现在做拼多多还能赚到钱吗1,拼.....

    品牌 日期:2024-03-27

品牌排行榜推荐