Entries Tagged '信息架构' ↓

信息架构:3×n

一个网站/软件到底需要多少张页面,我觉得是“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

VN:F [1.9.3_1094]
Rating: 5.0/5 (2 votes cast)

twelve buttons 十二按钮

今天接到了小设计任务,某某认证平台上面布置了十二个按钮,需要重新排版。当前的设计效果如下图。

2010-05-14_175121

这十二个按钮倒是严格位于页面的正中间,但页面下方却是完全空白的区域。

我只要求需求方干了一件事儿——分类,他们帮我把十二个按钮分成四类,然后半个小时内我给出了如下两个设计方案

1、星形发散的结构

2010-05-14_175053

2、左右结构

2010-05-14_175107

这两种方式我都希望设计出点儿立体效果来。大家认为哪种设计方案好些?

VN:F [1.9.3_1094]
Rating: 0.0/5 (0 votes cast)

小小的谈下推荐系统

推荐系统隶属于信息架构,是网站导航的一部分,它有效的减少了用户和内容之间的距离,推荐系统让信息变得“可及”。而今,推荐系统也广泛应用于各类网站,电子商务中的商品推荐、博客网站的文章推荐…要想得到一个准确的推荐,需要极为复杂的算法进行支持,实际的算法估计我有生之年都很难搞明白了,我这些天查阅资料,勉强可以谈谈步骤、概念和原理。

本文依赖于以下文章的研究:

个性化推荐技术漫谈 作者:付江

推荐系统:Amazon、Pandora 和 Del.icio.us 作者:中国人民大学  计算机科学与技术系 林晓明

如何从无到有建立推荐系统 作者:耿人杰

步骤

一个完整的推荐系统需要经过三个步骤:行为记录、模型分析、产生推荐。行为记录模块负责记录能够体现用户喜好的行为,比如购买、下载、评分等。这部分看起来简单,其实需要非常仔细的设计。比如说购买和评分这两种行为表达潜在的喜好程度就不尽相同完善的行为记录需要能够综合多种不同的用户行为,处理不同行为的累加。模型分析模块的功能则实现了对用户行为记录的分析,采用不同算法建立起模型描述用户的喜好信息。最后,通过推荐模块,实时的从内容集筛选出目标用户可能会感兴趣的内容推荐给用户。因此,除了推荐系统本身,为了实现推荐,还需要一个可供推荐的内容集。 Continue reading →

VN:F [1.9.3_1094]
Rating: 0.0/5 (0 votes cast)