也谈京东左侧菜单
今天在ucdchina.com上看到了一个朋友的文章,京东的左侧导航到底比amazon的差在哪里了?。
有点自己的想法。
1.分类
在我看来,京东的这个左侧导航还是很成功的。视觉流上呈现了突出重点、层次分明的特点。并且在鼠标滑到每一行的时候,三级分类的消失和二级分类的几个px的移动,积极的响应了鼠标行为,这一点真的是很好的交互体验。
谈到“一级分类”,“二级分类”,“三级分类”,我们可以思考一下,这样的词语是我们技术人员的语言还是普通用户的语言?
我随机的询问了8位msn好友,7个人说是技术语言,另外一个说很专业。然后我又问“比之于 家用电器–>大家电–>洗衣机 电冰箱”,除去开会的2位,都告诉我说更关注具体的词汇。而且并不是很关注“家用电器”“大家电”,而是直接关注“洗衣机”“电冰箱”这些具体的产品。在普通用户心中,不涉及到抽象具象的必须分类时,是不会考虑这些事情的。
京东用14px 粗体红色的文字来区分分类面板,然后用颜色深浅来区分下一级的产品,这个做法符合用户心理对分类的认知,不需要思考,从第一层次的认知就能进行分类,这不是很好嘛!
2.宽度
文化差异导致了语言差异和文字差异,所以宽度不是问题,问题是文字的表达意义。amazon的菜单宽度由英文单词的宽度来决定,京东不可能也由中文词组的宽度来决定,不然太窄了。下面的图视觉上好看吗?传达给你的是不是一种紧张和不可信呢?
3.整体
只提出这一个菜单来分析的做法是片面的。
从京东的整体导航来看,这个菜单已经能够很好的进行工作,用户可以通过菜单或者全局搜索迅速的进入目标商品区域,然后可以结合高效的高级搜索,更方便的对搜索结果进行筛选。
然后有排序功能对结果再次整理
这样用户就可以很快的进入心仪的商品进行查看了。
4.建议
先上图,我进行的修改,只修改了两个部分。
“二级分类”缩进5px,左上角的“全部分类”增加下划线。
ps:
我赞赏作者的认真态度,也很赞赏作者的读着心理把握能力。把标题起成这样,读着读到的时候就会潜意识的认可京东的导航有问题,再加上文中的语言,于是这篇文章就充满了说服力。呵呵。





















