NNGroup 信息架构 IA(IA 三模型 · IA vs 网站地图 · 扁平 vs 深层层级 · 分类法 Taxonomy 全流程 · 左侧垂直导航 · 隐私政策页 5 大坑)
Nielsen Norman Group 信息架构(Information Architecture, IA)知识库 6 篇精华。先把 IA 定义讲清:IA = 组织·分类·命名内容并设计内容关系的实践(不是单一工件,是持续优化过程)。三条主轴:①IA 三模型——可见导航 Visible Navigation(前台 Front Stage,菜单/链接/面包屑/折叠面板,贴用户心智模型)/ 底层 IA 结构 Underlying IA Structure(后台 Back Stage,全站页面关系蓝图≈网站地图 Sitemap)/ 分类法与元数据 Taxonomies & Metadata(概念关系图,组织'概念'而非'内容',更技术化);并辨析 IA vs 网站地图(IA 是整体实践含内容清单 Content Inventory·内容审计 Content Audit·IA UX 研究如卡片分类 Card Sorting/树测试 Tree Testing·分类法标签,网站地图只是其可视化产物,nngroup.com 示例 3 级蓝/绿/黄节点)。②结构选择——扁平 vs 深层层级(Flat vs Deep Hierarchies):扁平可见性强·交互成本低但信息过载,深层顶层简洁但认知负担+点击路径长;新西兰政府 15 顶级类别扁平 vs 安永 5 顶级类别深层(服务下 11 子类·咨询下 10 子类);结论=避免极端·适度扁平优于适度深层·用户研究是关键。③导航与内容页落地——左侧垂直导航 Left-Side Vertical Navigation(容纳多分类·可扩展·易扫描,用户 80% 注意力在左半屏,阿伯尔餐厅 13 类·Slack/Gmail,反例埃森哲单'服务'藏全部·Nua 自行车内容/装饰比 5:1→12:1·5 条最佳实践:左对齐醒目/不重复导航/图标配文字/长菜单优化/移动端适配);分类法 Taxonomy 全流程(受控词汇 Controlled Vocabulary·层级·不可扩展,支撑分面导航 Faceted Navigation 美国国会图书馆/搜索建议世界银行,对比叙词表 Thesaurus·本体论 Ontology,8 步构建法 BARTOC.org);隐私政策/使用条款页 5 大常见错误(语言晦涩·缺概述·排版差≥14pt·导航不全·位置不符预期,正例 LinkedIn/eBay/Google·反例 Forever21/Ameren/Spotify 全大写)。读者=产品经理,术语行内解释,决策导向(何时用/怎么选/反例)。