浅析淘宝网首页信息架构的变迁

  • Elaine | Elaine
  • 分类:信息架构 时间:2012-02-29 02:26

一石能激千层浪,何况是一巨石?作为亚洲电商巨头,淘宝的一举一动总是牵动着广大网民的心。上至宏观战略的转向,下至一个频道的换装,都会引来大大小小的淘宝买卖家和竞争对手的密切关注,分析、评论文章连篇累牍,各种应对措施更是层出不穷。毕竟,在硝烟弥漫的电商大战中,我们都不是看客。

从汽车、电脑到彩票、点卡,从机票酒店到外卖服务,从租房、买房到水电煤缴费,从C2C到B2C,淘宝的商品、服务和业务范围一直在不断扩展。关于淘宝的一招一式,网上的分析文章不计其数,从公司战略到页面设计都有涉及,本文将抛开过于宏观和过于微观的方面,尝试着从信息架构角度去观察淘宝网首页,分析其组织海量信息、提高信息的可用性和可寻性的方式,欢迎大家批评。

1信息架构的概念、重要性及其组件(已有概念的同学可略过)

概念

“架构”能引起人的最自然的联想,可能就是与我们朝夕相处的建筑物了。我们既在有形的建筑物中穿梭,也在无形的信息群里徜徉。信息架构的概念源自建筑结构,但因为信息空间的维度更多、更复杂,它的研究范围也延伸得更为广阔。根据Peter Morville 和Louis Rosenfeld的定义,信息架构(information architecture,简称IA),是共享信息环境的结构化设计,是网站和企业网络的组织系统、标签系统、搜索系统,以及导航系统的组合。它是一种实践性的学科群体,探索设计和建筑学原理在数字领域中的应用,提供信息的可用性和可寻性。

重要性

不是每个人都会在迷宫似的机场里迷路,但网民们一定都遇到过让人迷惑甚至抓狂的网页——不良的架构阻碍着人们达到目的地。正如建筑物的结构会对身处其中的人的行为和感受造成影响一样,信息架构也会影响浏览者的行为和体验。在这样一个信息浩如烟海的时代,只要思考一下:人们在网上寻找信息所花费的时间和精力、徒劳无功的搜索行为造成的损失(包括用户和网站双方)、培养用户行为的成本、网站维护和重建的成本、品牌建设的成本……,信息架构的重要性也就不言而喻了。

四大组件

 信息系统组件

图 1 信息架构的四大组件

组织系统——信息的组织方式

也称分类法和等级体系,是信息分类或分组的主要方式(例如,按主题、按任务、按用户,或按年代),包括组织体系和组织结构。组织系统是导航系统和标签系统的基础。

导航系统——信息的浏览方式

协助用户了解其在网站的位置,以及可到达的位置,在网站的不同内容之间移动。

搜索系统——信息的搜索方式

用于让用户搜索内容。

标签系统——信息的表示方式

用对用户来说有意义的语言描述的分类目录、选项及链接。

2从淘宝网站首页的改版观察其信息架构的变迁

从2003年至今,淘宝首页已进行了数次改版,限于篇幅,我仅选取了几次,并从组织系统角度分析。

2008410

淘宝网首页(2008年4月10日)

 

图 2 …

浅析韩国团购网站

前段时间看过SocialBeta里的一篇文章,叫“由韩国团购网站引发的一些讨论”,让我忽然想起5月初我写过的关于韩国团购网站的文章,现在与各位童鞋分享,若有不足之处请多多包涵。

团购,相信这个词大家并不陌生。国内去年开始的团购热,对广大网民来说又带来了一波新鲜的冲击。延续去年的火爆发展势头,截止到目前,国内团购网站数量已超过了5000多家。然而竞争激烈的团购网站前段时间纷纷开始了一轮的“砸钱营销战”。开始找明星代言,大量投放媒体广告等投入高额的费用来试图奠定自己在行业上的龙头之位。但是业界上也有《高额广告费止不住团购颓势》,《不如把精力投入到顾客服务》等声音。

和国内团购网站相比,我们的近邻,韩国的团购网站是什么样的呢?让我们熟悉一下韩国团购网站概况与设计。团购在韩国叫- Social Commerce。…

让网页设计有规律可循

  • suyee | suyee
  • 分类:视觉设计 时间:2011-03-04 17:46

随着开放平台日益增多,衍生出来的各类应用服务也就呈不断增长的趋势。这些应用服务的站点设计也可谓是五彩斑斓,灿若繁星。

我们可以来找找这些网站的设计是否有规律可循。

通常一个网站,都会有许多目标需要完成,而像应用服务或程序类网站其最主要的目标就是吸引访客去购买或者注册他们的产品。…

漫谈互联网产品商业需求文档(BRD)的设计(2)

  • admin | admin
  • 分类:产品设计 时间:2011-03-02 17:25

上篇谈到BRD撰写之前的决策模型,其目的就是为了让大家明白一点,写BRD,不应该站在自已的角度来写这份报告,充分了解决策层,也就充分把握到了报告编写的要点。站在评审方的角度来写报告,你的报告成功的可能性就已经占了很大一部分了。

BRD报告要素

前篇中我们谈到决策的角色分类有资本型、市场型、研发型、战略型,我们现在就针对这几个角色,定义出BRD报告的要点。…

用户及用户特征

  • masl | masl
  • 分类:用户研究 时间:2011-02-13 09:28

要创建1个可以与用户有效交流的网站,必须考虑到与你交流的用户。理解用户的需求对我们决定网站内容、信息量、用户以及内容结构至关重要。

用户不是被动的接受网站提供的信息,所有人都会不断的地根据自身经验和猜测来理解。自己在屏幕上看到的内容,即使我们认同是相同语言,但是每个人的理解含义不会完全相同。

我们都会根据自己的知识和经验来理解所看到的内容,(如果你不住再伦敦,就不知道Oyster卡,Oyster卡是乘坐公交交通时用的旅游储值卡)。…

重温《二维设计基础》

  • yihui12 | yihui12
  • 分类:视觉设计 时间:2011-01-30 11:28

俗话说“温故而知新”在看了中国美院王雪青老师的《二维设计基础概论》视频后很受启发。王老师对设计的梳理与总结很见功力,解析的深刻而清晰,好的东西不敢独享,在此与大家一起分享。

先来了解一下什么是二维设计基础?

维度的定义

一维只有长度,呈一种相对的线形状态;

二维有长度与宽度,呈相对的面形状态;

三维有长度宽度和高度,呈体积或空间的状态;

二维设计基础在平面范围内的研究,是为设计做铺垫的涉及到形态的创造方法与规律,色彩的基本知识与实践以及与之相关的图形生成与构成关系等基础知识。…

用户研究的常用方法的选择和使用【二】

  • xulba | xulba
  • 分类:用户研究 时间:2011-01-28 14:58

接上期 http://ued.5173.com/835.html

我们来说说用户行为分析方面的用户研究。

在用户行为分析方面,我们侧重于了解客户和网页交互的行为,并归纳总结行为规律,为产品的设计和优化提供依据。以下我们以测量关注度为例进行说明

我们经常会有这样的情况,页面上设置了提示,但是,客户似乎没有注意到。造成这个情况的原因有很多,包括视觉设计,标记和位置等,但如何确定问题和改进,我们就需要来测量用户关注度。

漫谈互联网产品商业需求文档(BRD)的设计(1)

  • admin | admin
  • 分类:产品设计 时间:2011-01-28 13:59

BRD是英文”Business Requirement Document“的缩写,根据英文直译过来就是”商业需求文档“的意思,指的就是基于商业目标或价值所描述的产品需求内容文档(报告),其核心的用途就是用于产品在投入研发之前,由企业高层作为决策评估的重要依据。…

AXURE 原型设计教程2——变量控制不同场景的交互演示

  • jerry | jerry
  • 分类:交互设计 时间:2011-01-25 13:50

量控制不同场景的交互演示

该教程适合追求axure功能使用最大化的人,并不是原型设计的目的。追求方便、快速设计交互原型的同学可以无视这篇文章。

CES 2011 移动设备界面的视觉盛宴

  • jing | jing
  • 分类:移动设备 时间:2011-01-24 11:20

CES 2011 移动设备界面的视觉盛宴

19世纪末,汽车制造业疯狂发展,从空间和速度上改变着人们的生活。

时隔一个世纪后,20世纪80年代,个人电脑和互联网的急剧发展,正以莫尔定律的速度影响着当下每个人。CES 2011(国际消费电子展)在美国时间1月9日的拉斯维加斯完美闭幕,一场惊心动魄的变革正在拉开序幕……

而这场序幕中,移动设备最为闪亮。…