信息架构中的常见模型-2

上一期分享了三种基本的交互模型,双面板选择、画布工具条、向导(wizard),本期讨论的交互模型并不局限在一个页面上的信息结构,它们分别是:响应式出现和嵌入式连接。

1.响应式出现

一个页面要显示很多内容,但是其中一部分内容不太重要,我们希望用户界面变得简单,但又不得不把内容放到界面当中,在这样的情况下,可以把重要的内容显示出来,并把其他内容隐藏,用户可以通过一个简单的操作访问隐藏内容,这样的页面不仅在一个页面上具备了信息结构,同时具有了垂直的层次结构,不是一股脑的丢给用户,而是在用户需要时显示。

[用法]

1)将主要和次要内容分开,默认显示主要内容,把次要内容放到事先隐藏的区域里;

2)在默认显示的界面上放置醒目的按钮或连接,让用户能够找到那些隐藏的内容。&">nbsp;例如“更多”,或是使用向右或向下的箭头作为连接或按钮标签的一个部分。

3)打开隐藏区域后,设置另一个按钮或某种方式能够让用户关闭它。隐藏区域的内容应该是用户大部分时间都不会需要它的,因此要进入和退出这个额外区域的操作醒目就可以了。

[形式]

1) 页面内展开:在主要界面上提供按钮或连接,用户点击以后,在页面内展开一个区域,显示进一步内容,这种形式能够即时的反馈用户的操作,同时容易给用户带来自然过度的体验,这种形式适合用在对主要内容的扩充,更详细的、更近一步的内容,当用户没有看到这些内容并不会影响使用,而打开这些内容,用户可以看到更多、或是得到更丰富的功能。

例如:

在QQ聊天窗口中当用户点击“聊天记录”时,页面展开一个区域,用户可以看到更多聊天的记录。

在QQ空间的个人中心中,页面将好友更新的日志标题列出来,当用户点击“展开”按钮时可以看到文章开头部分的段落,同时按钮转换为“收起”,用户可以选择把内容再次隐藏起来。

2)弹出层

用户点击按钮后,在页面上浮出一个层来显示进一步的内容,与页面内展开的形式不同的是,弹出层更适用于区域内的内容较为重要的时候使用,比如弹出层内包含一些操作、或重要提示。弹出层一般包含以下部分:标题栏 (与内容区分隔较明显,有标题和关闭操作);内容区(弹出层的主要内容区);操作区( 弹出层的主要操作区,确定/保存等按钮)。弹出层有两种类型,模式化的和非模式化的,对于模式化的窗口,弹出层可以移动,弹出层以外的页面为锁定状态,不可操作;对于非模式化窗口,该层仍然可以移动,弹出层以外的页面可操作,操作时弹出层可以消失也可以一直出现,根据具体情况而定。

举例:

在秀世界的应用中,用户点击“我的储物箱”弹出一个展示我已经购买的物品的层,这是一个模式化的例子,弹出这个层以后,原来界面处于灰度显示状态,其他按钮不能点击。

在绘图工具当中,对于一些扩充的工具面板也采用了弹出层的模式,这是一个非模式化的例子,当弹出层出现时,原来的页面工具仍然可以使用。

2. 嵌入式连接

嵌入式连接已经是web上广泛应用的模式,当用户沿着某种线性路径进行浏览,如一段文本、一个操作流程,而在用户浏览的过程当中,我们希望在用户主要注意力之外提供一些额外的内容,它可能是一个故事的附加信息,或是一个对某个概念的解释、或是帮助文本。这样的形式可以让希望快速完成任务的人快速前进,而对于希望了解更多的人看到额外的信息,满足用户的好奇心和对未知内容的探索。

[用法]

1)为可能吸引用户的附加内容创建入口,

2)这些入口可能是带下划线的连接、大的标题、按钮、菜单项、图标及一些可以点击的图形区域。对于不容易理解的图标或是连接,可以添加简短的描述进行提示。

3)提供返回的途径,在用户阅读这些分支的内容以后能够回到他们的主要任务上。

[举例]

1)在网页新闻当中,对一段文字当中提到热门词汇加上链接,当用户对这个词汇感兴趣的时候看 到能够看到与这个词汇相关的新闻:

2)网上书店在显示某本书的详细信息时,根据其它用户在该网站上的购买情况列举出一个书籍列表,在页面上的某个位置显示:“购买本书的顾客还买过”,以及“浏览本书的顾客还看过”列表,这些精确的推荐列表为用户提供了更多的同类书籍信息,它预测关注某一图书的用户可能会对某一类图书同样感兴趣。

源地址:http://isd.tencent.com/?p=2067

时间: 2024-10-31 10:11:22

信息架构中的常见模型-2的相关文章

信息架构中的常见模型

<信息架构中的常见模型>是整个"web交互设计方法"中的一部分: 本期的内容目的是分享和总结信息架构中一部分基本的交互模型.信息架构需要考虑内容和功能的建构,首先需要考虑怎样组织内容和功能的关系,也就是切分内容,如何把一些动作和对象跟主题顺畅的结合起来:第二步就是考虑怎样引导用户通过界面达成他们的目标,也就是用"物理结构"把内容用页面\窗口\面板等元素将信息表达出来,交互模型正是针对第二个步骤来说的,这些模式帮助我们在表达信息的时候能够有一些常用的思路和

信息架构中信息类粒化简谈

当我们进一座写字楼的时候,找你想要去的房间,你会依据什么来指引到那个房间?当你到超市买东西的时候,什么东西指引你可以很快的找到你要去物柜?当你到达一个网站的时候,你依靠什么找到你要的信息?什么样的方式可以让你更加快捷的找到你所关注的目标信息?这时候,一个写字楼的楼层房间分布图谱,一个超市的物品分类,一个网站的信息架构就显示出它的作用了. 当我们找那个目标房间具体信息,房间的位置,朝南还是朝北,房间大小,距离电梯的距离等等,超市找物柜里面的物品,找红酒还是白酒,什么品牌,价格,是否有促销,是自己品

信息架构的模式

最近忙着毕业设计,需要文献翻译.本想随便那之前翻译的交个差,但总觉不够严谨.我的毕业设计主要是帮老师的研究所做个网站,本来已经有网站了,但老师和我都觉得老版本的网站很是陈旧.于是毛遂自荐. 网站需要重构,自然信息架构部分也是重要的一环,虽然之前也看了不少,比如<下厨房的搜索OR分类之思>即是思索的痕迹,但还是系统地翻译了Five Simple Steps团队著作的<A Practical Guide to Information Architecture>其中一个章节:<IA

信息架构:看不到不代表不存在

当我们谈论建造大教堂的石头时,我们说的其实是对这座教堂无关紧要的东西. --Antoine de Saint-Exupery 如果你刚接触这个领域,你可能会想:到底什么是信息架构. 如果你已经在从事其中一种设计体验工作,你可能会想:"信息架构不是关于创建站点地图.线框图和网站导航菜单的吗?"确实如此--这些是信息架构设计的重要元素.但是信息架构不只是如此. 我们先来澄清我们所指的信息架构是什么: 1.共享信息环境的结构化设计. 2.数字.物理和跨渠道生态系统中组织.标签.搜索和导航系统

业务架构、信息架构、技术架构三位一体

客户天天打电话要修改产品功能,简单的一个需求可能要做一个月.产品越改越笨重,为了赶工期bug越来越多.头疼! 产品从初级版到现在已经四个年头,相关的程序员来去换了三批,在补丁上打补丁是常有的事,很多功能只是开了个头,换个项目经理就被遗忘.我们总是害怕客户在这个产品上提出新的需求,只要客户还用得过去,能不改就不改.即使到了非改不可的地步,也会容忍这些僵化的代码带来的种种限制. 昨天才刚上的功能,忽然又要去掉.客户在使用产品中的这些流程,难道事先就没有人考虑到么?现在说这个功能重要,又说要做各种的接

业务架构、信息架构、技术架构三位一体,互联网营销

客户天天打电话要修改产品功能,简单的一个需求可能要做一个月.产品越改越笨重,为了赶工期bug越来越多.头疼! 产品从初级版到现在已经四个年头,相关的程序员来去换了三批,在补丁上打补丁是常有的事,很多功能只是开了个头,换个项目经理就被遗忘.我们总是害怕客户在这个产品上提出新的需求,只要客户还用得过去,能不改就不改.即使到了非改不可的地步,也会容忍这些僵化的代码带来的种种限制. 昨天才刚上的功能,忽然又要去掉.客户在使用产品中的这些流程,难道事先就没有人考虑到么?现在说这个功能重要,又说要做各种的接

从SEO的角度谈谈A-Z背后的信息架构

我曾经特意观察过一些国外的大网站,针对海量页面的收录确实是用了不少的技巧.我个人的建议,首先你要在首页增加一些特别设定的地图索引页.例如A B C D E F等以字母开头的页面.每个索引页面的提供下一级的全部索引.从A-Z按字母索引,其实在国外网站 并非是针对SEO所做的,当然,这个对收录的确很有帮助. 这种按字母索引的方式,其实是信息架构学中比较基本的内容,在国内其实还没有信息架构设计方面的普及.但是在国外 ,比较普及.其实 mike moran 在<网站流量大提速>这本书中说过: 好的站点

内链结构须架构:信息架构对SEO的意义

信息架构我想很多站长有接触过,但可能没有很深入的研究过.最近一直在看这方面的资料,感觉它对于SEO非常有帮助,特别是大型网站,需要充分地收录就离不开科学的链接体系做支撑,而信息架构就能很好的解决这个问题.所以今天就把这些资料总结一下与大家分享,不足之处还请多批评. 什么是信息架构 信息架构(information architecture),简称IA,信息架构体系是很多系统中必须重视的一个因素与模块.它小到网站,大到系统,都直接或间接与信息架构有关系.信息架构包括的系统有标签.导航.搜索等.每个

信息架构本质,第 1 部分: 数据和内容的两难抉择

"信息架构本质"系列 将讨论对创建成功的信息架构设计有重要意义的几个元素.在本系列中,您将了解如何管理和组织数据与内容,了解分布式数据挖掘并学习分析信息并向用户呈现的一些技巧.本系列还将讨论信息架构中业务智能的使用以及如何将内容应用到多个受众. 作为本系列的开篇,本文将讨论数据与内容之间的差别,并讨论如何查找和集成来自多个异类源的信息.如果您需要创建灵活的设计,不妨从现在起关注本系列每月的文章,以了解成功信息架构设计的技巧和窍门. 要了解数据与内容之间的差别,首先需要在进行比较前分别了