1. 发现并定义阶段

Discovery &Define_发现&定义

通过大量的调研及需求汇总，使用广泛的研究方法来发现用户的真实需求及行为。在这个环节，我们会常常应用到用户访谈、焦点小组、卡片分类、用户画像及用户体验地图等。

卡片分类方法：

如下图所示例，当UX设计师在进行电商平台的信息架构时，如何对商品品类等进行归类划分？这个时候就需要应用到卡片式分类方法。卡片分类方法通常会包含开放式卡片分类和封闭式卡片分类方法。如下图所示。

电商品台应用卡片分类方法进行前期信息架构

开放式卡片分类&封闭式卡片分类

用户画像分析法（Persona）：

1.1 人物角色（persona）是什么

指针对产品的目标群体进行真实特征的勾勒，是真实用户的综合原型——代表了一群真实的人物——它描述的是一个群体的特征，也就意味着不是具体的某一个人，而是一群人的特征综合，它是一个虚拟的画像（是产品目标用户的典型用户，而不是极端情况下的个别人）

1.2 为什么要创建人物角色

persona概括了用户研究（产品使用者的目标、行为、观点等）的发现，并形成栩栩如生的画像，以此来辅助产品的决策和设计——才能做出更好的符合用户体验的产品

1.3 创建人物角色的前提

团队认同以用户为中心的设计理念。人物角色创建出来以后，能否真正发挥作用，也要看整个业务部门/设计团队/公司是否已经形成了UCD的思路和流程，是否愿意、是否自觉不自觉地将人物角色引入产品设计的方方面面，否则，人物角色始终是一个摆设、是一堆尘封的文档，纸上画画，墙上挂挂。

1.4 什么时候能够应用

什么时候可以用到人物角色？在制定产品策略时、在讨论产品需求时、在项目优先级排序时、在进行任务分析时、在琢磨交互流程时、在选择设计风格时、在用研项目招募用户时、在锁定推广目标时、在完善运营方案时。总之，在各种讨论、脑暴、pk时，在我们想冲口而出”用户xxx”的时候，人物角色都可以派上用场。

如图所示为一个用户画像的包含的基本内容。

用户体验地图（Customer Journey Map）

用户体验地图，世描述用户在使用产品或服务时的体验，主观感受和反应。绘制客户旅程地图，一般包含操作流程，即在这个流程过程中，用户在关键节点的需求和用户感受。一个产品中，可能会有多个客户旅程图（一个客户角色，对应一个客户旅程），每一个图要更加完整呈现内容，不宜将重点放置在图本身的设计上。

如何创建用户体验地图？

首先在时间框架下填入用户的目标和行为，随后填入用户的感受和想法，当用户故事逐渐完善，再通过视觉化的方式予以呈现，最终服务于团队交流与设计洞察。

用户体验地图的一些案例

延伸阅读：

用户体验地图的一些工具推荐（7 Tools to Uncover Customer Needs & Map the Customer Journey to Create Better Experiences）

http://www.toprankblog.com/2016/04/7-tools-customer-journey/

2. 设计环节

当前期需求及相关用户调研结束后，既可以根据结果来实际上升到设计环节。把抽象的定义层转换为可视的设计效果。这个环节也就是我们大多数人眼中的设计师职责所在。但是前期调研定义阶段是最重要与核心的，就如冰山一样，浮在水面上的可视的冰山一角只是很小的一层，而水面下的庞大冰山根基才是最重要的。

在进行设计环节，我们也会有诸如头脑风暴和设计工作坊，把抽象的需求整理成稍具象的一些设计概念，之后接下来会通过一些草图、纸质原型、交互线框图等具化。最后一步才是UI设计环节，通过视觉表现把抽象的概念转化为最终看到的产品界面设计。

所有的这些都是依据于用户的真实需求和行为而进行设计。

以下将通过一些案例来简单介绍下设计环节中的一些关键节点。

BBC交互原型规范

_延伸阅读：常用的一些交互设计工具介绍及推荐，如__Xmind思维导图、_proto.io、 inVIsion 、marvel、flinto等，接下来我会在其他章节详细跟大家介绍。

BBC视觉UI概念设计

针对设计规范，不同的公司都会有专业的规范文档说明。其中BBC的 GEL平台，汇总了BBC的全套设计语言。值得大家仔细阅读学习。

BBC GEL_Global Experience Landuage：http://www.bbc.co.uk/gel/

Great UI Design Requires Smart Style Guides： https://www.uxpin.com/studio/blog/great-ui-design-requires-smart-style-guides/

做为UK最大的服务于政府机构的设计平台，GOV.UK也是有规范化的设计语言，大家如有兴趣可深入阅读：https://www.gov.uk/service-manual/design

GOV.UK在排版布局、字体、Layout、Typography、Colour、Icons and images、Data、Buttons、Form elements、Errors and validation、Alpha and beta banners等方面都有严格的设计语言，详情可查阅——GOV.UK 的设计规范： https://govuk-elements.herokuapp.com/