请记住，用户也会从智能手机和平板电脑来访问网站。他们也可能会发图片到 Facebook或者 Pinterest。这是分布式核心的一个例子。因此我们手绘出如何将核心内容放到不同场景中(图3)。同样，不要绘制页面装饰或者导航，只专注于核心内容。

　　图3 不同场景中核心内容展示的不同版本　　

        从这里你可以看到，核心内容和辅助信息在不同场景下的表现形式。你可能不得不来回地通过版本的迭代来更新它们。第二步：列出所有可能的向内路径

　　用户到达你网站的所有方式是什么?显然浮现在脑海的第一个是：网站搜索，主导航，谷歌和其他网站的链接。但是通过头脑风暴，能够找到更多的路径：购物比价网站的链接，乃至来自于线下媒体，如印刷产品目录。　　对于列表中的每一个向内路径，都要写下设计需求，同时满足这些需求。例如，对于来自谷歌和其它搜索引擎的访客来说，搜索引擎优化和登录页优化是必要的(图4)。

　　图4向内路径的列表和对应的关键需求第三步：列出所有可能的向外路径

　　从核心内容推测出路径。就像步骤二一样，向外路径也要满足设计的需求。依据业务的重要性把向外路径进行排序，使得后续设计更清晰。由于向外路径最终会产生商业价值，对其排序要参照商业目标。在这个例子中，通过一个明确的引导按钮将顾客带入结账流程。如果顾客不能马上做决定，那第二个优先级是给顾客提供一个链接，链接到愿望清单，或者向他人推荐产品的链接。

　　图5向外路径的先后次序　　

        到现在为止，我们既不用看主页也没有想过导航。然而，我们已经完成了重要的设计决策，如核心产品的移动版本长什么样，以及用户如何与网站的主要内容进行交互。当做出高保真模型后，这些最初的界面可以进行用户测试。第四步：将所有内容整合在一起

　　当你设计了核心内容，罗列了向内路径和向外路径之后，再来关注主页和导航。这个阶段的目标是让用户以最简单，最直接的方式找到核心内容。　　设计网站的主页，导视页面以及搜索结果页面。手绘几个备选方案。在设计的时候，要记住核心内容和路径的元素：核心内容是什么，用户如何得到它，以及业务如何转换?

　　图6手绘主页—第一稿　　

        在这个场景中，为了使顾客从主页到核心内容区，自行车商店的三大产品系列出现在主导航：职业赛车，山地车以及配件。对于目标客户来说，品牌也是很重要的考虑因素，因此品牌也包含在内。一个明显的环节——购物车和结账流程也位于导航区中。

　　图7手绘有过滤和排序选项功能的导视页面　　

        以下是一个模版，关于在文章中我们捕捉的所有关键点以及描述的步骤(图8)。在本文末尾下载模版，尝试自己的核心-路径法吧。

　　图8核心-路径法的模版

　　总结

　　以下几个方面是这种方法对设计的改善：识别差距。

　　在最开始的时候，对主要内容的目的进行质疑可以发现差距。设计元素的优先级。

　　分解关键要素，可以优先考虑在整个设计中如何呈现。聚焦设计。

　　核心-路径法为整个设计团队提供了一个明确的方向。　　核心-路径法与其他方法直接的差异在初始阶段是很小的。但是这种影响是巨大的：现在，核心内容巍然屹立在你的设计中。网页设计中所有的其他元素服务于一个目标，那就是用户和商业的完美结合。