Break Point。

读书笔记 / 信息架构:超越 web 设计 / 2

过了大概两周才看完第二部分。

5~10章,讲述信息架构的组成内容;了解到了很多新概念,也发现即使是现在,仍有那么多“不可见”的内容是自己从未在意过的。

---

信息架构:超越web设计

Information Architecture: For the Web and Beyond, 4E


第五章 信息架构详解


一个精心设计的信息架构对用户而言是不可见的(对成功的信息架构来讲,真是很不公平的奖励)

优良的信息架构被设计为预测用户的这种使用(跳到其他相关内容);Keith Instone 简单又实用的 “导航压力测试” (Navigation Stress Test) 是评估网站自底向上信息架构的绝佳方式。


  • 信息架构的组成(组件)

    • 组织系统:如何组织;展示信息的方式

    • 导航系统:如何浏览;内容间移动

    • 搜索系统:如何搜索;搜索内容

    • 标签系统:如何表示;按 “希望如此” 来描述

  • 另一种组成方式

    • 浏览帮手:提供一组预设路径来协助浏览网站(不通过搜索字段)

      eg. 菜单/链接

      包含:组织系统、全站/局部导航系统、站点地图/目录、索引、指南、网站向导、情景式导航系统

    • 搜索帮手:让用户定义查询字符串

      包含:搜索界面、查询语言、查询构造器、检索算法、搜索区域、搜索结果

    • 内容和任务:用户的最终目标

      包含:标题、嵌入式链接、嵌入式元数据、块、清单、顺序式帮手、标识符

    • “不可见的” 组件:完全在后台执行

      包含:受控词表和叙词表、检索算法、最佳匹配

  • 信息架构的种类

    • 自顶向下:旨在回答用户 “对网站整体把握” 相关问题的结构

    • 自底向上:从系统内容中提出建议;跳转相关内容

  • 不可见的信息架构

    • 系统的配置决策

    • 后台手动修改信息架构


第六章 组织系统


我们对世界的理解中很大程度上取决于我们组织信息的能力。你住在哪里?你是做什么的?你是谁?我们的回答揭示了形成我们理解基础的分类系统。

图书馆学领域一直致力于组织和提供信息访问途径的任务。

……这些图书馆员说一些什么杜威十进制分类法和英美编目条例(Anglo-American Cataloging Rules)这一类奇怪的话。

它们受困于语言和组织的模糊性,更不用说人类的主观性。

……信息搜寻通常具有反复性和交互性

你的链接数量会受到用户视觉扫描页面能力(而不是他们的短期记忆)的限制。

所有的信息检索系统中应用到同质性内容到具体领域中时,能发挥最大的功效。把内容集分解成多个具体领域,就可以给你提供确认高效组织系统的机会。

大型系统通常需要几种结构类型。环境顶层的伞状架构几乎都是层级结构。


  • 模糊性

    • 以词语作为类别标签时,注意用户是否会误会意思

    • 组织词和短语时必须将它们固有的模糊性考虑进去

  • 异质性:由不相关/不同部分组成的一组对象

    • 大部分数字信息环境中很多方面都是高度异质性的。

    • 通常提供以不同级别的粒度访问

    • 但以不同粒度进行分类是没有意义的

  • 差异性

    • 标签和组织系统会受到其创建者观点的影响

    • 为多个用户设计、多个用户之间的差异

  • 组织系统的组成

    • 组织方案: 定义内容条目间的共同特性,影响逻辑分组

      • 清晰方案:定义明确区域&互斥区域;已知条目搜索

        eg. 字母顺序方案、年代顺序方案、地理位置方案

      • 模糊方案:图书馆方案;浏览和联想式学习

        • 主题组织方案:定义覆盖范围

        • 以任务为导向:组织成流程、功能、任务的集合

        • 特定受众方案:明确定义受众的情况下;开放式方案/封闭式方案

        • 隐喻驱动的方案:模拟现实场所

      • 混合方案:将不同方案分开显示以不造成困惑

    • 组织结构:定义内容条目与群组之间的关系类型

      • 层级结构:自顶向下

        • 排他性与包容性

        • 广度与深度

      • 数据库模式:自底向上

        • 数据库 “为便于快速搜索和检索而设置的数据集合”

        • 元数据 “将信息架构连接到数据库模式设计的关键”

        • 了解如何使用元数据、受控词表、数据库结构

      • 超文本

        • 要被链接的信息块 + 之间的连接;高度非线性化

        • 不单独使用,作为补充

  • 社会化分类:自由式标签/协同式分类:用户用一个/多个关键字标记对象


第七章 标签系统


标签的目标是有效地传达信息——也就是说,在不占用太多网页物理空间或者用户认知空间的情况下,传递其含义。

语言本质上就是概念和事物的标签系统。

我们可以通过问:“用户点击后期待看到什么样的信息?” 来确保情景式链接标签具有足够的代表性。


  • 用标签表示信息环境中更大的信息块

  • 文本型标签

    • 情景式链接:描述文档中的超链接或者大块信息;依赖于情景

      解释性文字、明确的标题、网站本身用途界定

    • 标题:在同一层级/同一流程中,保持一致性

    • 导航系统内的标签:常见模式&简短说明

    • 索引词:用户不可见

      表示某块内容含义,来支持更精确的搜索

  • 图标型标签:小区域、不受文字引导的用户、学习成本

  • 标签的通用原则

    • 缩小范围:模块化

    • 一致的标签系统:风格、版面形式、语法、粒度、全面性、用户语言

  • 标签系统来源

    • 已有:表格法整理标签,找出不一致性

    • 同类:发现标签模式

    • 标准:受控词表/叙词表(Taxonomy Warehouse、美国在线受控词表和权威文件)

  • 创建标签系统

    • 内容分析:代表性样本、描述性关键词

    • 内容作者:仅作候选参考

    • 用户代表:针对不同类型用户建立不同风格的标签系统

    • 用户:

      • 卡片分类法:开放式(分类+命名)、封闭式(分类+比较定义)

      • 自由列举:成本低

      • 搜索日志分析:分析搜索词(Google Adwords)

  • 优化&调整标签系统

    • 字母顺序排列术语:重复&一致性检查

    • 窄化、集中范围


第八章 导航系统


结构和组织是关于建造房间的,而导航设计则是关于增加门窗的。

导航系统还应该以清晰一致的方式展现尽可能多的信息层级结构,还要指出用户当前的位置。

设计情景式导航系统时,要将网站的每一页都当成主页或者其本身的门户网站。

导航系统设计中最常遇到的挑战是:在移动的灵活性与提供太多选项的风险之间取得平衡。

分类法和嵌入式导航系统总是会让很大比例的用户和任务失败。

社会化导航建立在 “单个用户的价值可能来自对其他用户行为的观察” 这个前提下——尤其是那些与该用户有着重要意义的关系的用户。

……

太精确地调整为一个特定用户社会群体偏好的系统很容易成为轻视各种不同观点的 “回音室” 。


  • 导航系统的目标:提供情景和灵活性

    • 固定位置地图上的“你的位置”

    • 提供情景线索:外部进入时快速获知

    • 导航压力测试

  • 网页考虑浏览器内置导航功能;

    应用类考虑自身的导航规范及不同平台的标准组织方案

  • 导航系统的种类

    • 全站式:每一页都显示

      • 通常以导航栏形式

      • 提供返回首页的链接

      • 连接搜索功能

      • eg. 巨型菜单、页脚导航

    • 局部:根据所在位置不同而改变内容与风格

      • 子网站需要独特的导航&大型组织的分散性

    • 情景式:类似文章/相似主题

      • 参见 see also

      • 支持联想式学习

      • 提供特定区域/视觉惯例

  • 嵌入式导航的实现

    • 桌面类使用文本标签;屏幕空间受限时使用图标

    • 桌面全站导航栏顶端,局部在侧面;移动端导航栏隐藏在左边;移动应用主导航栏屏幕底部

  • 辅助导航系统

    • 站点地图/目录

    • 索引

      • 相对扁平

      • 适合查找已知条目

      • 粒度问题

      • 创建方式:单阶段索引、两阶段索引(支持术语轮排与参照关系)、文件层次上用受控词表自动生成

    • 指南

    • 配置器

    • 搜索

  • 高级导航方法

    • 个性化:猜测用户想要什么;自定义:用户告诉我们

    • 可视化

    • 社会化:流行程度/社交算法


第九章 搜索系统


让网站支持搜索功能前,要三思而后行。

用户希望在任何地方都有那个小小的搜索框。这是惯例,很难反抗这种浪潮。

搜索通常是迭代的——不只是因为我们有时候不喜欢检索的结果,而是因为我们需要多试几次才能找到正确的查询词。

由于搜索算法是搜索引擎的核心,因此需要注意:绝对没有一个搜索引擎能够满足所有用户的信息需求。

给那些知道他们正在查找什么的用户显示更少的信息,给那些不确定他们想要什么的用户提供更多的信息。

你的文档异质性越高,就越要谨慎使用相关性排名。

购物车功能在搜索密集型环境中非常有用,例如图书馆目录。


  • 什么情况下需要搜索系统

    • 内容数量多

    • 导航系统不足以支撑

    • 具备优化系统的能力

    • 没有其他替代方案

    • 用户首选交互不是浏览

  • 选择索引内容

    • 建立搜索区域:物理分隔文档或逻辑标记

      • 检验导航网页/目标网页

      • 特定用户需求

      • 按主题索引

      • 按时间新鲜度;特定时段搜索

    • 建立索引的位置:搜索文档的特定组件

  • 搜索算法

    • 模式匹配:查全率和查准率(逆相关)、词干提取

    • 文档相似度:协同过滤、引文搜索

  • 查询生成

    • 拼写检查

    • 语音查询

    • 词干提取

    • 自然语言处理(检查查询的语法性质)

    • 受控词表、叙词表

  • 显示结果

    • 显示的组件:代表性or描述性

    • 显示的多少:提供检索的文档总数;结果导航系统;修改和缩小搜索

    • 如何列出:

      • 排序(价格等特征):寻求做决策或采取行动的用户

      • 排名(相关性等):理解信息或学习事物的用户

      • 人工索引(最佳匹配)

      • 结果分组

      • 结果中包含行动:按钮链接/购物车/保存搜索结果

  • 搜索界面

    • 最好让搜索只有一个输入框

    • 初次搜索后,提供修改、丰富搜索条件

      • 反复搜索:最初搜索驻留

      • 定位:搜索结果来源

      • 理解哪里出了问题:说明搜索流程

      • 整合搜索与浏览

    • 自动完成、自动建议

    • 高级搜索

    • “无死角” 策略


第十章 叙词表、受控词表和元数据


简化论(Reductionism)无法告诉我们全部事实。

在 Bellcore 所做的研究指出,在一个小型数据库中使用同义词环,可以将查全率从 20% 提高到 80%。

最纯粹的 DDC 是一个由10组顶级类别开始并逐渐深入到细节的层级结构清单。

毕竟,就是因为这些破坏规则的机会,才使得作为信息架构师的我们的生活既有趣、又刺激!

与动词和形容词相比,用户更容易理解和记住名词。

分面方法提出的问题是:“我要如何描述它?”


  • 元数据:提供关于数据一个或多个方面信息

    • 手段、目的、时间、创建者、位置、使用标准

    • eg. HTML关键词属性 <meta> 标签

  • 受控词表:同义词环形式的等价术语/规范文档形式的首选术语清单

    • 同义词环:简单等价;提高查全率

    • 规范文档:首选术语和异形术语

    • 分类方案:首选术语的排列;eg. 杜威十进制分类法 DDC

    • 叙词表:列出同义词和相关概念分组中词汇的书籍;常采用在线数据库的形式

      • 经典叙词表:高级、全功能;在创建索引/搜索时使用

      • 索引叙词表:无法在搜索中使用;仅结构化索引、浏览过程

      • 搜索叙词表:内容不加标记;限制搜索时的条件

  • 技术术语

    • 首选术语 PT (参考 ANSI/NISO 标准)

      • 语法形式:鼓励使用名词

      • 拼写:特定的词典或词汇表;一致性

      • 单复数:可数名词复数,概念名词单数

      • 简写/缩写:最常见写法

    • 异形术语 VT

    • 上位类术语 BT:首选术语的上层术语

    • 下位类术语 NT:下层

    • 相关术语 RT:参见 see also

    • 使用 U:首选术语 U 异形术语

    • 用于 UF:异形术语 UF 首选术语

    • 范围注释 SN:规定首选术语的特定类型

      • 括号式术语限定词

      • 增强术语特异性:系统大小/内容范围

  • 语义关系

    • 等价:PT = VT

      • 定义为 “与检索目标一致的” 术语的集合

      • 可包含过时产品和竞品名称

    • 层级:NT、BT

      • 分面叙词表满足多层级结构需求

      • 粒度问题,开发几层

      • 多元层级结构:使用先组式(复合术语)

      • 分面分类法:关注内容不同纬度

    • 关联:RT

      • 强烈暗示


评论
热度(2)
©断点延线 | Powered by LOFTER