多维度导航探秘II

记录于

本次薯片会一改以往低调、沉稳之作风,先瑜伽团美女show上阵,再是以臭为首的吃喝团上阵,两轮下来大家情绪Hight到了极点,自然讨论的时候思维也是相当的敏捷,O(∩_∩)O!

本次薯片会以QQ商城网站为例,对多维度导航进行了深入探讨……

我们所说的多维度导航

主要是指:能够引导用户通过不同纬度:运营维度、商品自然属性维度、搜索等维度,快速浏览目标商品的导航,我们称之为多维度导航。

以QQ商城为例:QQ商城的多维度导航主要分为2个维度:

  • 1、运营维度:引导用户参与不同运营主题(每日抢购、当季新品等),从而关注商品,主题可根据需要定期更换;
  • 2、商品自然属性维度:通过商品自然属性(分类、品牌等)引导用户浏览和购买;

为什么网站会使用多维度导航

A、让用户第一时间看到最新内容(每日特价、热销新品)

B、 希望用户通过不同主题参与网站活动(当季热卖、新店促销)

C、 利用商品或内容的相关性引导用户浏览(分类和品牌)

D、 让新手用户更加方便的找到目标

……

i need to do my homework

多维度导航的优缺点分析

目前多维度导航在很多B2C型电子商务网站中被使用,如:amazon.com、shop.qq.com、mall.taobao.com等等,多维度,其优点很明显:最新内容展示,多主题引导,快速定位商品,满足长期运营需求。但是也有其不足之处:

单一维度的导航,比较适合向新用户传递整个网站的信息架构,而多维度导航很难做到这一点.

多维度导航和面包屑一起使用时,在某些维度场景下会导致面包屑无法表意清楚商品的信息结构.

QQ商城多维度浏览_面包屑示意图

上图中我们可以发现,商品的信息结构是唯一的:即:【QQ商城 > 运动服饰/配件/包袋 > 运动包袋 > 双肩包 > 商品详情】,分析三个浏览维度的面包屑表意:

  • 1. 从”品牌维度”浏览时,面包屑【QQ商城 > 李宁 > 运动服饰/配件/包袋 > 运动包袋】

其中”李宁”这个面包屑节点并不是商品信息结构中的节点,故此面包屑表意会有歧义;

  • 2. 从”分类维度”浏览时,面包屑完整的表意了该商品的信息结构,表意很清晰;
  • 3. 从”运营维度”浏览时,中间过程无面包屑。

针对上述第1点的问题,经过大家讨论后提出了优化方案:经过大家讨论后提出了优化方案:

QQ商城多维度浏览_面包屑示意图_优化后

  • 1. 只有按”分类维度”浏览时,面包屑才时时完整表意商品信息结构
  • 2. 按其他维度浏览时,一般不出现面包屑。除非用户选择了商品分类,此时才会出现商品信息结构面包屑:

总结

信息多维度的集中展示,必然带来用户认知的负担。既要降低用户的认知负担,又要能方便用户多维度快速找到目标商品,在设计多维度导航时需要我们去平衡。

另外多维度导航与面包屑混合使用时,也特别需要注意到面包屑的表意是否会造成用户对商品信息结构的错误认知,面包屑运要慎用。

本期多维度导航的话题基本就这些,敬请关注下期主题XXXXXXXXX!

  • Pingback: 多维度导航探秘II - 设计·生活

  • lee

    本文虽然分析了多维度导航,但是我觉得并不深入,多维度导航是现在很多大网站,信息种类繁多的网站无法避免的,尤其是电子商务网站。但是多维度不仅仅涉及信息构架的问题,还涉及到页面设计的问题。我觉得两方面结合起来说意义更大。
    另:我觉得你说的QQ商城面包屑中“李宁”来举例说明无法表意清楚商品的信息结构,但是我觉得面包屑路径更多的作用是让用户明白他们的访问路径,以至于他们不迷失在大量的网页中,用户并不一定想知道整个网站信息构架,只关心我来自哪里,可以去哪里,怎么回去或者向前走。
    在下拙见,如有冒犯,请见谅!!!

  • Pingback: 多维度导航探秘II | 互联网大社区

  • http://www.jerry-design.com jerry

    学习中…
    “其中”李宁”这个面包屑节点并不是商品信息结构中的节点,故此面包屑表意会有歧义;”
    这句话我不是很理解,从对品牌有偏好的用户来说,品牌这个节点还是需要的,请各位大虾指教

  • lyons

      网站多维度导航多维度架构,用户多维度认知。用户不太关心你网站架构是什么样,他只想找到称心的商品。让用户自己去意识自己逛的是一个综合性商场或是专卖店。按照用户找到产品轨迹去进行产品分类。你的修改方案也会有歧义的。我在考虑是否有一个用户浏览轨迹导航。
      QQ商城的多维度导航,从信息架构上来说有些凌乱,给用户传达不出这种多维度结构。不如一个多维度一级导航。

  • Pingback: 多维度导航探秘II - 忽悠无罪

  • http://blog.chenjz.com Jessica

    提供了非常好的导航方案!

  • http://www.lvdoujing.com 绿豆晶

    QQ商城很淘宝啊,呵呵。导航还是越简洁越好,个人觉得在横导航下方鼠标划过弹出若干子导航比这种商城类的导航更清晰点。

  • pkufish

    可能在这个网站的数据中,属性——品牌的级别,比类目的级别要高吧。
    所以面包屑如此显示了。

    这样的改动我觉得可能并没有必要,因为用户在访问QQ商城的时候,他更加关心的是“品牌”信息而不是关心此类产品处于商城的什么位置。而把品牌放在级别更高的位置,可以让用户觉得这个商城的“李宁”品牌的商品种类丰富。嗯。

  • http://www.us-ysl.com/ YSL replica handbags

    不错的方案

  • http://www.lv-rolex.hk/ ブランドコピー

    谢谢,受益非浅,继续努力~

  • http://www.ximengbao365.info ximengbao

    没人留言么 那我留一句

  • ZxSketch

    很同意2楼lee的评论。许多用户的心理模型里并不包含网站结构。虽然多维度导航比单一导航更混乱,但应该在结构上做优先级的区分,同时配以恰当的视觉语言来引导用户。这点上个人认为淘宝商城比qq商城做得好。淘宝商城中的分类标签和顶部的分类是完全不一样的视觉类别,大色块中的反白字体给人的感觉更像是一种简单链接入口,而标签配上展开符号直观感觉是复杂分类,用户的第一认知会完全不同。阴字和阳字,简单和复杂,分散排列和集中排列,这些都会让用户感觉到,这二者中有一种是网站的主要结构,另一种只是快捷入口。无论用户认为这二者谁为主,但只要他能在认知中将二者分为两套系统、不会弄混,那么作用就达到了。qq商城导航的问题在于,信息量太大,所以各种标签各种展开。设计无法解决所有问题,导航的设计只能算是弥补,本因上还是网站策划的事。关键是,不要让用户太累。

  • http://www.moncler168.com moncler羽绒服

    实际效果还是要从用户那里得到考证的。用户考虑的也许没这么多这么复杂的

  • Pingback: 多維度導航探秘II - Game2遊戲|互聯網網誌-領先的正體中文互聯網/遊戲資訊網誌! - 領先的正體中文互聯網/遊戲資訊網誌!

<< 返回首页 <<   >>

关于薯片会

...
第一步骤:左手拿起薯片,右手用鼠标慢慢滑动。

第二步骤:吃下薯片(你可以不吃,咬着),然后左手、右手放在键盘位置上,把你想要说的话写上。
...

薯片会成员


臭鱼(李钊)

北京人,男,29岁
www.chouyu.com.cn


Seven

外星人,男,25岁
www.hiseven.net


tesion

很热情的同学
www.tesion.cn


Evanchen

一个真正的交互设计师,应该能够丰富设计这一概念。
www.UExperience.cn


西贝

单纯使人更加专业
www.xibeidesign.cn


艺文

用爱心规划设计
QQ:4251538


流沙

Design to change the world
www.uesand.com


yanyan

真诚是设计的灵魂
Qzone


margaret

蛋小荒—女神


vijeun

按着心里的感觉走
Qzone


vv

万年12岁

readers