交互设计基础:互联网产品的基本信息架构

一个网站/软件到底需要多少张页面,我觉得是“3×n”张。3个基本页面。信息架构从某种程度上讲,是对这三种页面的排列组合。1、着陆/导航页2、消费页3、交互页

一个网站/软件到底需要多少张页面,我觉得是“3×n”张。

3个基本页面

信息架构从某种程度上讲,是对这三种页面的排列组合。

1、着陆/导航页

通常一个网站的首页承担了这一作用。下图截自“hao123”,因为他们全站几乎只有一个导航的作用,很典型。

2010-07-21_184102

2、消费页

这是用户浏览我们网站的目的地。我之前更喜欢管它叫“内容页”,但是通常用户都需要在这个停留相对较长的时间,在我看来,这个页面“消费”了我们的时间。web2.0的豆瓣也不例外,我们找到了一半理想的书籍,会细细阅读相关的介绍.

2010-07-21_184646

3、交互页

交互页是交互设计师的重头戏,全依赖他们,才能把复杂的流程变得简单。

图片1

当然,信息架构的工作不是就这样简单。

复杂的是,这些页面通常情况下不会简单的排列组合,而是互相融合。

消费页+ 着陆/导航页 是最常见的情况

自从有了Google等伟大的搜索技术,我们浏览网页的方式有了极大的改变,我可能直接就会找到我感兴趣的内容。比如下图,第一条搜索结果就是刚刚豆瓣的那个网页,这样点击一次就可以到达。所以,每个消费页都可能是着陆页。

2010-07-21_185406

于是,消费页也需要加入导航。仔细看下刚刚豆瓣的页面,果然可以找到导航。

2010-07-21_185649

交互页尽量不要与消费页和导航页结合

来自apple的这个例子。购物之后交费页面仅提供主导航做为“紧急出口”,让用户可以终止这个购物流程。同时提供了帮助页,对这个流程进行支持。再就是少量的付款需要参考的信息。

2010-07-21_190558

注册页面和登录页面更要完全抛弃导航。登录or注册,不可以有其他的选择。

2010-07-21_191020

原文地址:http://blog.chenjz.com/ia/ia-3n.html

给TA买糖
共{{data.count}}人
人已赞赏
产品经理

应届生如何成为一名产品经理?

2012-11-6 7:58:10

产品经理

交互设计教程:非一般的“取消”按钮

2012-11-11 3:38:47

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索