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 高度接近。
- Google 的 Material Design for Docs(其实是写作+信息结构规范)
- Microsoft Docs(learn.microsoft.com)的 UX/IA 原则说明
- Read the Docs、Sphinx、Docusaurus 的文档结构设计经验
学术界/论文平台 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(虽然偏电商,但他们有“复杂导航”和“可查找性”相关研究)
✅ 总结: 你要绕开“漂亮网页”的教程,转向:
- 信息架构/知识管理 UX 文献
- 技术文档/学术出版的 UX 案例
- 高信息密度产品的设计研究
要不要我帮你整理一个 “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:
- Content design(内容设计全流程)(英政府网站)
- Design System(组件/模式,适配信息密集的交互)(GOV.UK 设计系统)
- Style guide A–Z(风格与词表,可直接移植为 wiki 词汇表)(英政府网站)
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):信息密度关键理论的通俗阐释
- Information Scent(信息气味)(Nielsen Norman Group)
- Progressive Disclosure(渐进披露)(Nielsen Norman Group)
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)
会议 / 期刊(要跟进前沿或投稿)
- ACM SIGCHI / CHI Conference(顶级 HCI 大会;可搜“信息架构、信息寻径、阅读行为”分支);同期 PACM HCI 为其对应期刊。(sigchi.org, ACM数字图书馆)
- CSCW(人机协同/社群内容研究,收录于 PACM HCI 专刊)(ACM数字图书馆)
- ACM DocEng(Document Engineering;文档结构、版式、重排与可读性)(doceng.org)
- ACM SIGDOC Conference / Communication Design Quarterly(CDQ)(技术传播与信息设计)(acm.org, ACM数字图书馆)
- JASIST、Information Processing & Management、Journal of Documentation、TOCHI、Interacting with Computers(信息科学 / HCI 主流期刊,适合查找信息检索、可读性与交互论文)。(Wiley Online Library, 科学直通车, Emerald Publishing, ACM数字图书馆, 牛津学术)
怎么用这套清单(给你一个落地顺序)
- 先用 Designing Connected Content 把领域/内容模型梳好 → 产出条目类型、属性和关系。(培生)
- 以 GOV.UK / Google / Microsoft 的写作规范建立你们的 wiki 风格指南与词表。(英政府网站, Google for Developers, 微软学习)
- 参考 Wikipedia MOS/Layout 定版文章骨架与模板。(维基百科)
- 用 Wikimedia Codex 的 token/组件统一排版节奏(字重、行高、间距),保证高密度但不压抑。(doc.wikimedia.org)
- 评审环节用信息气味/渐进披露/认知负荷三板斧做客观性检查(能否闻到线索?是否层层展开?是否减轻无关负荷?)。(Nielsen Norman Group)
如果你愿意,我可以把以上资源整理成你们 wiki 的本地“编辑指南”页面大纲(含示例模板、术语表骨架、Codex token 对照表),直接贴到 MediaWiki:Common.js/css 所需的片段里。