大电商网站导航用户体验对比

news/2024/5/15 6:29:42/文章来源:https://blog.csdn.net/weixin_33686714/article/details/94233412
最近挺感兴趣研究电子商务网站的导航,特地找6个网站做横向对比

四个综合性大站

http://www.360buy.com/

http://dangdang.com/

http://www.suning.cn/

http://shop.qq.com/

两个垂直电商站点

http://www.letao.com/

http://www.mbaobao.com/


 

先上截图:

京东

 

Dangdang

 

 

苏宁易购

 

 

 

 

QQ商城

 

 

 

乐淘

 

麦包包

 

 

 


先横向对比导航栏弹出层的内容:

京东,当当,乐淘,麦包包,乐蜂,都有二级或三级分类,推荐品牌,以及促销信息。乐淘上不但有这些,还含有价格区间,更加方便导航,不过貌似价格区间太细,不太适合提高销售(个人认为,如果现有用户数据表明用户集中于200元区间商品,那么是否可以设置150-30元区间,促进用户发现稍高价钱的合适商品)。弹出层的促销信息会比较实用,但是QQ商城没有。

所有弹出层内LOGO和图片都含有title,这点都细节各站都没有放过。

但是含有LOGOQQ商城和乐淘里,只有乐淘的LOGO在鼠标放上去时有虚框,交互要好点。

所有弹出层只有京东有关闭按钮,但是关闭按钮没有交互,如果设计成鼠标放上去就可以将图片稍微放大并加粗线条就好了。但是我觉得关闭按钮是给傻瓜用户的一个提示而已,放不放都可。

 

横向对比弹出效果:

京东和苏宁易购在导航间切换时有层闪动,看得有些眼花。QQ商城和乐淘很好的处理了一问题,可能是构建弹出层DIV的方式不一致导致的。反应速度上,乐淘最快,京东显得有些迟钝。乐淘的弹出层是宽高固定的,其他站点弹出层都不固定。

麦包包是几个站点里面唯一一个横向主导航纵向弹出的,但是他的布局很好,留白和商品图片配合,显得网站很有档次。

各站的弹出层都会遮罩住轮播图。只是有部分遮罩和全部遮罩的区别。全部遮罩可以将轮播效果不干扰到用户对弹出层的浏览,但是如果部分遮罩,就会让轮播图干扰到用户视线。这一点上,乐淘,QQ商城,做得很好。

再顺便说一下轮播图,6个站点,3个轮播图的切换是数字按钮,其他均为文字按钮,当然是文字按钮更给力,用户体验更好了。

 

Iphone访问这几个站点,点击导航:

京东无弹出层效果,点击就直接跳转到相应分类页。

访问当当直接跳转到了当当手机版网站,做了识别,还行。

苏宁易购直接跳转到分类页

乐淘直接跳转

麦包包点击是弹出层!没有直接跳转!

QQ商城和麦包包一样,都没有直接跳转,而是弹出层!

不跳转而弹出的意义在于用户能够在触摸屏环境下还能使用更舒适的导航,提高用户满意度,麦包包和QQ商城在这方面的确是有细节上的考虑,其实,从细节的实现上,很容易,只需要判断浏览器类型,然后在初始化事件的时候选择是鼠标划过,还是鼠标点击,如果是点击,在当前已经弹出层情况下,再访问本身链接即可。

这就是细节,用户体验。

综合,乐淘,麦包包,QQ商城做得的确很不错!电商大佬京东和当当的确很多地方需要改进,细节就是魔鬼,电商们砸了这么多钱,提升自己的品质很重要!

转载于:https://www.cnblogs.com/perfectdesign/archive/2011/03/18/1988461.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_785745.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【Docker学习总结】7.Docker在容器中部署静态网站

上一篇我们介绍了Docker守护式容器的启动方式,本篇我们来学习如何在Docker容器中部署静态网站。 这里我们将在Docker容器中使用Nginx搭建一个静态网站,通过这个部署,让大家对在前几节中学到的Docker容器知识,有进一步的熟悉和理解…

中文网php怎样盈利维持,如何保持网站稳定的排名?

1、保持网站排名稳定,需要高权重的相关外链想要网站排名长期稳定靠前,外链是重中之重,seo就是这么简单,成,外链;败,外链。所以,要想稳定住排名,网站必须拥有强大的高权重…

linux php搭建网站,linux 搭建php网站许愿墙(示例代码)

首先需要搭建本地yum源,详情参考:我使用Centos 7 做网站服务器,Centos 5 存放数据先配置centos 7配置IPvi /etc/sysconfig/network-scripts/ifcfg-eno16777736 #编辑网卡配置文件,eno16777736为网卡名字我Centos 7设置的I…

Linux运维学习网站收藏

Linux运维之道 1> http://www.linuxidc.com/ //Linux公社,收藏Linux学习的很多知识 2> http://http://www.jb51.net/ //脚本之家,许多脚本基本知识网站 3> http://www.runoob.com/ //记录IT、运维各个方面的一些基础笔记 4> h…

网站会员扫码充值系统

一、简介 微信会员充值系统,适合游戏及第三方平台充值。 二、主要功能 1. 会员支付:填写会员名及金额后,弹出二维码,会员扫码后充值。 2. 支付查询:输入订单号,可以查询订单金额。 3. 接口充值:…

美国购物网站排名

分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow也欢迎大家转载本篇文章。分享知识,造福人民,实现我们中华民族伟大复兴!http://www.cnblogs.com/zijinguang/archive…

www packtpub com电子书网站

分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow也欢迎大家转载本篇文章。分享知识,造福人民,实现我们中华民族伟大复兴!www.packtpub.com支持信用卡支付&#xff0c…

一步步构建大型网站架构

一步步构建大型网站架构 原创 2016-04-17 itivy 架构师联盟之前我简单向大家介绍了各个知名大型网站的架构,MySpace的五个里程碑、Flickr的架构、YouTube的架构、PlentyOfFish的架构、WikiPedia的架构。这几个都很典型,我们可以从中获取很多有关网站架构…

10个高质量PPT模板下载网站

1.PPTSTORE http://www.pptstore.net/ 中国顶级原创PPT模板和KEYNOTE模板下载的高端平台-PPTSTORE 设计师在这里可以发布自己的作品,用户也可以付费下载。里边免费板块的PPT模板质量也还是非常高的,但需要个人花点心思筛选自己要的模板。 2.officePLUS h…

我是如何对网站CSS进行架构的 转自张鑫旭

一、写在前面的 都是自己积累形成的一些东西,可能带有明显的个人印记。不是专业内容,不是权威指南,只是展示一点自己的观点,借此希望能与各位优秀的同行交流看法,见解。以得到进步与提高。 二、我所知的一些过往的做法…

Requests电商网站爬虫+SQLAlchemy框架数据入库

知识点: 1、SQLAqlalchemy框架的使用,数据库连接,建立表格,数据入库Mysqll等操作。 2、解决重复入库问题 3、图片元素变动的反爬应对 from sqlalchemy import create_engine from sqlalchemy.ext.declarative import declarative…

Scrapy+Mysql+SqlAlchemy爬取招聘网站信息

爬虫目的: 爬取拉勾网站杭州分站的python岗位基本信息和岗位详情,并写入mysql数据库。后附经验总结。 知识点, 1、解析函数多个yield以及多个pipeline的使用 2、Sqlalchemy框架的使用 3、Scrapy FormRequest请求,以及反爬 难点…

Python爬取招聘网站岗位信息

本代码主要实现从招聘网站爬取所有招聘某个特定岗位的公司信息,如公司名,岗位,公司规模,招聘详情页信息,并写入csv文件。难点是获取请求的url地址和参数。 在智联主页搜索销售岗位,Chrome浏览器打开网页&a…

OneinStack定时同步备份数据库/网站至七牛云存储方法

无论我们用WEB面板,还是用一键脚本安装环境建站,只要一旦我们开始用VPS、服务器,最为关键的就是服务器中的数据。因为大部分VPS、服务器商家都是无管理型主机,任何的安装和维护都需要我们自行管理。即便商家因自身问题导致服务器故…

Bugku:web 程序员本地网站

这道题一开始就是本地的提示,感觉似曾相识呢??? 我真的觉得好像做过这种题目,还是打开看看 好的哟 啥也没有也是意料之中哦~ 打开BurpSuite抓包吧 不出所料还是放入Repeater中, 添加一行X-Forwarded-For&am…

校园表白墙php源码,校园表白墙网站PHP源码

Nginxrewrite ^/mous/page/(.*)$ /index.php?mous&page1;rewrite/mous/(.∗)/page/(.∗)1;rewrite/mous/(.∗)/page/(.∗) /index.php?mous$1&page2;rewrite/mous/(.∗)2;rewrite/mous/(.∗) /index.php?mousKaTeX parse error: Expected ‘EOF’, got ‘&’ at…

如何看网站的服务器大小写,网站页面的大小写

网站页面的大小写 内容精选换一换云速建站不支持自适应宽度,推荐使用网站宽度为1200px,设置方法请参考网站基础设置。将空白处下方的模块或页脚整体上移,遮盖住空白处,然后保存修改。云速建站没有固定长度,网页的长度取…

SEO之建立有效页面数据库:目的、定义、流程、应用

关于 SEO 运营观,简明提到,好的 SEO 工作开展,是需要从「需求形成产品」再到「流量获取及转化」贯穿始终的。文中有这么一段话:SEO 运营观(传递价值,变现产品)。 SEO运营公式:有效查询覆盖 有效抓取 有效收…

阿里P9架构师讲解从单机至亿级流量大型网站系统架构的演进过程

阶段一、单机构建网站 网站的初期,我们经常会在单机上跑我们所有的程序和软件。此时我们使用一个容器,如tomcat、jetty、jboos,然后直接使用JSP/servlet技术,或者使用一些开源的框架如mavenspringstructhibernate、mavenspringspr…

快盘做网站服务器,快盘云服务器地址

快盘云服务器地址 内容精选换一换查询弹性云服务器挂载的单个磁盘信息。当前API已废弃,请使用查询弹性云服务器单个磁盘信息。GET /v2.1/servers/{server_id}/block_device/{volume_id}参数说明请参见表1。参数说明参数是否必选描述server_id是弹性云服务器ID&#…