把建筑学应用到产品设计中：循环系统.pdfVIP

把建筑学应用到产品设计中：循环系统 译者注：文章中提到的「循环系统」其实就是 APP 中的页面导航。 2009 年的春天，我毕业于建筑学院。在当时，衰退后的经济已陷入了困境并且对建筑行业产生了很 大的冲击。因为对创业和科技感兴趣，我冒险尝试在一家科技创业公司工作。出乎意料的是，我居 然爱上了这个行业， 5年后的今天，我成为了纽约 Percolate 公司的一名产品设计师。 由于职业的跨度性，我注意到建筑设计和产品设计之间有许多有趣的相似之处。虽然它们的媒介是 不同的，但令人惊讶的是，它们的很多设计原则和工作流程都是相似的。在某种程度上，产品设计 行业甚至可以使用建筑设计时的工具。 多年以来，我喜欢把在建筑学院学到的知识应用到产品设计中。我也喜欢与朋友分享这些知识，然 后观察他们把这些想法应用到他们的产品设计中。 在接下来的几个星期，我将分享在建筑学院里学到的知识，并且向大家展示我是如何把它们应用到 我在 Percolate 公司的产品设计中的。 希望这个小系列的文章能让你们感到有趣并且有帮助。让我们开始吧！ 循环系统 我在建筑学院里学到的最重要的知识是建筑设计中循环系统的重要性。 回想一下你喜欢的建筑物，为了在楼层之间移动，你需要楼梯、电梯和舷梯，为了在楼层的房间之 间移动，你需要过道和走廊。循环系统在所有建筑设计中都是非常关键的部分。 当我从建筑专业转到产品设计时，我立刻意识到循环系统的概念完全可以应用到 APP 的设计中。为 了让你们明白我的意思，我制作了下面这张图片，它展示了在建筑物的楼层之间移动和在移动 APP 的页面之间跳转是相似的。建筑物中楼梯的作用和 APP 中 Tab 选项卡的作用是相似的。这两者（ 即楼梯和选项卡）都是帮助用户在核心空间之间移动的主要方法。 循环系统极大地影响了我们对产品和建筑的感知。试想你租的房间在公寓的第 7层，你走进公寓然后 不得不爬到第 7层才能到达你的房间，虽然你的腿没有受伤但是可能会感到疲倦而且觉得这是一段 不太愉快的经历。还是这个公寓，如果通过电梯就能到达你的房间，你会对这幢公寓有更多的好感 。 建筑的循环系统不仅影响你对他们的看法，而且影响你对它们的使用和操作方式。继续以这个公寓 为例，如果公寓中有电梯，那么你可能很少通过走楼梯的方式回到房间。另外，电梯的存在可以让 你带很大很重的物品回家。由此可见，我们（在产品设计时）应该基于循环系统提供多种选择。 APP 中的循环系统 在 Percolate 公司，设计团队在设计 iOS 和 Android 应用程序时会花时间思考它们的循环系统。通 常情况，这种循环系统被称作「导航」。我们的第一个移动 APP ，名字叫做 “Photographer ，采 ” 用的是全屏列表式导航。用户点击屏幕左上角的汉堡包图标然后会弹出一个全屏列表，用户可以点 击选择想去的页面。这个导航可以让用户把注意力聚焦在 APP 的核心功能上，即拍照或在媒体库中 查看照片。 这种全屏列表式导航就像走进一个电梯，再选择一个楼层，然后到达目的地。在建筑物中，电梯在 循环系统中是一个很棒的角色。然而，当建筑物中只有很少的一些目的地时，你可能开始反思：「 电梯真的有存在的必要吗？」 带着这个问题，我们决定在设计新的 APP 时探索更简单的导航方式。今年（ 2014 年）的早些时候 ，在 Ambassador （一款员工辩护平台的 APP ）的开发过程中，我们重新绘制并迭代了导航的设计 。因为这件事，我们注意到 Tab 导航有以下这些好处： 更少的点击 ：Tab 导航减少了在核心页面之间切换时点击的次数，从全屏列表式导航的 2次点击到 Tab 导航的 1次点击。 更多的展示 ：Tab 的名称和图标更容易理解并且对用户始终是可见的，而不是被隐藏在全屏列表导 航里。 更多的停留 ：因为 Tab 使得导航之间的切换更快更显性化，用户更容易在 APP 的不同页面之间跳转 。像 Ambassador 这样的 APP ，导航设计是很重要的一