想创业学建造：教你搭建产品的基本架构

这个清晰、有条不紊的体验，事实上是由一系列完整的决策组成的：产品看起来什么样、它如何运转、它让你做什么。这些决策彼此依赖，告知并影响用户体验的各个方面。如果我们去掉这些体验的外壳，就可以看到这个决策是如何做出来的了。

它从产品战略定位开始，经过产品经营的范围、产品的结构、页面框架到最后的各个模块表现，自下而上的建设，就如同搭建一座大厦一般。这里我借用《用户体验要素》中的五大层对他进行描述。

一个产品的基本架构都包含战略、范围、结构、框架和表现五个层面。正如上节课我所讲的产品是企业战略的表达，因此战略就是产品大厦的地基，和商业开发的预期（确定了是什么样的大厦，是商务办公大厦还是居住生活大厦）。也就是说战略层确定了产品目标和用户需求，这里我们也可以将产品目标和用户需求简单的理解成我们（企业）想要什么和用户想要什么。这里我再次用阿里巴巴 B2B 平台举例；阿里巴巴电子商务平台建立的初衷或愿景是让天下没有难做的生意，阿里巴巴平台想要的是用户通过它进行交易，而用户想要的是获得更多的销售渠道。由于上一节课详细的讲解了战略，本节课就不在延伸了。

我们在建立产品大厦时，当确定了这个大厦的目标后，我们就需要考虑它的经营范围了，比如这个大厦的那些层开发成商业市场、那基层开发成居民区。考虑这个问题时需要我们带着「我们（企业）想要什么」、「用户想要什么？」的明确认知去思考怎么满足我们（企业）和用户不同的需求。这里我以天猫和聚美优品举例：天猫的定位是一家综合性购物平台，而聚美优品是一家化妆品特美平台。从他们的产品定位上就可以看出，天猫的经营范围覆盖全品类商品，而聚美优品则是以化妆品为主的美妆特卖平台，故它的经营范围为化妆品和一些装饰品等。

因为产品又分为「功能型产品」和「信息型产品」（滴滴就是功能型产品、今日头条是信息型产品），因此范围层又被分为两个部分。在功能型产品方面，我们要求的是功能规格，即那些应该被当成软件产品的「功能」以及相应的组合。在「信息型产品」方面，我们要考虑的是内容，即那些内容符合我们的产品特点，但是这属于编辑和营销的领域。

当我们确定好要开发的功能或内容时，我们的产品的搭建就来到了第三层—「结构层」的设计。在结构层的设计中，我们主要做的事情，是将想要开发的功能和内容进行交互设计和信息架构设计。说的直白点，我们的关注点从抽象的决策和范围问题，转移到更能影响最后的用户体验的具体因素。我们开始分析我们想要设计的功能中包含那些元素，这些元素如何排列组合，用户如何在各个元素中穿梭。而将各个元素，按照一定用户熟悉的，认知逻辑顺序进排列，确定好各个元素间的组织关系就是交互设计。

相对于交互设计来说， 信息架构是一门古老科学的新应用——事实上，你可以认为它和人与人的沟通一样古老。只要人与人之间由信息要传达，就必须要选择并组织这些信息，以保证别人能够理解并应用。信息架构主要应用在以内容为主的产品上，它主要的作用是设计内容的组织和分类的结构，让用户可以更简单高效的找到所需内容。而常见的信息架构的设计方法是「自上而下法」，即根据产品目标和用户需求直接进行结构设计，先从最广泛的、有可能满足决策目标的内容与功能开始进行分类设计，然后依据逻辑关系，逐层推进，设计细分层（次级），最后按照主次级的结构依次填入内容和功能。

在代表整体，交互体验逻辑和信息架构逻辑的，结构层设计完毕后，我们就进入了对组成整条交互体验和信息架构逻辑中的，每一个单一页面元素进行设计的，框架层。如果将结构层比作对产品大厦总体架构（即大厦总共有多少次，每次是做什么用的）的设计，那么框架层绝对是对单一楼层的实际规划。在到达框架层后，我们的关注的用户体验感更为加深，我们要更进一步的提炼某一页面元素的独立结构，确定这个界面的外观、导航和信息设计，这也让我们的结构变得更加实在。

在框架层，我们主要解决放置的事情，界面设计考虑可交互元素的布局，导航设计考虑在产品中引导用户移动的元素的安排，而信息设计考虑传达给用户的信息要素的排布。如同设计一个房间时，规划哪里时门，哪里是卧室，哪里是橱窗。但最后我们交付给用户时，用户需要的不单单是一个代表橱窗的窟窿，而是安装好玻璃精美的橱窗。

而想要达到这点，我们就要对页面中每个具体的功能元素进行感知设计，这也代表着我们进入了表现层的设计范围。在表达层我们要解决并弥补「产品框架层逻辑排布」的感知呈现问题。也就是说在框架层我们决定了那些信息元素如何分组排列后，我们再通过视觉设计，决定这种安排，在视觉上的呈现方式。例如：这个导航是使用抽屉式导航还是 tab 式导航，这个按钮是使用绿色展示还是使用红色展示。

这里我需要再次强调一下，产品或功能是战略的表达，我们在设计一个产品或功能时，一定要从战略层出发，确定范围、然后架构整个产品或功能的结构，再确定单独页面元素的框架，最后对框架进行特定的表达。整个过程自下而上，从宏观的布局到围观的表达，切勿颠倒。