设计指导:QQ商城多维度导航设计思路

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

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

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

我们所说的多维度导航

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

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

 

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

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

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

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

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

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

……

多维度导航的优缺点分析

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

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

 

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

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

  

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

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

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

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

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

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

  

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

  

总结

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

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

时间: 2024-10-10 13:53:00

设计指导:QQ商城多维度导航设计思路的相关文章

设计参考:不同凡响的网站导航设计实例

不同凡响的导航设计.大部份导航都使用了水平或垂直的菜单设计,注重结构和体验.也有一些设计师在导航上做实验.本文搜集了这些案例希望能激励你 打破常规和固有思维,在设计中配合诉求.受众和产品类型来进行创意的设计. 65 Media 65 Media are group of passionate individuals that produce fantastics experiences. They have creativity running through their vains, just

网站设计技巧:质感的网页导航设计

网页制作Webjx文章简介:一直都有朋友在问质感方面的问题,很多朋友也一直希望记忆能做一期质感方面的教程,但是由于一直很忙,所以到今天才简单为大家带来一期质感方面的教程! 一直都有朋友在问质感方面的问题,很多朋友也一直希望记忆能做一期质感方面的教程,但是由于一直很忙,所以到今天才简单为大家带来一期质感方面的教程! 首先来看一个标准的导航质感如何展现吧! 导航在网站设计中占有举足轻重的地位,导航是整个站点中(特别是门户站)视觉的焦点和中心,其影响力仅次于Banner!导航的成败直接影响了整个站点的

谈网站导航设计:不是所有的网站都需要导航

中介交易 SEO诊断 淘宝客 云主机 技术大厅 网站策划中百分之七十的工作是围绕网站导航开展的"--这句话是错的.许多优秀的网站成功在导航设计,许多糟糕失败在导航设计,这个现象的确存在,但这并不意味着导航设计占有网站策划工作的绝对重心. 不是所有的网站都需要导航 策划这类思维活动,一旦形成了惯性也就失去了创造力.很多从事网站策划的朋友,总是把着眼点放在了网站的导航,殊不知很多网站压根不需要导航,因此,正确的网站策划思维应该是首先明确"我们是否需要导航",然后才是"我

挑战成功的作品:富有创意和乐趣的导航设计

网页制作Webjx文章简介:富有创意和乐趣的导航设计. 富有创意和乐趣的导航设计. 这是一场平衡木上的挑战, 设计师需要取得架构合理.实用性.美观与赢得用户积极情感之间的平衡. 这不是游戏, 要知道一个有趣但混乱, 让用户无所适从, 不知从何点击, 如何返回的导航设计会导致整站设计的完全失败. 来欣赏一下这些挑战成功的作品吧. Showcase of Interesting Navigation Designs http://www.smashingmagazine.com/2010/09/07

值得学习总结的网页导航设计最佳实践

  优质的网页设计通常都有着相当不错的导航设计来支撑.如果你的网站有着有趣的内容和受欢迎的视觉设计,那么一个体验良好,可用性优异的导航栏无疑是必须的.可用和易用一直是高效交互的核心,也是激发创意.创造高效设计和优秀视觉设计的基础.所以说,是时候重新审视你的菜单和导航设计,尽量以简约的方式将它们重新组织起来. 导航是必不可少的.高素质是网站导航是让网站从不错走向卓越的必经之路.在今天,千变万化的网页导航设计开始趋于系统化.规则化,网页导航的最佳实践也并非虚无缥缈的都市传说,而今天我们要聊的也就是这

多维度导航探秘II

本次薯片会一改以往低调.沉稳之作风,先瑜伽团美女show上阵,再是以臭为首的吃喝团上阵,两轮下来大家情绪Hight到了极点,自然讨论的时候思维也是相当的敏捷,O(∩_∩)O! 本次薯片会以QQhttp://www.aliyun.com/zixun/aggregation/37038.html">商城网站为例,对多维度导航进行了深入探讨-- 我们所说的多维度导航 主要是指:能够引导用户通过不同纬度:运营维度.商品自然属性维度.搜索等维度,快速浏览目标商品的导航,我们称之为多维度导航. 以QQ

网页导航设计:网页页面导航设计原则

文章描述:设计师的创意是无限的,但是用户的导航需求是固定的,任何样式,只要能够符合导航原则的几点要求,就可以完成用户的导航任务.更加简便的方法就是只要能在页面元素中找到这个页面的页面路径,就相当于满足了导航原则.这样的原则和方法既可以用来检验我们的设计是否达标 著名的格林童话故事里面汉赛尔和格莱特知道后母想要在深林里面丢掉他们的计划,将面包屑撒在来时的路上,虽然当月亮升起时,面包屑被鸟吃掉了,但是现在的互联网设计师们从这个故事中找到了灵感,设计出不会被鸟吃掉的固定"面包屑". 图1:互

腾讯设计师帮你掌握基于任务的导航设计

  用过Windows控制面板的同学应该都体会过那种找不到目标,一打开直接懵了的感觉,因为这类基于任务导航的产品,要求设计师要对产品用户以及用户任务一个非常清晰的认识,今天腾讯同学从企业QQ的实战中总结了不少经验,对这类小众但很有可能用到的知识,建议收藏哟. 对于不同平台导航的交互形式与视觉样式,已经有不少的文章来介绍与总结.本文所介绍的是关于导航规划思路,一个比较小众的领域,基于任务的导航. 目前产品主要使用基于对象的导航和基于任务的导航.相对来说的,纯粹的基于对象的导航的较为常见,但纯粹的基

为设计师而生-设计导航设计总结

一.写在前面 作为设计师想要设计出足够优秀的作品,除了拥有熟练的技能外,还需要拥有出众的创造力和审美.如果对万事万物没有足够丰富的体验和感受,没有对美的认知和体会,是很难提高层次,做出满意的设计的. "开阔眼界,提高审美",无疑是设计师的一门必修课.你可以先从点开http://idesign.qq.com做起哟. 二.项目前期 不管你是刚入门的初级设计师,还是有经验的高级设计师,都需要通过"看",也就是阅读和整理各种资讯和信息并去芜存菁,来提高审美,拓展思路. 设计