浅析facebook的信息架构（4）
作者：白鸦 来源：白鸦博客 发布时间：2008-07-25 19:57:00
我对新版设计的，几个主要评价：
1、新的信息架构设计其实面临着很大的调整。要从一个传统网站到一个应用平台作专门，确实很难很难。对于一般的界面设计师来说，这个任务很难完成。但facebook的设计师做到了，而且从时间上来看他们很有前瞻性，呈现层的设计甚至走到了策略之前。
2、新的设计改的大胆，页面就应该表现出“系统”的感觉。 每一个应用就像一个软件。“应用”列表就应该合并起来，“应用”和“应用”之间的切换根本不需要那么快捷。
3、顶部蓝色的主导航区应该再加宽（只要不是100％宽度就行）、压低，完全做成状态栏的样式。
3、把应用夹杂到“我的”一些选项中间不合理。特别是放在好友和收件箱中间。
如果是我设计，我会把LOGO变成“开始菜单”，把应用放进去。
.
.
最后，看看一些抄袭者的作品：（是谁我就不说了）
（作品1）
点评：
这个设计单看一个页面就有问题，属于层次混乱。 单个页面的逻辑不顺畅。
用户经常不知道自己在哪里。
而且没有将关联导航和友好导航区分开，次序和逻辑都交代的十分混乱。
.
（作品2）
点评：
这是某社区专家的网站结构图，单看他的页面没有任何问题，结构清晰，层次分明。
但，用户只要一使用，就晕乎。改动过的信息架构（其实只是把内容区的“关联导航（操作和设置）”的放到了“全局导航2（应用）的上面”）使用起来极其不流畅。（为什么不流畅，在这里不多解释）。
该网站从上线到现在一直充斥着一类投诉：靠，怎么加入群呀？ 怎么设置群？ ….
虽然是借用facebook的信息机构，但足见抄袭之失败。虽然只是一个“关联导航（操作和设置）”的变化而已。
.
.
.
此文为抛砖引玉，我想说的内容大概只表达了1/3不到。（这里只说了布局，并未说栏目、导航划分的原则、延续性、扩展性等问题）
.
结束，简单总结：
好的信息架构设计，可以清楚的表现产品定位，可以清楚的阐述内容层次和关系，可以在使用中保持流畅，并能够让用户迅速的熟悉。
所谓“清楚的表现产品定位”：用户一看网站的信息架构，就知道这个网站是干什么的，我是否应该留在这里，我在这里能干什么应该怎么开始去用。
所谓 “清楚的阐述内容层次和关系”：用户一看网站的信息架构，就清楚知道页面上有多少内容，内容和内容之间的关系是什么，什么类型的内容在什么位置。
所谓“可以在使用中保持流畅”：让用户在使用的过程中感觉不到“跳转”和“障碍”，感觉自己在一个平和世界里畅游，非常流畅，不跳动、不卡机。
所谓“能够让用户迅速的熟悉”：用户看到你的第一个界面时，也许需要找一下他需要的内容在那里，也许会觉得这个网站陌生、有距离。但当他很自然的看到第二个、第三个界面后，应该感觉“这个网站很熟悉”，需要任何内容时都不用去“找”，很自然的就能知道什么类型的内容在什么位置。
.
0
投稿猜你喜欢
- 信息架构的组件可以拆分成四类组织系统 如何组织信息，例如，依据主题或年代顺序。标签系统 如何表示信息，例如，科学术语（“Acer”）或通俗术
- 背景是：在实际开发中，可能会遇到网络问题或者查询量比较大的情况，上一个请求还没有完成，用户就发起了下一个请求。会造成什么情况呢？但是同一个请
常量：用于储存一个不会变化也不希望变化的数据的标示符（命名规则与变量相同）定义形式：使用 define（） 函数定义使用形式：define（- 在网站开发过程中，可能需要用PHP实现验证邮箱格式是否正确，那么我们就可以通过PHP中filter_var函数来实现。下面我们就结合具体的代
- 一、步骤要从 JPEG 图像中获取经纬度信息，可以使用 Python 的 PIL（Python Imaging Library）库。以下是一
- LoadRunner监控MySQLhttp://www.docin.com/p-92272846.htmlAdvanced MySQL Pe
- 摘要：主要介绍一些python的文件读取功能，文件内容修改，文件名后缀更改等操作。批处理文件功能import ospath1 = '
- GMSSL模块介绍GmSSL是一个开源的加密包的python实现，支持SM2/SM3/SM4等国密(国家商用密码)算法、项目采用对商业应用友
- PDO::beginTransactionPDO::beginTransaction 启动一个事务(PHP 5 >= 5.1.0, P
- 因为一个需求，因为自己想多了一点东西，最后发现了一个问题，一个很奇怪的问题。这个问题我想还是我自己当初想法上的出路导致的吧，但想不通为什么会
- 使用代码让我们从Mongo数据库的一些细节和基本命令开始，并最终介绍如何创建一个可连接至Mongo数据库的.NET Windows应用。Mo
- 前言在使用vue.js开发前端项目时，再结合webpack搞起各种依赖、各种插件进行开发，无疑给前端开发带来了很多便捷，就在解决跨域这个问题
- Acunetix Web Vulnerability Scanner 是一款国外产的及其优秀的扫描工具，可以帮忙挖掘网站内的诸多漏洞，包括常
- 前言在本文中，我们将介绍一些常见的分布并通过Python 代码进行可视化以直观地显示它们。概率和统计知识是数据科学和机器学习的核心；&nbs
- SQL(结构化查询语言)就是负责与ANSI维护的数据库交互的标准。最新的版本是SQL-99，还有一个新标准SQL-200n尚处于制定过程中。
- 开发中偶尔需要判断网络的连通性，没有什么方法比 ping 更直接了当，通常检查网络情况都是运行命令ping www.baidu.com ，查
- xmlhttp，IE不支持overrideMimeType()方法，即使是IE7。 // Mozilla/Safari/
- 本文实例讲述了Python设计模式之抽象工厂模式原理与用法。分享给大家供大家参考，具体如下：抽象工厂模式(Abstract Factory
- Import os; -- Python自带print(os.getcwd()) -- 获得当前工作目录os.chdir('/Use
- 由于多种原因，进行安全设置的人们常常不理解数据的真正价值，所以，他们也无法对数据进行合适的保护。将你的数据只限于需要的人访问，并保证访问的人
