← Knowledge Notes
Product Design & UX / Knowledge note · Chinese

NNGroup 视觉参考图库索引(Chart 80 + UX 研究可视化范例)

NNGroup Topics 里两个纯图片素材库的索引指针。Chart 80 = 83 张图表设计范例(选图表类型/数据可视化参考)。UX Research Visualization = 178 张 UX 研究成果可视化范例(旅程图/共情图/亲和图/研究报告排版等)+ 3 PDF + 1 pptx + 1 xlsx 模板。这两个文件夹没有文字笔记,是 Will 收集的'抄作业'视觉参考,只能看图。本 wiki 不复刻图片(图体量大走 gitignore,本地保留),只记录它们是什么、在 sources 哪里、什么时候来翻。配套的图表选择/数据可视化方法论见 [[nngroup-patterns-feedback-dialogs]](选图表类型)与 [[nngroup-visual-design-principles]]。

Source collection:NNGroup 用户体验 · Published here:2026-09-26 · Note updated:2026-06-03

数据可视化UX 研究图表设计

这两个文件夹是 Will 收集的纯视觉素材库 —— 没有文字笔记,就是一堆"好看/好用、值得抄"的范例图。它们不适合写成文字 wiki(内容就是图本身),所以这里只做索引:告诉你有什么、放哪了、什么时候来翻。图片体量大,按 kb 规矩走 gitignore 本地保留,用 Obsidian / 访达直接浏览 sources 目录。

图库 内容 规模 什么时候来翻
Chart 80 图表设计范例集(各类数据图表的好/坏样式) 83 张 png 要做数据图表、纠结用哪种图、想找排版参考时 —— 配 NNGroup 交互模式·反馈·对话框·通知·加载·提示·空状态·数据呈现(15 个模式 · 何时用/怎么选/反例) 的"选图表类型 3C"方法论一起用
UX Research Visualization UX 研究成果可视化范例(旅程图 / 共情图 / 亲和图 / 研究报告排版 / 调研结果呈现等) 178 张 png + 3 PDF + 1 pptx + 1 xlsx + 1 mp4 要把研究结论"画出来给团队/老板看"、找交付物排版参考时 —— 配 NNGroup 用户旅程 Customer Journeys(旅程地图五要素/七种分析法 · 四大映射方法 vs 服务蓝图/体验地图/同理心图 · 旅程 vs 流程 vs 故事地图 · 服务设计与蓝图三线五步 · 项目方法论现状-未来&假设-研究 · CX 转型与旅程中心设计 · 研究地基 CUEs/用户面板 · 实战奢侈品/医疗/AI 绘图) / NNGroup 设计流程与交付物(17 篇 · 探索心态/CSD矩阵/启动项目·线框与协作草图/Promptframes·低保真vs高保真原型·设计规格spec/交付物术语50+/最常用交付物·专家评审/工作坊引导·故事板·过程中的问卷) 的交付物方法论

位置:sources/reference/nngroup-ux/NNGroup Topics/Chart 80/ 与 .../UX Research Visualization/。

为什么不复刻图片:这是"看图找灵感"的素材库,不是"读完不用回看"的知识。文字 wiki 替代不了视觉参考本身,强行描述每张图既丢真信息又没价值。需要时直接看原图最高效。


源自 NNGroup Topics / Chart 80(83 png)+ UX Research Visualization(178 png + 5 附件)。纯图库,index_only。方法论配套见 NNGroup 交互模式·反馈·对话框·通知·加载·提示·空状态·数据呈现(15 个模式 · 何时用/怎么选/反例) / NNGroup 视觉设计原理·格式塔分组·视觉层次·排版·色彩·图像(19 篇 · 五大视觉原则/格式塔接近-相似-闭合-共同区域/视觉层次-网格-黄金比例/字体术语-搭配-阅读字体/色彩60-30-10/图片优势效应-照片-意象/美学-可用性效应/术语表) / NNGroup 用户旅程 Customer Journeys(旅程地图五要素/七种分析法 · 四大映射方法 vs 服务蓝图/体验地图/同理心图 · 旅程 vs 流程 vs 故事地图 · 服务设计与蓝图三线五步 · 项目方法论现状-未来&假设-研究 · CX 转型与旅程中心设计 · 研究地基 CUEs/用户面板 · 实战奢侈品/医疗/AI 绘图)。图片本地保留在 sources(gitignore)。

来源与关联资料