24 | 产品案例分析：PathSource的混乱与直观

PathSource 是一个关注学业和职场的应用，它的主要目标用户是学生以及一些职场新人，这款应用可以提供参考，帮助你去选择学校、专业，以及帮助你找工作。

围绕这个目的，PathSource 中提供了各种跟职业、专业、学校相关的信息和数据。其实仔细研究下来，会发现内容条理还是比较清晰的，但我觉得它整体的结构设计并不是很好，没有把这些东西很好地组织起来，好像到处都有内容，却不太容易用直觉去分辨他们的类型和结构。

导航的迷茫

这里先说一个 PathSource 导航不是特别清楚的地方。打开它的第一个页面之后，下面有几个 Icon，看起来像某种形式的导航，还可以横向滑动；而在整个结构下面，下面 Tab 的导航，两层导航。这种导航不罕见，但一般在概念上，两种导航尽量不要有交叉，否则就很容易让用户感到困惑。

你可以看一下这里的两套导航，你会怎么理解呢？我们点这几个 Icon 看一下，当我点这个的时候呢会进到一个页面，在这个页面上如果点返回，去到的不是刚才的首页，而是这个页面在信息架构结构上的上一层。

我个人不认为这是一个好的设计，这让我想起 Windows 下的资源管理器，在一个文件夹里面，会有两种回退操作。一种叫做向上，也就是打开当前目录的上一级目录。一种叫后退也就是推倒你的前一个位置。

前一种是基于文件结构的，后一种是基于路径的。这两种功能的差异在 Windows 下并不大，因为 Windows 是严格按照目录结构来管理文件的，虽然有快捷方式之类的，但它把文件结构非常明确地交代给用户。

在 MacOS 中，文件结构其实是被弱化的，我们可以去访问文档、音乐、照片，至于他们存在什么文件结构中，我们并不关心，操作系统也不让我们去关心；所以可以看到 MacOS 中只有后退前进，没有所谓的向上到上一层。当然，你可以用组合键 cmd+ 向上的箭头去到目录上一层，如果不停地向上，可能会看到一个挺出乎意料的文件结构，你可以试试。

而在互联网上，所有的内容都是基于链接的，也就是说那个“后退”动作，应该是路径的后退，而不是结构的向上。如果我们想要表现内容结构怎么办，其实是通过页面上的样式，比如面包屑之类的，去表现结构；点后退的时候，我们的预期就是回到刚才那个熟悉的页面，而不是去到一个没见过的，不在路径中的页面。

有些特别鸡贼的新闻网站，直接进入新闻详情页之后，它会篡改浏览器的后退位置。当用户点击后退时会跳到新闻列表页，而不是回到用户进入这个详情页之前的那张页面。

比如在朋友圈看到一篇新闻，打开看完之后点后退，我们本能地会期待回到朋友圈，结果它不，它打开了一个新闻列表，这样的特性，可以理解为是为了用户的留存和访问深度。但它确实是一个意料之外的跳转，体验并不好。

PathSource 这个导航，可能确实是好意。为了让用户更快速定位到这个应用中所拥有的概念，但却容易给用户尤其是新用户带来困扰。

视频的直观感染

第二点说另一个我觉得值得一提的东西，是 PathSource 的采访短视频。

这里的采访内容主要是让受访人来介绍自己的职业，目的是让学生或职场新人可以充分了解这个职业。

我非常喜欢这样的形式，这应该是这个应用的一个很大的亮点，我们虽然已经看到太多的短视频，但印象里都是搞笑的或者感人的，或者讲情怀的，似乎都是经过“设计和制作”的。

PathSource 中的视频制作并不是非常的精良，长度也不长，但却特别有价值。它能理解还没有进入这个工作岗位的人，对于这个岗位的好奇；而这样的采访视频，远比通过文字更加简单和有感染力，可以让用户获取一些对这个职业比较直接和感性的认知。

这样的内容也让这款应用变得特别有活力。我们其实有很多做内容的应用，或是一些产品中的内容模块，完全可以用这样形式的视频，来增强内容的丰富程度和感染力。不一定非要制作精良，特别系统性的视频，或许一些简短的，甚至看起来有一点粗糙的视频，只要在内容上有价值可能就很好。

最后想要特别提一下的是他的学校详情页，每张页面上都有这个学校的一些数据展示，整个页面组织得非常齐整，但并不枯燥，很多设计细节给了我不少启发，在移动端呈现大量数据，其实是一件挺难的事情。

!

戳此获取你的专属海报