产品设计之从战略到落地

战略层

      成功的用户体验，其基础是一个被明确表达的战略。知道公司/团队与用户双方对对方的期许和目标，有助于促进用户体验各方面战略的确立和制定。明确商业目标和用户目标，解决两者之间的冲突，找到平衡点，确定产品原则和定位。“只可意会不可言传”的产品目标与定位，会让团队成员中的每一个人都有不同的想法，目标无法统一，会在以后的产品研发中陷入僵局，无法达到快速迭代、快速优化的效果。

      在这样一个短、平、快的互联网时代，尽快地统一思想，明确目标，至少达到阶段水平的愿景才能在快速变化的互联网浪潮中很好地把握住大方向而不偏离轨道太远。分阶段的产品制定目标，可以让团队保持活力。

      战略不仅仅包括了经营者想从网站得到什么，还包括了用户想从网站得到什么。用户需求与产品目标，简而言之就是用户使用产品能得到或者解决什么，公司或者创业团队能从用户那得到什么或者能解决什么问题，直至实现商业目标与非商业目标。战略，也应该是灵活、可以演变和改进的。可以利用战略文档、愿景文档甚至需求文档、功能列表不断地跟进更新。

范围层

      带着“我们想要干什么”、“我们的用户想要什么”的明确认识，我们才能弄清楚如何去满足这些战略目标。当把用户的需求和产品目标变成产品应该提供给用户什么样的内容和功能时，战略就变成了范围。在范围层，要知道团队要做什么，不要做什么。在范围层，从讨论战略层面的抽象问题——我们为什么要开发这个产品——转而面对一个新的问题：我们要开发的是什么——功能和需求的收集筛选。进行需求采集和需求分析工作，确定功能范围和需求优先级。

      这一层面主要涉及功能规格文档（目前正在做的产品，做了模糊处理）和内容需求文档，按优先级排列这些功能和需求，筛选这些繁多的功能或者需求时，要时刻警惕一开始不要大而全，要小而美，先符合战略目标，解决核心功能和用户需求痛点。

结构层

      在定义好用户需求并安排好优先级之后，我们最终产品将包括什么特性已经有了清楚的图像。然而，这些需求并没有说明如何将这些分散的片段组成一个整体，这就是范围层上面一层：为网站/产品创建一个概念。注意零散的功能或者需求——组成一个整体，达到流畅跑通流程。这将决定我们的产品用什么样的方式来运作。

      完成信息架构与交互设计，他们要求去理解用户——理解用户的工作方式、思考行为，从而提供更好的用户体验。交互设计关注那些影响用户执行和完成任务的元素，也就是“可能的用户行为”，同时定义“系统如何配合与响应”这些用户行为。信息架构则关注如何将这些信息表达给用户，即人们如何认知信息的过程。对产品而言，就是呈现给用户的信息是否合理并具有意义。

      用户在使用产品时，不要让用户思考，不要把负担转移到用户身上，尽可能地让用户愉快地体验完整的流程。这一流程可以用流程图、示意图或者框架图展示，最好是能展示一个完整的流程。

框架层

      在充满概念的结构层中开始形成了大量的需求，这些需求都是来自我们的战略目标的需求。在框架层，我们要进一步地提炼这些结构，确定很详细的界面外观、导航和信息设计，让晦涩的结构变得更实在。在结构层我们界定了我们的产品用什么样的方式来运作，框架层则确定用什么样的功能和形式来实现，关注点几乎全部在独立的组件以及它们之间的相互关系上，包括要解决的更细节的问题。

      框架层：按钮、表格、照片和文本区域或其他界面控件的位置。框架层用于优化设计布局，已达到这些元素的最大效果和效率——使你在需要的时候，能记得标识并找到购物车的按钮。完成信息设计，促进用户理解信息；优化界面设计，安排好能让用户与系统功能产生互动的界面元素；展现核心导航，呈现信息，让用户在信息架构中穿行探索。

      如果涉及提供给用户做某些事的能力，则属于界面设计，意思是通过它，用户能真正接触到那些“在结构层的交互设计中”确定的“具体功能”。选择正确的界面元素，帮助用户完成他们的任务，同时通过适当的方式让他们容易被理解和使用。哪个功能在哪个界面上完成，是在结构层的交互设计中已经决定的，而这些功能如何被用户知道，则属于界面设计的范畴，成功的界面设计是那些能够让用户一眼看出来最重要的东西的界面设计。

      如果提供给用户去某个地方，这是导航设计。通过它，用户可以在结构（信息架构）中自由穿行。清晰地告诉用户他们在哪儿，他们能去哪儿非常重要。如果要传达想法给用户的话，那就是信息设计，它充当把各种设计元素聚合到一起的粘合剂的角色。更重要的是让用户更好地理解，对散乱的信息进行分组和整理，优化信息的展现方式。收集用户信息并呈现信息，用一种能“反映用户思路”和“支持他们的任务和目标”的方式来分类和排列信息元素；给用户标识来识别，如颜色分区等。

      这一层可以用线框图来完成。线框图整合框架层全部三要素的方法：通过安排和选择界面元素来整合界面设计；通过识别和定义核心导航系统来整合导航设计；通过放置和排列信息组成部分的优先级来整合信息设计。

表现层

      在表现层，内容、功能和美学汇聚到一起产生一个最终设计，完成四个层面的所有目标，满足用户的感官感受。在表现层，你看到的是全部产品，由图片和文字组成。重要的是视觉效果、内容优化，用户的感知体验。

本文章是从 https://demo.thinksaas.cn/article/show/4/ 转载而来，进行了适度的语句缩减。