童话说说技术创业美文职业
快好知
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

信息构架的若干原则(第二部分)

7月15日 月依兮投稿
  3。信息树应尽量窄而浅,且保持平衡(信息结构的宽度和深度)
  信息树可以看成是对信息集合中的信息按照某种方式加以组织以后所形成的有序的信息载体,。在描述信息树时,信息的组织关系通常被描绘为一个树形的结构。对于信息架构而言,组织信息所要达到的目标有两个:一个是信息的有序;另一个是形成信息树。
  而信息树的设计在网站上的体现主要是导航的设计,首先我们来看看信息树的宽度和深度的关系:
  较大的宽度,使得信息树变浅,可以将信息明确显示在界面上,用户可以减少点击次数,但容易使一级导航承载的信息过多,用户不容易发现重点及内在组织关系;
  较大的深度,使得信息树变窄,界面显得有重点、组织关系清晰,但由于用户不能通过一级导航获得所有组织关系,点击和寻找的难度加大。
  因此,信息树的宽度和深度是相互制约的关系的,如何让信息树在这两者关系中保持平衡,并尽量使信息结构窄而浅,是信息架构中的基本原则之一。
  接下来我们来看亚马逊(amazon。com)导航的变迁史(资料及图片整理来自LukeW’sFunctioningForm):
  在1998年,亚马逊网站只有两个一级大类:书籍和音乐。即使增加了一些分类,比如音像和礼物,水平的Tab式导航也能够扩展的非常平滑,并且通过颜色的不同,很容易区分产品。
  在1999年到2000年的时候,亚马逊还在不断增加新的分类,并使其信息树不断变宽。店铺、玩具与游戏、电器和电子贺卡这些新的产品分类的增加,一直把Tab导航标签做成两排。
  2001年亚马逊尝试着把所有的商品分类Tab去掉,仅保留商店目录和特色商店(StoreDirectoryFeaturedStores)。这次重新设计,用商品目录替代了日益增长的分类,特色商店并提供了一个比较方便的途径让用户可以访问常用(或热门)的分类。可见信息树变浅了,但深度却加深了,用户无法一眼从导航或者更多的信息。
  今天的amazon,对所有的商品分类进行了重新组织,如将Movies,Music,Games三种具有相似属性的商品分类划分为一类,在此基础上新增了一层2级导航,可见改版后的amazon导航信息树宽度和深度更加合理,平衡的信息结构,具有更清晰的逻辑、且用户可以从导航中获得帮助。
投诉 评论 转载

后移动时代的Web设计还记得Wap吗,现在还有多少人使用Wap?后移动时代,随着浏览器技术的进步,为移动设备设置特殊站点已经不再必要。作为Web设计师,如果你能遵循一些基本的设计与布局原则,你的站点……用户任务完成度分析欢迎来到艾泽拉斯大陆如果你玩过魔兽世界,也许你在里面完成过无数个任务;当用户在访问网站时,其实他们也在试图完成某些特定的任务。也许大家都比较熟悉网站目标(Goal),因为很多网……信息构架的若干原则(第二部分)3。信息树应尽量窄而浅,且保持平衡(信息结构的宽度和深度)信息树可以看成是对信息集合中的信息按照某种方式加以组织以后所形成的有序的信息载体,。在描述信息树时,信息的组织关……由iPhone4天线问题引发的界面设计讨论如果握着手机左下角,iPhone4G就没反应了。SteveJobs却说,这个问题有两个解决办法:要么“别那么拿着手机”,要么使用iPhone配件把手机包起来。这并不是什么大问题……关于用户体验量化的一些事从去年年底到今年年初,我分三次将自己读书时候的文章《用户体验量化方法研究》通过UED博客进行了连载。来自各界的热心网友对此文进行了评论,有反对的、有提出疑议的、有给出诸多建议的……Android和iPhone要做统一设计还是差异设计?Android平台和iPhone平台虽然都是潜力无限的触屏系统,但是iPhone的设计风格已经成型,设计规范也得到了广泛的认可,Android平台却有很多的不确定因素,可以这样……企业B2C电子商务网站设计常见的8个问题目前自建平台的B2C电子商务商家越来越多,但是我发现不少商家都对自己如何建设自己的网站心里都没没谱。一般都是在参照淘宝、当当、卓越或者VANCL,他们怎么做,我们就借鉴过来。但……互联网里的分类和标签标签:网络2。0的象征内容需要“做标记”,如同杨是树,长江第一大桥在武汉一样。互联网时代,面对充斥满屏幕等待挑选的信息,如果能按属性和内容特征筛选信息,无疑是磨刀不误砍柴……Facebook图片管理架构Facebook的照片分享很受欢迎,迄今,Facebook用户已经上传了150亿张照片,加上缩略图,总容量超过1。5PB,而每周新增的照片为2亿2000万张,约25TB,高峰期……让用户更容易地找到需要的信息优化相关内容推荐让用户更容易地找到需要的信息4博客之前的一篇文章优化网站导航设计,介绍了如何评价网站导航功能及基于分析的优化。但后来才发现其中遗漏了GoogleAnalytics上一个很……android屏幕分辨率问题iPhone的icon设计就这么简单,iPhone的屏幕只有320480像素,所以程序没有适配性问题。Android在研究Android的icon设计之前,有必要先……是Retweet还是Like?同样一篇文章,用户是喜欢点击Twitter的Retweet还是Facebook的Like?背后的原因又是什么呢?关注这个问题是因为Mashable。这个著名的Social……
APP吐司功能,如何用Axure画出来?我用Axure做了个计算器Axure中继器:2级菜单最简洁的打开方式AxureRP8的网格、引导线、辅助线和捕捉的使用玩转Axure:如何实现搜索框联想词效果Axure教程:导航栏的制作(鼠标移入显示子栏目,移出隐藏)Axure教程:快速上手中继器,实现动态添加和删除“标签”Axure:2分钟制作三级折叠菜单总结:6个常见的原型设计的陷阱APP分段控件功能如何用Axure画出来Axure教程:密码可见与不可见的切换设置Axure教程:移动端的页内tab如何设计
新课改理念下关于课堂教学的思考恐龙世界的巨无霸,方舟生存进化骑上雷龙回头率满满南宁生活垃圾主要分为哪四类南宁生活垃圾分为哪四个类中国式道歉冰立方如何雕刻成冰五环?来自海淀的生产企业揭秘荔枝树的秋季管理措施古代皇帝为什么都是死了才传位蒲花茶清热泻火功效与作用经典语录再幸运的人,命运也会跟你开几场玩笑民间借贷起诉状范本完整版内容是什么?宜字取名好不好宝宝带宜字的名字大全合议庭通过后多久宣判

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界