Skip to content

AI问答:Wiki中的UX设计

注意:不要盲从AI,要批判性阅读。

问题:目前网上能找到的大部分UX设计视频、教程、网站等等,都很倾向于展示性的网站,即页面中没有大量的文字 / 信息。对于wiki这类超高信息密度的“压缩饼干”,如果我想找到UX设计指南,或者寻找教材/示例,或者想找一些具体的理论支撑(而不是超底层的UX基础原则),应该如何做?

GPT5的回答

你这个问题切中要害——大部分 UX 教材/视频都拿的是“炫技展示型”网站(营销页、登陆页、品牌主页),因为好看、直观、容易讲。但 wiki 属于超高信息密度、重交互的知识平台,它的 UX 关注点完全不同:可读性、可导航性、层级信息结构、编辑/浏览的双重流程体验。

我帮你梳理几个方向,告诉你应该怎么找资料和理论支撑:


1. 把“wiki”归类为 信息架构 (Information Architecture, IA)知识管理型 UX

  • 关键词:Information Architecture、Knowledge Management UX、High Information Density UX、Documentation UX

  • 理论支撑

    • 信息气味 (Information Scent):用户能否预测点进去后得到的信息。
    • 可查找性 (Findability):导航、搜索、分类、链接网络。
    • 渐进披露 (Progressive Disclosure):在复杂信息中分层展示,避免一次性堆满。
  • 资料方向:去找图书馆/知识库产品(Confluence、Notion、SharePoint)的 UX 论文、案例。很多企业知识库的 UX 论文比网站教程更贴近 wiki。


2. 借鉴 学术出版 / 文档工具 的 UX 指南

  • 技术文档 (Technical Documentation) → 这类内容和 wiki 高度接近。

  • 学术界/论文平台 UX:arXiv、ACM DL、SpringerLink,核心是怎么把大量文本/表格/公式可读化。


3. 研究 高密度信息 UI 的经典模式

可以绕开“网页设计”,直接找“高信息密度产品”:

  • 数据可视化/新闻 UX:纽约时报、Financial Times 的设计指南(他们常面对超多数据和解释文字)。
  • 仪表盘 UX (Dashboard UX):虽然是数据,但处理“密集信息布局”的原则类似。
  • IDE/知识工具 UX:VS Code、Obsidian、Notion 的设计团队都有写过 UX 博客,讨论如何降低复杂度。

4. 具体教材/书籍推荐

这些不是“炫酷网站”,而是真正讨论复杂信息系统的:

  • 《Information Architecture for the Web and Beyond》 (Rosenfeld & Morville) ——信息架构圣经
  • 《Designing Connected Content》 ——专门讲内容模型和知识结构
  • 《Every Page is Page One》 ——技术文档写作和 UX 的结合
  • 《Docs for Developers》 ——文档型 UX 指南
  • Nielsen Norman Group (NN/g) 的研究报告:有“高信息密度界面”、“知识管理 UX”、“文档可用性”等专题

5. 找示例/灵感的路线

  • 专业 wiki:维基百科(桌面端/移动端设计指南都公开)、Fandom、Gamepedia
  • 企业知识库产品:Atlassian Confluence、MediaWiki 自身的 UX 改进议案 (Phabricator 上很多讨论)、Notion/Obsidian 的社区设计文档
  • UX 研究库:NN/g、Baymard Institute(虽然偏电商,但他们有“复杂导航”和“可查找性”相关研究)

✅ 总结: 你要绕开“漂亮网页”的教程,转向:

  1. 信息架构/知识管理 UX 文献
  2. 技术文档/学术出版的 UX 案例
  3. 高信息密度产品的设计研究

要不要我帮你整理一个 “wiki/文档型 UX 指南书单+论文/网站索引”?这样你就能有一个一站式的学习入口,而不用在一堆 landing page 教程里淹死。

要求给出“指南书单”

完全同意你的担心。我下面只给“真家伙”:每一条都附上权威来源链接,便于你核验。内容按你的场景——高信息密度的 wiki / MediaWiki——来挑的。

书单(高密度信息的架构与内容设计)

  • Information Architecture: For the Web and Beyond (4th) — 经典 IA 体系;做导航、分层与标签统一的基石。(oreilly.com)
  • Designing Connected Content(Atherton & Hane)— 手把手做领域建模 + 内容模型,让条目可复用、可重组,很适合 wiki 的“原子化内容”。(培生, oreilly.com)
  • Every Page is Page One(Mark Baker)— 主题化、可入口写作;把每个条目写成可独立阅读的入口页,与 wiki 的浏览/检索路径非常契合。(xmlpress.net)
  • Letting Go of the Words (2nd)(Janice “Ginny” Redish)— 高可读性的网文写作与信息分块;配大量可落地示例。(Elsevier商店, 科学直通车)
  • The Elements of Content Strategy(Erin Kissane, A Book Apart)— 精炼的内容战略“骨架”,帮助你把信息架构、风格、工作流拧成一股绳。(elements-of-content-strategy.abookapart.com)
  • How to Make Sense of Any Mess(Abby Covert)— 免费在线版;从“混沌到结构”的 IA 实战心法。(howtomakesenseofanymess.com)
  • Envisioning Information(Edward Tufte)— 信息密度、分层与“微/宏并置”的视觉原则;表格与图文并排在知识型页面尤其有用。(Edward Tufte)
  • (加分)Strategic Content Design(Rosenfeld, 2023)— 用研究与证据驱动内容决策,适合建立你们的“风格+流程”规范。(Rosenfeld Media)

网站 / 在线指南(拿来就能当 wiki 规范)

  • Google Developer Documentation Style Guide — 术语、结构、例子齐全;技术类词汇统一的首选。(Google for Developers)

  • Microsoft Writing Style Guide — 语气、包容性语言与术语用法的行业范本。(微软学习)

  • GOV.UK

  • Wikimedia Codex(Wikimedia 官方设计系统)— 有Design Tokens、Typography、Spacing等,可直接指导你在 MediaWiki:Common.css/js 里落地。(doc.wikimedia.org)

  • Wikipedia: Manual of Style / Layout — Wikipedia 的版式与章节顺序约定,可做你们的文章模板基线。(维基百科)

  • Write the Docs — 文档社区与演讲视频,偏实践与经验沉淀。(Write the Docs)

  • Nielsen Norman Group(NN/g):信息密度关键理论的通俗阐释

  • Baymard Institute(部分免费) — 导航/分类/信息架构的实证研究,适合借鉴“找得到”的设计。(Nielsen Norman Group)

论文 / 理论(当作“硬依据”引用)

  • Chi, Pirolli, Pitkow 等(CHI 2000)The Scent of a Site — 用“信息气味”解释用户如何在复杂站点里嗅到下一步线索。适合论证你的链接/摘要写法。(ACM数字图书馆)
  • Pirolli(2007)Information Foraging Theory — 把导航决策建模为“觅食”,支持高信息密度页面的线索设计成本/收益权衡。(亚马逊)
  • Sweller(1988;2011 综述)Cognitive Load Theory — 用内在/外在/相关负荷指导版式、分块与术语控制。(Wiley Online Library)
  • A Decade of Information Architecture in HCI(2022, SLR) — IA 在 HCI 近十年研究的系统性回顾,便于写“相关工作”。(arXiv)

会议 / 期刊(要跟进前沿或投稿)


怎么用这套清单(给你一个落地顺序)

  1. 先用 Designing Connected Content 把领域/内容模型梳好 → 产出条目类型、属性和关系。(培生)
  2. GOV.UK / Google / Microsoft 的写作规范建立你们的 wiki 风格指南与词表。(英政府网站, Google for Developers, 微软学习)
  3. 参考 Wikipedia MOS/Layout 定版文章骨架与模板。(维基百科)
  4. Wikimedia Codex 的 token/组件统一排版节奏(字重、行高、间距),保证高密度但不压抑。(doc.wikimedia.org)
  5. 评审环节用信息气味/渐进披露/认知负荷三板斧做客观性检查(能否闻到线索?是否层层展开?是否减轻无关负荷?)。(Nielsen Norman Group)

如果你愿意,我可以把以上资源整理成你们 wiki 的本地“编辑指南”页面大纲(含示例模板、术语表骨架、Codex token 对照表),直接贴到 MediaWiki:Common.js/css 所需的片段里。