创建设计模式地图

为了使设计模式融入到整个产品图景当中，我们可以试着将它们按照用户体验历程不同的阶段一一对应地呈现出来。聚焦于大的图景，分辨整个系统的若干关键组成部分，识别每个部分当中包含哪些典型的设计模式。对于 FutureLearn 来说，这样一份设计模式地图大致包含三个部分，即发现内容、学习课程、达成目标。

这样一份地图可以帮助我始终站在"设计模式与产品目标的对应关系"的角度看待问题，而不是将目光局限在某个特定的页面当中。例如，当一个页面需要课程列表时，我会首先从"发现内容"这个整体层面进行考虑：在用户历程的这个特定阶段里，我们希望用户执行怎样的行为？有哪些设计模式是用于支援这些行为的？整个产品里还有哪些地方用到了这些模式？如果这是一个我们未曾使用过的模式，那么它还能在哪些其他地方被用到？这便是体系化的设计思维模式。

阅读Beforeweb公众号翻译版Design Systems很有感触。