有了解和学习 B 端的同学必然都听说过 SaaS 这个词，这在 B 端行业是个非常重要的产品形式和分支。
虽然它重要，但新手对这东西的理解充满了让人遗憾的扭曲。比如常见的误解式提问，Saas 应该怎么设计？适用哪些设计风格？
……
所以我从最底层的技术层面，来解析 Saas 到底是什么，在未来你再也不用担心对这个词汇一知半解，无法正常参与业务讨论了。
讲解什么是 Saas，或者刚刚图例出现的 Paas、laas 是什么，首先要认识一个问题，一个需要联网的软件，是如何落地的，需要哪些前提条件。
通常，我们可以把一个普通的联网产品要正式上线并使用，需要满足 9 个层级的条件，我们简称 “9层塔”，分别是：
下面，我们根据每个大层级来解释一下，它们分别都是什么。
1.1 基础设施层
基础设施层是一切网络服务的根基，由现实世界的硬件组成，是所有技术、代码、数据的运行基础。
层1：网络（Networking）
即基础的互联网电信宽带服务，通过电信运营商在各地搭建联网用的设备，并使用线缆相互连接，满足数据的物理传输可能。
比如你想要在家上网冲浪（非移动上网），最基础的条件是就是购买和开通宽带服务，通过接入光纤的形式，实现从家中连接到互联网世界的可能。
层2：服务器（Serves）
服务器，本质上也是一台电脑。有了联网的条件，我们就要把网络接入到这台 “电脑” 上，让它来完成各种数据的处理和存储。
但不管它能做什么，要做什么，首先你得先有这台设备，不然后续的工作都无从谈起，所以服务器指的就是用来完成后续工作的电脑设备。
层3：存储（Storage）
存储就是硬盘，你想要运行的任何程序、代码，还是想要收集的数据，都需要容纳的地方，那就是硬盘空间。存储就是关联到服务器的硬盘，是数据存储的物理环境。
之所以硬盘被独立出出来，而没有把 CPU 内存这些拿出来，是因为数据的存储和安全（物理上）是网络服务的重中之重。CPU、内存、电源坏了，替换就可以，硬盘损坏导致数据的丢失是无论如何不可能接受的。
所以，工程师们开发了非常多特殊的技术来保障存储的稳定和安全。
1.2 技术应用层
技术应用层，就是具备了网络、服务器、硬盘以后，让这些基础设施充分发挥作用和能效的相关技术。
层4：虚拟化（Virtualization）
虚拟化是个比较抽象的概念，它是一种资源利用的技术，让服务器最大化的利用和分配自己的资源。
比如一台服务器，有8核心、8G内存、8G存储，如果卖个一个客户运行一个程序，那么很可能这个这个程序日常只使用一个核心的算力，1GB内存，1G不到的存储，剩下的算力资源不就浪费了嘛？
于是，虚拟技术就可以把这台服务器切割成 8 台 “虚拟机” 卖给 8 个这样的客户。让他们在这台设备上运行 8 个不同的程序，并根据它们各自使用的消耗灵活分配 CPU 和内存资源。
所以，今天如果你想要搭建一个网站，云服务商出售的 “虚拟主机”，就是在实体服务器主机上切割出来的一部分。这样客户省钱了，商家利润率也更高了！
层5：操作系统（OS）
每台电脑都有自己的操作系统，我们熟知的 Windows、Mac OS等等。如果硬件没有搭载操作系统，那它们就只是一堆工艺精密的废铁。
对于服务器来说也是，任何服务器想要正常运行，都必须搭载相关的服务器操作系统，有了基本的系统，我们才能创建程序，让服务器去运行我们想要的功能。
前面提到的虚拟机，就允许同一台服务器通过虚拟技术运行多个系统。
层6：中间件
中间件也是个比较复杂的技术概念，它是个独立系统软件服务程序，是软件的直接面向对象（而不是服务器），是一种支撑软件。
举个不太严谨的例子，我们常规的逻辑是一个程序对应一台服务器（或虚拟机），但真实情况往往是一个程序会关联好几个服务器和不同的系统，来完成不同的网络服务。正常情况下，你需要对每个服务器和系统进行适配。
而中间件的作用就是帮助你省掉这个麻烦的步骤，让你只需要对接唯一的翻译和话事人，他会帮你向不同的任务对象传达你的要求。
层7：程序环境（Rumtime）
程序环境，就是编译代码用的环境。我们常听说的 C 语言、C++、PHP、Java、.Net 等编程语言，都需要安装一个对应的运行环境。
许多热衷电脑游戏的同学一定很熟悉游戏第一次启动触发的 Java 安装界面，那就证明这个游戏中运用到了 Java 的代码，如果你没有 Java 的运行环境，那么它们就无法生效。
1.3 产品表现层
层8：应用（Application）
在这个系统下，应用程序指的不是你在自己电脑手机上安装的程序。而是安装在服务器上运行的程序，不管是后端程序还是前端程序。
它们需要使用某些特定的程序语言来编写，并运行在上面所说的对应环境中。我们所说的后端开发，通常就是开发服务器所运行的程序的程序员。
层9：数据（Data）
这个词放在这里可能有比较大的歧义，数据实际上就是使用这个程序所产生出来的数据，而不是单指数据库（数据库也是环境的一部分）。
比如你打开一个网站注册了账号，上传了头像，那么这些信息就是使用程序所额外产生的数据，它是项目正常运作的必然产品。
1.4 SaaS 到底是什么
理解上面的9个层级的内容是什么，我们就可以看下面这张图表了。
SaaS 全程 Software-as-a-Service，翻译叫 “软件即服务”，讲人话就是 “卖联网软件” 的。
前面提的 9 个层级，除了最后一层数据是我们普通人可以负责的，其它每个层级都需要对应的开发和工程师来负责对吧，那么我们普通人还是企业就不能使用网络软件服务了嘛？
这肯定是不符合事物发展规律的。
SaaS 的存在，就是让用户不用管什么服务器、代码、中间件这些有的没的高深玩意，直接让你在浏览器或本地客户端上直接使用这款联网软件，并创建对应的数据信息。
换句话讲，只要这个软件是联网的，且软件本身的功能就是服务的核心（划重点：社区电商类软件的服务显然不是软件功能本身），它就是 SaaS。SaaS 既可以免费，也可以是通过批量出售软件功能的使用权来赚取收益。
免费情景：
微软：如果你使用了基于 Web 的电子邮件服务（例如 Outlook、Hotmail 或 Yahoo!Mail），那么你已经使用一种形式的 SaaS。
https://azure.microsoft.com/zh-cn/overview/what-is-saas/
付费情景：
在 B 端的语境下，SaaS 通常就是指制作一个面向商业用户的联网软件，然后批量出售这个软件的使用权。它并没有特指这个软件必须是 CRM、ERP、HRM 还是商用 HMI……
所以明白了嘛，SaaS 只是一个商业形式或技术形式的统称，它根本没有具体的设计规范或者学习方法，完全根据业务的实际需求和场景决定。
最后，再问你们一个问题，你们现在负责的项目是 SaaS 嘛？
在 9 层塔中，SaaS 是完全制作好软件让用户直接上手使用的软件，而 PaaS 和 IaaS 就不一样。
2.1 PaaS
PaaS 全文 Platform as a Service，是平台即服务的简称。这属于完全技术化的服务，是非程序员的一般用户难以参与到的业务类型了。
即服务商提供了基础的 7 层服务，只要用户购买了这些使用权，那么就可以直接在这个基础上编写或安装运行的程序进行使用了。
比如全球最大的开源 CMS 博客程序 WordPress，是由 PHP+MySQL 编写的，如果要创建这样的网站，就可以直接购买符合程序对应环境的服务器，再进行安装部署即可。
2.2 IaaS
IaaS 全文 Infrastructure as a Service，就是用户只购买一个完全空白的虚拟主机，类似你购买了一台硬盘格式化后完全空白的虚拟电脑。
用户可以自己选择安装什么样的系统，编写什么样的中间件，最后再搭建自己的框架。这适合定自定义要求更高的用户，完全根据自己的需要 DIY 项目的服务器功能。
2.3 Hosting
Hosting 则是比 IaaS 更进一步的服务，从原本的虚拟服务器升级到了完整的服务器。
也就是说，在一些特定业务环境下（比如特殊的数据安全要求），用户需要购买完整的服务器硬件使用权，从原本的合租换成整租。
所以，Hosting 就是服务器托管的意思，用户向一些服务商购买了完整的服务器硬件使用权和联网功能，然后远程进行控制和使用。而商家负责硬件层面运维，防止服务器断电、断网、损坏、过热、故障等一系列硬件问题。
2.4 Co-location
九层塔中，我们其实还省略了一个更底层的环节 —— 数据中心。
数据中心是一个物理名词，在今天指的是大规模的服务器数据设备安置和运行的空间。比如苹果的云上贵州，就是典型的数据中心。
Co-location 的服务也叫场地出租，就是数据中心的商家，把数据中心的物理空间使用权租用给用户，用户自己购买服务器或商家的（不是临时租用）放进去，再借助数据中心的网络和其它基础服务实现服务器的正常运转。
这个概念大家简单理解就可以，我就不多做介绍了。
所以，九层塔中包揽了不同层级数量的技术，就可以形成不同的服务，每一级服务有各自的优缺点，是由项目的实际情况决定的。
相信看完前面的介绍大家已经知道，SaaS 等服务是建立在联网的基础之上的，也就是说，除了可以独立运行在你客户端里的本地软件，还包含更多需要联网的软件，或者干脆运行在远程服务器主机上的软件。
这是一个发展的过程……
最早的软件安装是我们到软件店里购买软盘、光盘，回到家里的电脑安装，这些软件往往只在本地运行，是不需要联网的孤岛。
随着互联网行业的发展，孤岛渐渐被消除，联网上传和获取数据越来越普及，甚至，软件都不需要再下载和安装，直接用浏览器就可以访问使用。
这种模式，就催生了软件的开发维护与服务器、网络的硬件运行进行了分工，一般的产品开发团队专注在软件应用层面的开发工作，而把网络、远程服务交给其它商家，并付费购买。
这样不仅带来更高的效率，而且降低了各自的成本，实现了多方的共赢。
所以，我们再来理解云服务这个词就很容易了，云就是网络，云服务就是基于联网实现的各种软硬件服务的总和。
除了远程的虚拟机、中间件、数据库外，还有远程计算、渲染、CND加速、直播分流等等。
这也是为什么云服务会成为互联网发展的基础，因为它实在太重要了，几乎所有互联网公司都无法脱离云服务带来的支持。
这也是为什么各个大厂纷纷投入云服务的赛道中，因为这是互联网的基建和命脉之一，拥有非常广阔的前景与市场。而在马太效应强者越强的现实环境下，头部的厂商拥有更好的机群、技术、人员，可以大幅度降低运作成本，提供更优质但价格更低廉的服务。
虽然云服务在今天不可或缺，价格也越来越有优势。但是，并不是所有企业都一定要选择购买外部的云服务，这就是我们要理解的另一个课题 —— 私有化部署。
云服务再怎么便捷，也有一个缺陷，那就是数据是存储在别的商家、企业的服务器中，有一定的数据安全隐患。
虽然数据安全是云服务的最基本保障，但很多对数据隐私、安全极度重视的企业，是不愿意承担任何外部风险的。所以他们就会通过自建本地服务器（私有云）的方式，实现从网络、硬件到软件全局私有化的部署。
也就是说，服务器机房是自己公司的，网络是自己迁进机房的，服务器自己买的，环境、虚拟化、数据库自己搭建的，后端程序也是自己写的，最后电脑手机上运行的客户端，是连接这些服务器的。
哦对了，当然这些硬件日常的维护也要由自己公司的运维负责……
这样的成本高嘛？非常高。但类似国企、银行、证券、国防、政府机关等机构，对数据的安全性是异乎寻常的执着的，他们是有足够的动力划出预算来确保数据的私密与安全，用来运行自己内部的 B 端系统。
这也是为什么这些机构从一开始就拒绝使用 Figma 这种公有云端软件，尤其是服务器在国外的。
再问下一个问题，私有化部署，就意味着这个环节中所有步骤全是自己搞定嘛？
当然不可能，因为应用这个层面，有时候不是想开发就开发得出来，或者成本实在超出了预算。因为私有化的主要目标是数据安全，但不是应用的工具一定得个性化定制。
比如在即时设计官网的价格页面，就可以看到 “私有部署” 这个选项。它的实际作用，就是允许客户在自己的服务器上安装它，让内部的员工使用设计软件时是同步到公司指定的服务器而不是官方的公共服务器中，满足客户的数据隐私需求
注：这例子大家讨论最多适合理解，非恰饭
所以，了解完上面的概念，你也就大概能明白什么是云服务，什么是私有化。如果需要在工作中碰到更细节的名词还是概念，可以再进一步做理解。
文章来源：UI中国 作者：超人的电话亭
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
很多产品经理和设计师在设计 B 端产品界面的时候不知道该怎么办，今天笔者给大家汇总了一些 B 端典型界面及其设计原则，帮助大家从容应对界面设计，不再不知所措。
Dashboard 页通常作为产品的首页出现，产品内各种重要的数据和信息都会展现在 Dashboard 上。用户可以通过点击 Dashboard 上的卡片或卡片上某条数据，快速链接到详情，这大大缩短了用户获取信息的路径。产品团队也可以通过 Dashboard 页，向用户传递产品迭代、运营活动等内容。
模块独立
Dashboard 是由承载不同内容的卡片组成的，每块卡片的内容都要独立，不该交叉。
有效统计
Dashboard 上所呈现的数据最重要的就是该数据是否为用户真实所需，如果统计数据不对用户产生任何价值，那还不如不统计，否则会干扰用户。
短路径导航
了解用户需要使用 Dashboard 的核心目标，为用户通过 Dashboard 达到数据详情页提供最短的路径导航。
使用场景
将用户需要待办的事项、事项处理的进度等都完整的展示出来，方便用户随时查看，提升用户的工作效率。
核心功能
核心统计数据、待办任务、快捷入口、通知公告等。
设计建议
使用场景
当新用户第一次使用产品时，为了减少用户的困难和快速完成用户的任务，新手引导页可以将核心操作链路展现给用户。
核心功能
产品介绍、核心功能使用手册、相关内容指引。
设计建议
使用场景
监控页是数据可视化页面中的一种，它通过一系列对数据高度概括的图表来展现系统的核心指标。指标监控页的使用者通常是管理者（即决策者），他们需要看到系统整体的运行状态，监控全局数据，从而调整自己的决策。
核心功能
关键指标统计。
设计建议
使用场景
分析页也是数据可视化页面中的一种，它通过对系统多维度的详细分析来展示系统的情况，从而使使用者可以发现问题，并尽早找出解决办法。监控页重在总览，而分析页重在明细，因此，分析页的使用者通常是执行者。
核心功能
关键指标明细分析。
设计建议
表格页可以处理大量的数据条目，同时可以导航至对应数据的详情页。在表格页中，用户可以查询自己所需要的数据条目，以及对比数据条目、新增数据条目、删除数据条目等。
模块清晰
表格页通常由查询区、按钮区、表格区、分页器等模块组成，要保证模块间层次合理与清晰。
数据格式
表格页中最大的模块为表格区，该区域由列组成，列由数据构成，列中的数据格式展现要符合业务及用户的需求，例如“星期三”不能表现成“星期 3”。
数据对齐
对齐方式合理的数据，有利于用户定位数据、分析数据。通常数据对齐方式为数值右对齐，文本左对齐，特殊情况居中对齐。
全表格页是最常见的产品界面，全表格页主要由筛选条件、按钮区、表格区、分页器组成。表格区是表格页中的主角，当界面数据只需要一张表呈现的时候，使用全表格页。
核心功能
多字段筛选、操作区、表格区、分页器。
设计建议
使用场景
左树右表页的界面布局基本与全表格页差不多，只不过其多了一颗左侧的树来帮助用户导航。
核心功能
导航树、多字段筛选、操作区、表格区、分页器。
设计建议
使用场景
上下表格页是表格嵌套表格幻化过来的，通常上表格为主表，下表格为子表，子表展示了主表中某条数据的详情。
核心功能
多字段筛选、操作区、表格区、分页器。
设计建议
使用场景
左右表格页与上下表格页有异曲同工之妙，左右表格页通常左表为主表，右表为子表。
核心功能
多字段筛选、操作区、表格区、分页器。
设计建议
使用场景
折叠表格页的出现通常是页面上表格的信息需要分组，每一张表格展现一类信息。
核心功能
分组、操作区、表格区、分页器。
设计建议
表单页是用于信息添加和录入的页面类型，用户根据系统的要求将必填字段信息填写完成，从而提交给系统，由系统接收并输出信息。
控件合理
通过选择合理的数据录入控件，及通过合理的信息组织形式，帮助用户可以快速完成数据录入的任务。
明确好用
表单页面中，每个表单项都要做到自身体验的明确与好用，例如针对一些有通用值的表单项建议设置默认值，针对必填项要明确标明，针对表单项标题、错误提示要明确传达含义。
清晰反馈
表单录入完后，允许用户进行返回、取消、清空、保存等操作，并且操作后提供明确的反馈，例如保存成功、保存失败等。
使用场景
表单项较少，表单信息直接平展即可，表单录入任务简单且快速。
核心功能
表单项、填写说明、操作按钮区。
设计建议
使用场景
高级表单页通常需要用户填写大量的信息，这样大型而复杂的数据录入任务需要被拆解为多个部分进行。
核心功能
分组/卡片分组、表单项、操作按钮区。
设计建议
使用场景
当表单填写有相应的步骤顺序时，采用分步骤表单较为合适。
核心功能
步骤条、表单项、操作按钮区。
设计建议
使用场景
当表单块归属不同的分类时，需要使用带树表单页去处理。
核心功能
导航树、表单项、操作按钮区。
设计建议
详情页的作用是向用户展示一个对象的完整信息，它的主要作用是帮助用户信息浏览，同时允许对详情页整体的数据或某部分数据发起编辑等操作。
层次分明
针对信息较少的详情，平铺展示即可；针对信息量大的详情，需进行合理组织，保证层级分明。
结构相近
针对详情信息的模块化组织，要求尽量模块的结构相似，减少复杂性，降低用户的理解成本。
使用场景
基础详情页信息量较少，信息复杂度低，直接平铺展示即可。
核心功能
详情信息。
设计建议
使用场景
高级详情页需要展示的内容量较大，且复杂度高，需要拆分为多组来帮助用户浏览信息。
核心功能
卡片、分组、详情信息。
设计建议
图
使用场景
详情页中有部分字段由于业务需要，会进行修改。
核心功能
详情信息、可编辑信息。
设计建议
我们如果能做到对 B 端通用型界面了然于胸，那么在面对用户需求时才能从容应对，举一反三。不断总结和抽象，是我们应对各种需求的不二法宝。
文章来源：优设网 作者：知果日记
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
在开发一款高品质的产品的过程中最重要的一个环节是了解谁是你的用户，他们的需求是什么。
设计著作《软件创新之路——冲破高技术营造的牢笼》里首度提出产品设计和开发的用户“人物角色”概念。正如设计师金·古德温在2005年所述：“人物角色就是一个用户原型，可以用来帮助指导产品功能、导航、交互、甚至视觉设计方面的决策。”这种原型并不是真正的人，而是结合对真实用户的事实和观察而形成的一个令人记忆深刻的人物。
与市场细分不同，用户画像代表着目标和行为模式，而不是人口属性或工作职责。用户画像可以帮助设计成为共同参考点，有助于在设计讨论时聚焦在特定用户上，使用场景可帮助测试系统将用户需要的功能点集成到产品上。
*注：用户特征、人物画像和使用场景对比表
用户画像常用于以下三个场景：
产品设计：开发前期的产品定位设计，帮助确立产品定位、设计目标、设计策略与准则；
产品营销：促进其他工作，如指导运营对特定用户进行推送活动信息，推广信息，个性化推荐等。
产品决策：分析用户画像，对产品的发展现状和发展趋势进行预测，及时调整产品发展路线。
整体来说，用户画像多采用定性的研究方法来进行角色划分，主要可采用的资料来源有：人种学研究、情境调查、观察法、访谈法、桌面研究等，具体实行时会根据业务情况稍作调整。
用户画像的范围可以很广，也可以很窄。需要先确定这些用户画像是用来做什么的？只有回答了这个问题，才能确定用户画像的适当范围。
范围越广，支持这些用户画像的数据就越浅。在广泛的情况和场景中寻找具有相似动机、目标、信息需求、态度和行为的客户群体是不现实的。
可以在大量的产品和服务中找到相似的部分，但是您需要使用更少、更通用的属性来描述它们。
范围越小，数据就越丰富。在范围狭窄的情况下，用户画像属性将直接与特定产品或场景相关。人们的行为和需求会受到相关产品或服务环境的极大影响。
有针对性的用户画像范围将允许您在用户的动机、目标、态度和行为中找到更多的主题。此类信息使团队能够做出特定的设计决策。
首先了解公司对现有用户和目标用户的理解程度，对他们有什么看法。
如果产品拥有确定的客户基础，就与直接接触这些工作的人进行交谈，例如：销售人员、客户支持人员、市场调研员、技术销售咨询师、培训师等。
如果公司尝试着为产品拓展用户或者打入新市场，就与负责相关事宜的人交谈。就这些人对用户和客户的个人经验以及用户不同的方面进行访问。
围绕用户对产品的整体体验来组织访谈或实地访问，而不是围绕特定任务。
销售和市场营销人员通常拥有详细的人口概况和市场研究，能够提供完整的用户分类。如果有市场细分，尤其是借助于使用数据或其他行为数据所得出的，就值得咨询。
用户常见的疑问和遇到的一些问题，应该咨询论坛或社区站点以及支持系统，它们能够提供支持性数据，将这些信息变成人物角色的一部分。
从所收集的信息中提取共同主线。如：用户拥有哪些共同点？频繁出现的内容有哪些？共同的期望？
然后列出用户的重要不同点。例如影响产品用户行为的不同属性范围：使用频率、使用强度、业务规模等；
一旦决定要包含哪些属性以及每个属性在用户群体中如何变化，就该借助于研究中观察到的个人细节和轶事从属性群组中合成现实的用户了。
在一些情况中，需适当增加细节、创造一个界定属性范围内的具体事实。
例如：
可调整为：
使用从访谈中收集的资料，充实剩余的属性，合并从相似用户中提取出来的细节；
增加一些针对产品领域的具体信息；
然后与她具体的技术细节相结合；
情景描述的是一个人对一个活动或一种情形如何表现或思考的故事。与故事一样，情景传达的是产品使用方面的细微差别，帮助利益相关者把产品放入真实生活情境中。
描述现状的情景通常叫情境式情景（也称问题情景），因为它们试图展现如何改善现状。对改进方案进行预想的情景叫设计情景。
情境式情景——主要用于设计早期阶段。通过生动地阐释现有实践中的问题或空白，使团队开始设想可能的解决方案。
设计情景——适用于整个设计和开发过程。在早期的头脑风暴中，设计情景能够激发对概念的讨论和反馈。有了早期的概念，设计情景可以帮助团队完成可能的成果。早起的设计情景也可以作为访谈提示，探出潜在用户的反馈。
情景是通过讲故事来创造的，可以提取自研究中所听到的故事加以处理，把一堆故事减少到只剩最相关的。
情景基于以目标和人们为实现目标而采取的行动。如果有现成的人物角色，就说明可能已经确立了目标和行动，这些将形成情景的基础。如果没有可用的人物角色，就返回研究分析报告，列出每个目标受众最紧迫的目标。
决定把哪些活动包含在情景中时，针对研究人物角色的每个主要目标：
为了实现这一目标，这些活动中的哪些最经常采用？
为了实现这一目标，这些活动中的哪些是必需的？
哪些频繁或必要的活动会作为单一序列的一部分发生？
情景是以用户视角为基础的。用户无法认知的任何东西都不应该纳入情景的一部分，尤其是情境式情景。情景必须要概要描述最重要的用户行为和系统反应。
情境式情景通常给人一种“XX的一天”的感觉，描述几个小时内或一天当中的一系列任务。
例如：
情景尽量概括一些，不要详述界面元素或系统实现。诠释故事的整体结构比解释所有细节更重要。
分享人物角色时最难的莫过于用一种简练且有益的方式来表达他们。
用一种方便使用的形式概括人物角色。例如可将其制成板状使其更易于保存、更容易找到，并且不太可能被弄丢；也可以把用户的图片和关键属性做成海报，并把它们订到墙上，强化其存在感。
为避免完成画像后将其束之高阁，需要鼓励部门员工在开会期间使用人物角色进行讨论，并且思考各个功能如何为各种各样的人物角色服务。
项目需要多样化的视角，用户画像自身尚不足以传达一系列的设计见解。用户画像要与情景、体验模型、任务分析和传统的书面报告结合使用，而不是替代他们。 最后，感谢大家的阅读，希望本篇文章能够对大家有所帮助！
* 注：本篇文章有借鉴网站资料和书籍等多方面内容。
文章来源：站酷 作者：禾x日
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
综合监管平台是对自然资源管控的一个OA系统。主要功能是对国土资源相关业务的监测、评估和统计，将各专项规划实现“多规融合”，从而优化城市自然资源配置，做好国土空间规划统筹。
为什么要有设计规范
1、多个设计师同步设计
我们部门有2名UI设计师，所以在我们同时画同一个项目界面时，为了保持整个设计的统一，就需要我们设定设计规范。
2、设计与前端之间的沟通
与设计同理，开发人员参照统一的设计规范写页面，可避免同一系统中出现设计控件混乱的情况，从而提高开发效率、减少沟通成本、减少返工率。
3、在公司内部复用
在公司内部，设计规范可运用在多个项目中，从而减少开发的工作量、提高开发效率。
建立设计规范前的工作
从产品经理手中接到原型图，首先是与产品经理的沟通，包括客户需求、设计风格的确定、页面内容的布局等等，关于设计尺寸，因为我们客户用的是1920*1080分辨率的电脑，所以设计就基于1920*1080尺寸来做；但有时会基于1440*900的尺寸来设计，然后上下适配1920*1080和1366*768。所以设计尺寸要根据具体情况而定。
页面框架
a、主体框架分为四个区域：顶栏、左侧栏、页签、主体内容
b、主体内容上、左边距为10px，默认显示一屏高度，超出的内容加上下滚动条
c、页面中的各个组件根据不同屏幕分辨率采用自适应
如何建立设计规范
1、颜色规范
后台系统主色调大多运用蓝色，这是因为蓝色往往围绕着科技、安全、信任等等，很符合业务场景，比如智慧城市、智慧医疗、智慧交通等。但是蓝色用多了也会让人感觉没有新意、审美疲劳，所以在色调这块，后台系统可以采取皮肤功能的扩展，做两套配色好的皮肤供客户选择，这样避免了因客户的不满而一次次的修改，从而提高工作效率。
2、文字规范
因为我们面向的客户多为政府工作人员，且年纪稍长，所以字号要比平常的网页设计要稍大一些；常用字体，中文：微软雅黑，英文或阿拉伯数字：Arial；行间距=字体+8px。
3、按钮规范
按钮是用户与系统间交互的一个重要触点，用于特定触发事件的发生。按钮类型可分为线性按钮、面型按钮、文字按钮、图标按钮、图标+文字按钮，按钮状态分为常规、悬停、按下、禁用。按钮的宽、高、曲率、文字离边框的间距需要在规范中写明。
4、表单规范
在后台系统中，表单多用于登录注册、搜索框、选择器、信息录入等。表单类型可分为输入框、下拉框、时间选择框、单选框、多选框等等，表单状态分为默认、输入/选中、填写完成/已选择、不可填写/不可选、错误提示。对于必填表单，需在标签前后或输入框后增加“红色*号”。输入框的高度、曲率需要在规范中写明。
5、表格
此图为可进行单选或批量选择、排序、表头分组和带有冻结列的复合型表格：
a、固定列表格：对于屏幕无法展示完全的内容，可以采用冻结重要列的方式，然后横向加滚动条左右滑动
b、可对数据进行排序：升序和降序
c、文字类字数限制：重要字段全部显示，其他文字信息超出宽度以“...”代替，鼠标悬停时显示全部内容
d、对齐方式：文字信息左对齐，因为人的阅读习惯是由左到右、由上到下的，此外在主从型列表中，采用左对齐错开文字，可使用户一目了然，降低视觉噪音；数据信息右对齐，因为数字单位个十百千万...是由右向左，方便比较数据大小
文章来源：站酷 作者：Alice冰冰
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
本文是参考国内交互设计标准网站及用户行为研究实现的用户体验设计规范，用于后台设计，网站设计等。
涉及到的产品越多，产品统一性越强，实现信息同频，开发和设计快速了解信息
一个项目中会涉及到多种按钮，甚至一个页面中也会涉及到多种不同功能的按钮，这个就需要把同一类型或同一功能的按钮，它们的位置统一。减少用户学习成本。
因为如果同一样的功能按钮在不同的变换位置的话会打乱用户已经形成的习惯，增加其学习成本。（尽量采取以下情况的一种）
帮助说明的表现形式有很多种，但不管选那种整个项目要保持统一，一些特殊情况除外，固定一个位置，可以方便用户在最短的时间内，快速完成此项操作和获取内容。
权重是为了突出有效信息，也能在不同元素建立一种有组织的层次结构，让用户快速识别关键信息。
为了让用户能在操作上（类似表单、弹出框等场景）快速做出判断，来突出其中一项相对更重要或者更高频的操作。
突出的方法，不局限于强化重点项，也可以是弱化其他项。
但是在一些需要用户慎重决策的场景中，系统应该保持中立，不能替用户或者诱导用户做出判断
表单在遵守操作流程的情况下，让用户涉及到的操作从易到难，让用户有填下去的动力。
排序规则
（1）有“有默认项”的选项；
（2）有“选项”的选项；
（3）只输入“数字”的选项；
（4）“添加图片”“修改”等涉及复杂操作的选项；
（5）“备注”“商品卖点”等选择。
左右排版的时候将“重要必填项”先在从左边（纵向排列）开始排版（排版时仍按照我们的从简到难的规则）
注：当“必填项”比“非必填项”多时，排版上要考虑，就按照次序，左边排满，再排右边。
在使用Table 时，文字链的点击范围受到文字长短影响，可以设置整个单元格为热区，以便用户触发。
注：当悬浮在“客户”所在的文字链单元格时，鼠标
【指针】随即变为【手型】，单击即可跳转。
当需要增强按钮的响应性时，可以通过增加用户点击热区的范围，而不是增大按钮形状，从而增强响应性，又不缺失美感。
注：在移动端尤其适用。
鼠标移入按钮附近，即可激活Hover 状态
当『易读性』远比『易编辑性』重要时，可以使用『单击编辑』
状态一：普通的浏览模式，不区分可编辑行和不可编辑行；
状态二：鼠标悬停时，『指针』变为『手型』，编辑区域底色变黄，出现『Tooltips』提示单击编辑；
状态三：鼠标点击后，出现『输入框』、『确定』、『取消』表单元素，同时光标定位在『输入框』中。
当『易读性』为主，同时又要突出操作性的『易编辑性』时，可使用『文字链/图标编辑』
状态一：在可编辑行附近出现文字链/图标；
状态二：鼠标点击『编辑』后，出现『输入框』、『确定』、『取消』表单元素，同时光标定位在『输入框』中。
当『易读性』远比『易编辑性』重要时，可以使用『单击编辑』
注：编辑模式在不破坏整体性的前提下，可扩大空间，以便放下『输入框』等表单元素；其中，在Table 中进行编辑模式切换时，需要保证每列的不跳动。
减少负担，增加轻量化的操作
注：删除的操作是谨慎的，系统在不打断当前操作的时候给出二次提醒确认。
填写表单的条件反馈。
注：不需要提交后才出现提示，输入及时给用户反馈
完成整个操作后的提示以及系统提示
注：重要的，文字多于15个字以上不适合放在toast里面提示。
提供下一步操作的入口
不仅要提示他发生了什么，还能引导他怎么做，甚至能让他一步到位直接跳转到要进行下一步操作的页面去操作
当页面没有按钮时，提供明确的入口。
最后，关于后台的用户体验设计规范就总结到这里啦。
文章来源：站酷 作者：chaih
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
前言
近年来，「设计规范」逐渐被「设计体系」或「设计语言」的概念重塑。基于一套架构严谨、规则统一的体系框架，产品表现层面的设计工作可以逐渐实现模块化运作，从而让视觉设计工作变得更加高效。
「Design System 系列」将会从设计观、设计原则、设计形式三个方向入手，由深到浅、由整到分地演绎设计体系对整个产品迭代过程的价值和意义。有正确的设计观作判断好坏的标准，并结合行之有效的设计原则作指引，才能制定出最优的设计方案。
简介
Robin Williams 的四大基本设计原则相信大家都不陌生，尤其在平面设计领域内对它的应用更为广泛。在此基础上，我结合中后台产品的设计特点，将其缩写为「两对两性」原则，即：对齐、对比、亲密性、一致性。
每个优秀的设计中都会应用这些设计原则，并且各自是相互关联的，只应用某一个原则的情况很少。
作为设计体系的一部分，这套设计原则也为设计实践提供了理论依据。本章引用中后台产品设计中一些常见的案例，并以简洁凝练的语言，分析总结了这四个基本原则的实际应用方法和注意事项。
本章大纲如下：
一、对齐原则
任何元素都不能在页面上随意摆放，每一项都应该与页面上的另一项或多项存在某种视觉关联。即使对齐的元素空间上是相互分开的，但在水平或垂直位置上也会有一条“隐形的线”把它们连在一起。
在界面设计中，将元素进行对齐，既符合用户的认知特性，也能引导视觉流向，让用户更流畅地接收信息。
1. 左对齐
左对齐是将文本信息或视觉元素沿垂直方向向左对齐的一种对齐方式，左侧会有一条“隐形的线”，将彼此分离的文本或元素连在了一起。
文案类、列表类、表单类等排版会常用到左对齐的方式，这能让用户顺着视觉流的方向，快速高效地接收信息或填写表单内容。
2. 右对齐
右对齐与左对齐相反，右侧会有一条“隐形的线”，将文本信息或视觉元素连在一起。
在表格或表单中使用右对齐，可以实现快速对比数值大小，建议数值的格式保持统一。常规类数值可以统一使用千位符，如「1,024」；金额类数值可以保留小数点后两位，如「¥88.00」。
3. 居中对齐
居中对齐是第三种常见的对齐方式，中间会有一条“隐形的线”，将文本信息或视觉元素连在一起。
居中对齐会形成一种更正式、更稳重的外观。尽管这是一种合理的对齐方式，但边界是“软”的，“对齐线”的强度也较弱，所以会显得中规中矩。通常，首页的功能介绍文案以及数据、金融等类型的产品界面会使用这种对齐方式。
4. 两端对齐
两端对齐也称方形左右对齐，因为文本信息的左右两端均对齐。
通常在商品信息结算、带有辅助说明的列表等场景中会使用两端对齐的方式，不仅能让横向的文案更具关联性，易于用户接受信息，也能使排版显得更加工整和严谨。
二、对比原则
对比可以有效地增强页面的视觉效果，同时也有助于元素之间建立一种有组织的层级结构，让用户快速识别关键信息。
需要注意的是，要想实现有效的对比，就应当拉开元素之间的差异，差异越大，对比效果越明显。
1. 字体对比
字体对比包括：衬线体和无衬线体的对比，如 Georgia 和 PingFang；字重粗细的对比，如 Regular 和 Semibold；字号大小的对比，如 14px 与 20px；字体颜色的对比，如 #333 和 #999。
当界面或模块的标题字体大而粗、且颜色较深，正文字体小而细、且颜色较浅时，信息层级关系更明显，字体对比效果将更理想。
2. 颜色对比
颜色对比包括：色相对比，如 Red 和 Blue；饱和度对比，如 S100 和 S60；明度对比，如 B100 和 B60。
下图中的百分比堆叠面积图利用不同维度 (区域) 的色相对比，清晰的反应每个数值所占百分比随时间或类别变化的趋势，对于分析自变量是大数据、时变数据、有序数据时各个指标分量占比极为有用。
3. 大小对比
大小对比就是在同一画面里利用大小两种元素，以小衬大，或以大衬小，使主体得到突出。大小对比主要体现在面积或体积两种维度上的对比。
在下图的 Dialog 中，主体图片的面积相对于商品信息文字的面积得到最大化突出，主次更加分明，视觉冲击感也更加强烈。
4. 水平与垂直对比
水平与垂直对比，是指水平分布的视觉元素与垂直分布的视觉元素在横纵方向上的对比。
在排版上，水平与垂直对比可以打破单一呆板的排列方式，在保持对齐的基础上，丰富了界面元素的空间表现形式，减轻了用户的疲劳感和无味感。
三、亲密性原则
如果信息之间关联性越高，它们之间的距离就应该越接近，从而形成一个视觉单元；反之，则它们的距离就应该越远，从而形成多个视觉单元。
亲密性的根本目的是实现组织性，让用户对页面结构和信息层级一目了然。
1. 水平空间关系
为了自适应不同尺寸的屏幕，同时保持横向上控件的关联性，因而采用栅格布局的方式来组织摆放元素和控件，保证布局的灵活性。
同一控件内部的元素，横向间距上也会有“亲疏”之分，以体现组织性。
2. 垂直空间关系
在复杂的页面或模块设计中，纵向上需要使用高、中、低三种规格的间距来区分信息的层级关系。基于「元间距」8px，三种规格可以是 24px (高间距)、16px (中间距)、8px (低间距)。
注：纵向间距公式：y=8+8×n。其中 y 是纵向间距，8 是元间距，n≥0。
另外，增加「分割线」等视觉元素，也是有效划分页面结构和信息层级的常用手段。
四、一致性原则
可以把「一致性」理解为「复用」，相同的元素在整个界面中不断复用，复用元素可以是线框、颜色、控件、文本格式、空间间距、设计要素等等。
一致性的根本目的是统一元素，并增强视觉效果，降低用户的学习成本，帮助用户快速识别出这些元素之间的关联性。
1. 线框复用
同类信息的载体可以是相同粗细的线框、相同投影的卡片、或是相同颜色的底面，注意保持样式属性值的一致，以及上下左右间距的一致。
2. 颜色复用
在界面设计中，相同的功能提示、图表数据、文字层级、按钮、图标、分割线、背景等，应使用相同的颜色，保持色彩体系上的统一，避免同类型的元素使用不同颜色给用户造成认知困扰。
3. 控件复用
使用统一的导航、按钮、弹框、图表、选择器等控件，既可以提高设计者和开发者的工作效率，避免重复造轮子的现象出现，又可以保持界面设计的一致性，降低用户的理解成本，提高使用效率。
4. 格式复用
相同类型、维度或级别的文案，应使用相同的展现格式。注意标题、正文、辅助信息的层级关系，使用统一的对齐方式，让关联性高的信息之间形成一个视觉整体。
本章小结
1. 对齐
任何元素都不能在页面上随意摆放，每一项都应该与页面上的另一项或多项存在某种视觉关联。
2. 对比
对比可以有效地增强页面的视觉效果，建立一种有组织的层级结构，如果想让元素不同，那就让它们截然不同。
3. 亲密性
如果信息之间关联性越高，它们之间的距离就应该越接近，从而形成一个视觉单元，这有助于组织信息，减少混乱。
4. 一致性
一致性的根本目的是统一元素，并增强视觉效果，降低用户的学习成本，帮助用户快速识别出这些元素之间的关联性。
好久没有发文章了，今天顺叔和大家一起聊一聊卡片式设计，无论是WEB还是APP卡片式设计运用的比较多，很多UI设计师比较偏爱这样的表现，卡片式设计会给人一种视觉上的享受，也能对于界面具有层次感。但往往在卡片设计中有一些技法还是需要了解，不能因为卡片式设计而卡片式设计，要能更好的应用到界面场景中。希望在这次分享中一些知识点能帮助到大家，之后的几篇系列文章中，顺叔会从界面中比较趋势的设计技法进行分析，希望能帮助到一些设计的小伙伴。
教程前的引言
卡片式设计这几年比较流行，同样这样的设计表达也是个趋势，应用在APP PC界面中至今还流行着，从事UI设计的都会知道卡片式设计，具有把内容整合模块化，从视觉，个性化体验上进行呈现，是设计师在设计时常用的一种表现，同样也具有独特的创新概念。
在一些项目中，一些客户会说这个设计的APP界面有点太白，没有层次感怎么办，那这时你应该和客户说在APP设计中运用了现在比较流行的一个表现手法，卡片式设计，可以解决在画面中有个性化 、变化、 层次感的设计。那客户又问什么是卡片式设计呢？
一、什么是卡片
无处不在的卡片设计具有个性的美感和很好的易用性，是以文字标题，小标题， 图形或图片组成的模块化，以块状形式规整的整合内容，让内容更规整化，视觉上更个性化，也是操作上快捷的内容信息入口。更直观的表达内容信息和快捷跳转操作。成为当今在设计中一个比较流行趋势，而卡片在设计中也占用一定的优势，让整体更加的有层次感，在运用起来也比较方便，从视觉、体验、交互都具有不错的优点
设计效果图展示
顺叔为了这个文章特意设计了两个案例，通过这两个案例进行一些讲解。请见下图：
二、卡片设计优势
1.趋势
无论是大平台 还是小平台的产品都会运用这样的卡片式，跟风式设计趋势，也让卡片式设计成为了一个现在常用的优势，不过卡片式设计的确有很好的效果
2. 层次感
具有一定的层次感，能在页面版式中起到设计上的不同，个性化变化，页面层次感区分强烈，能更好的体现提炼出内容
3. 规整化
卡片式设计以图片、 图标 、LOGO、 标题、 整合到一起 以块状的形式在界面中展示，更规整的排版呈现。虽然内容多会导致页面乱，一个模块包含内容之后就会规整不少，也给页面设计上带来了更好的视觉
4. 视觉体验
卡片式给整个页面会增加视觉上的体验，特别那种大图片卡片式更具有视觉上的冲击力，背景衬托出前景卡片式设计。同样对卡片式也感觉到舒适感。卡片式设计还是需要根据整个布局、 产品需求 、功能进行设计。以达到最好的用户体验、视觉体验。
不要为了卡片设计而卡片设计。
5. 易用性
卡片式设计在易用性和灵活性上比较高，在响应式设计中同样应用的也比较多一些。能更好的有序排列。
6.简约设计
简约设计会更显得品质，不需要过多的进行装饰，哪怕就是一个白色的色块，上面点缀有色彩的图标和标题 副标的变化，也会觉得显得高大上，就算是一个带有颜色的色块卡片，也无须过多的设计 内容上的标题 、图标、 按钮就足以支撑起卡片
7. 交互效果
在卡片式的设计中会有一些动效交互，比如整体卡片放大、 缩小 、左滑、 右滑，可以整模块化滑动 缩放。整体效果增加了不错的视觉交互体验
三、卡片正确设计知识
一般在界面设计中卡片的存在的意义和表现手法都是什么样的呢，下面为大家举例了几种常用的正确的设计表达姿势。希望小伙伴在设计的同时有所灵感和参考，把一些表现手法加入到自己的设计中，适合才最重要。卡片式设计还是要根据整个风格和整个布局而进行展示，在做进一步的对比和布局中以最好的效果为最终展示方式，总结分析几个常见代表例子，如有不全请讨论补充，下面就是一些例子
1.卡片式形式一
以色块为主体并用现在比较流行的渐变色组成，其中四边为圆角，同样色块下边阴影衬托出主题，这个是在卡片中设计比较常见的运用手法，卡片的长高在设计中也是根据结构，内容功能而进行设定。正方形，长方形都是一个表现得手法，在色块上面标题文字，图标，图形是整个卡片的布局的形式，无非就是左右布局和上下布局
应用场景：卡包、天气、类别、入口、优惠劵，卡劵
此图片来自于网络
2. 卡片式形式二
这种形式共同点都是在头部C位出现的卡片式设计，其中承载着标题，副标题，以及图文版式，不难发现，如果图片有颜色，那么下面是白色底，这样在白底上面色块的出现还是比较简约凸显卡片，如果背景有颜色，卡片也有颜色那么卡片的凸显程度就不会那么强，图二很多在会员卡设计中常用的比较多，也比较简约，另外两个共同特点背景有颜色，一般底部背景颜色就是整个界面的主色调，背景有色块，上面就用白色卡片，卡片上方标题、 文字、 图片呈现。只不过排版的方式有所不同而已，在很多APP设计中，这样的表达也很多，通过主色调可以很融合的把上面的状态栏，导航栏融为一体视觉上统一性，底部背景颜色延续下来，上面凸显白色卡片，这样更具有视觉感和层次感。白色的卡片不需要过多的修饰，更能体现的上面的文字和图片。
应用场景：会员卡，滑动卡片，图文标题，入口
此图片来自于网络
3. 卡片式形式三
这种形式上图下文字，或者是上标题，下图片的形式，这种形式特别在图片素材的选择上尤为重要，有视觉效果好的图片通过剪切，处理，合成，摄影，插画等等方式，出现的图片质量上好的话可以带动整个设计的逼格，通过有效的图片传达，文字传达，让用户更清晰的了解。这样的形似一般在入口或者列表的形式出现的比较多，同样也能体现出整体化和视觉化
应用场景：滑动卡片，图文标题，入口，列表
此图片来自于网络
4. 卡片式形式四
大图卡片式，一般以摄影图片，插画形式，文字压与图片之上，这样的效果更具有冲击力，也能显得出比较潮流。体验也很不错，放大视觉，展示内容，图片相结合，让浏览者更愿意多看一会。表达的图片与文字内容相符，做到图文交融的程度。一般这样对于图片的选择上还是比较要求严格的。没有质量的图效果会降低。
应用场景：列表，说明，入口，天气
此图片来自于网络
5.卡片式形式五
列表卡片设计，这种形式一般白色的卡片，上面标题，头像，按钮，扁平插画形式体现，更多应用在一级页面的下方内容，以及二级页面的列表页或者集合页，整体弱化背景以白色为主，给予圆角及阴影承托出层次感同时，体现上面内容部分。每个模块的单元体具有统一的视觉。
应用场景：列表，集合页，入口
此图片来自于网络
6. 卡片式形式六
大卡片式设计，表现为一块特大的卡片式，上面会有标题，按钮等信息，同样表现出突出层次感，个性化设计的特质。体现出内容，一般背景有颜色上面卡片为白色，如下面背景为白色，那么卡片的形式也可色块，在对比上有个反差，才能突出卡片的作用性。
应用场景：提示，说明，优惠劵，劵，入口
此图片来自于网络
以上总结的几种卡片的形式，在设计中可以根据情况而设计，卡片多样化，布局多样化，适合自己产品的才最重要，虽然在界面设计中常用的设计，但不要盲目的为了卡片而卡片套用设计，这样起不到作用反而效果达不到理想程度。希望几个卡片形式总结能给大家带来一些灵感和启发。
同样在这些卡片中会有一些基本的共同的特点
共同的特点是
1. 四个角都是圆角
2. 根据潮流渐变色或白卡片
3. 色块下的阴影，色块下的阴影更能体现出层次
4. 卡片上面组成部分，标题，副标题，图形，按钮，图片，头像
5. 字体大小，字体颜色的变化
6. 一般卡片应用在会员，列表，说明，优惠劵，分类，类别，集合页，欢迎页等场景常见
三、卡片正确设计知识
为了讲解文章，顺叔临时构思一个产品原型，而快速进行了简单的设计，一个第一版，一个优化版，主要为了讲解一下这个卡片设计一些问题，
以下此图为构思的原型图
经过分析原型图之后开始进行设计，首先设计一个版本的，如果这样卡片布局设计，这样色彩搭配的情况下，会怎么样呢，整体设计用了蓝紫色为主色调，首先铺蓝紫色的色块作为背景，然后上面放白色卡片，以至于卡片上详细的内容，比如数字，图形 能更好的丰富支撑卡片。同样数据流也是比较重要的C位。也是比较重要的位置。接着根据原型图下面有两个卡片，通过扁平化设计，以色块为主设计一个蓝色，一个橙色的卡片，上面并有图标，头像，以及标题，两个颜色的对比，更让视觉有冲击力，整体看这个设计并没有什么，但有个问题在于单个模块拿出来效果的确都不错，但组成之后上面的卡片C位让下面的两个带颜色的卡片抢了视觉，当打开这个界面的时候视觉落点在彩色卡片上，那么这个整体设计上就出现了问题，上面的数据，白色卡片其实是比较重要的，而且整个画面都是卡片毫无设计上的变化，
那么只能在这个基础上在进行优化，其实大家在做设计的同时也这样，在考虑功能模块前提下，用户体验，也要考虑视觉体验，那么视觉从哪方面来，色彩、层次、版式等等方面。那么能不能在进行一下优化呢，其实还是有空间在进行优化。以下图为第一版
设计第一版
根据上面的设计在进行优化，同样保留白色卡片部分元素，在卡片与卡片之间放一些颜色的图标，这样更好的给功能上快捷入口，也能给卡片设计增添了变化。使得整个画面更灵活
虽然白色卡片，但有一些色彩的点缀，也让白色卡片活跃起来，把颜色的卡片改成白色卡片，从上到下的版式舒服多了，也没有那么跳。整个风格更简约，同时功能也更全面。
调整后
从原型图，在到设计第一版，在到优化调整之后，证明一点，卡片不要因为卡片而套设计，反而会失去效果，考虑功能模块，用户体验，视觉体验也一定让整体舒服。一直都说，绘画中需要有主有次，设计中也一定要有主，有次的进行设计。这样层级关系才能更清晰。
但这些条件一定是从，体验、色彩、布局、版式等方面进行对比和研究的。设计不要先着急做设计，前期的进行思考，逻辑清楚了，在进行设计的时候会更加的顺畅。卡片式设计，大家都在应用，希望这个文章能给大家带来一点点知识点，那就不枉费我在熬夜写这篇文章。
不为别的，只是一个喜欢分享的肉团子。这篇文章就写到这里，如果喜欢请给个赞吧。如内容有没说到的地方，各位可以进行补充，以上两个图你稀罕哪个呢？
一：平铺
平铺：指的是将表单信息完整的排版在界面中。
无论是在B端还是C端设计中，平铺的表单设计是最常见的，这样的表单用户可以一览看全所有表单的信息（但是对于表单字段多且复杂的场景，平铺也不能一览所有）。所以对于平铺的表单设计而言，一般是针对表单信息简单且字段信息较少的情况，如果字段信息小于两屏且字段信息强相关，那么我们可以选择采用平铺的表单设计方式。
例如：飞书的审批表单页面设计就是采用平铺的设计方式
表单的第二种设计方式是分组，分组的排版方式又可以细分为三种方式。分别是：折叠分组、区域分组、标题分组。下面分别介绍了三种分组的详情。
01：折叠分组
折叠分组：指的是将表单信息分类显示，通过点击按钮展开和收起表单的具体信息。
在B端设计中，会存在很多设置类表单设计，最常见的图表数据和样式外观设置，对于一个图表而言，会让用户自定义图表的各种信息设置，并且需要在一个表单中显示完整图表设计所涉及到的范围，所以大多数都会采用折叠分组的形式。
折叠分组用户可以一眼看全表单所涉及到的大范围，用户锁定某个标题范围后，再展开去完善对应的具体表单信息，这样用户就可以不用在庞大的表单信息中去寻找自己需要完成的表单信息。折叠表单一般会包含一些默认的数值，用户可不做调整，不调整也不会影响功能的使用。如果说表单信息需要用户手动完整的填写或者确认，那么最好不要选择这种表单的设计方式。
例如：Grafana的自定义BI图表设置信息就采用了折叠的表单形式
02：区域分组
区域分组：指的是将表单信息分类显示，通过矩形背景划分区域，形成小组表单信息。
在B端设计中，一些复杂的表单会通过区域分组的形式排版设计，可以将一个表单的信息通过信息的关联关系划分不同的区域形成小组信息，这样有利于信息的归类以及信息的填写。用户在看到复杂表单的时候不会被庞大的表单迷惑，可以更好的找到表单字段，也可以让用户填写表单更有秩序、更清晰。区域分组的使用场景，一般也是针对复杂表单且具有强相关的信息关系。
例如：下面是我在工作中所运用的一个区域分组的表单设计方式。
03：标签分组
标签分组：指的是将表单信息分组标签化，形成独立的小表单信息，分为上下结构和左右结构。
上下结构
左右结构
复杂的表单可以采用区域分组的形式，还可以采用标签分组的设计形式。标签分组可以一眼看全所有分组大类信息，对于一个表单涉及到多种信息字段的情况，并且每个组的字段信息都是独立的，不是强相关的，那么我们就可以采用标签分组的形式。
标签分组可以直接点击标签快速定位到想要查看和填写的表单区域，这样使用户操作更加快速便捷。并且也让庞大的表单信息得到更好的整理，让用户使用更方便，可降低用户对于庞大表单信息的焦虑感。
下面可以看一下在B端产品中我对于一些复杂表单标签分组的设计方式。
三：分页
分页：指的是将整个表单信息通过多页的形式展示。
分页表单设计一般会针对具有步骤前后顺序关系的表单。也就是指需要先完成上一步表单信息才能进入到下一步的表单页面，形成一个完整的闭环流程才能使表单信息提交成功。
同样的，下面截图为B端实际业务工作中的一个分页表单设计页面，因为业务的保密性，所以就不做太多的业务信息，只需要看到分页表单的一个实际设计场景即可。
一：弹窗（对于信息较少的表单）
最常见的表单呈现方式即弹窗，无论是在C端还是B端，我们都随处可见弹窗形式的表单。弹窗表单一般呈现在屏幕中间，底部有暗色遮罩层，将底部信息与弹窗表单隔离，使用户专注于表单的填写。弹窗模式的表单一般是针对表单信息较少的情况，并且填写表单不需要关注底部页面的信息。用户可以在弹窗表单中顺利地完成表单的任务。
案例：
二：抽屉（内容信息较多，且与底部信息强关联）
抽屉形式的表单一般是针对表单信息较多且与底部信息具有强相关的关系。用户在填写表单时需要根据底部信息的辅助完成，或者需要同时操作底部面板中的相关信息，来协助完成表单信息及让交互使用更方便。
抽屉形式的表单展示方式是从屏幕右侧弹出，有时候也会有从底部弹出的情况。这里主要分享从右侧弹出的抽屉表单模式，抽屉模式还分为三种模式：有遮罩层的抽屉模式、无遮罩层的抽屉模式、挤压模式。
下面分别介绍这三种模式的区别以及使用场景。
有遮罩层的抽屉模式
有遮罩层的抽屉模式指的是抽屉底部有暗色遮罩层，将抽屉表单信息与底部页面信息隔离，这里的遮罩层与上面弹窗中的遮罩层是同样的作用。那么就有人有疑问了，既然都是有遮罩层具有同样的隔离作用，那为什么要从右侧弹出，而不直接和弹窗一样展示在屏幕中间呢？
有遮罩层的右侧抽屉模式的表单具有以下特点：
01:右侧抽屉出现位置在屏幕的右侧，虽然有遮罩层，但是仍然可以看到遮罩层底部页面的相关信息，如果在填写表单的同时需要关注底部信息，并为填写表单做辅助，那么右侧抽屉表单模式比常规的弹窗模式更适合。
02:右侧抽屉模式的表单面积更大，更适用于复杂表单的呈现，可以展示更多的信息。
案例：
无遮罩层的抽屉模式
无遮罩层的抽屉模式指的是抽屉底部没有暗色遮罩层，抽屉直接浮在底部内容之上，一般通过对抽屉背景做投影来区分底部内容与抽屉内容，让两者之间能更清晰地辨别使用。
无遮罩层的右侧抽屉模式的表单具有以下特点：
01:与有遮罩层的模式一样具有可根据底部信息辅助完成表单信息的填写的特点。
02:适用于复杂表单且可以展示更多的字段信息。
03:另外有一个更加重要的特点是：由于底部内容是没有遮挡层，所以用户还可以同时操作底部页面，使用户切换信息更便捷，使用效率得到提高。
案例：
三：挤压模式
挤压模式指的是表单信息从右侧出现，将原本画布的内容区域宽度减小，从而展示右侧表单。这样的展示方式界面需要做适配，做到画面中的元素自动适配画布大小，以满足正常的阅读和使用。
挤压模式与上面的无遮罩层的抽屉模式具有相同的特点，另外挤压模式还具有可以完整看到原本界面中的内容，右侧表单可以自由展开和收起。
但是对于表单信息庞大且复杂的业务情况就不太适用于右侧挤压的模式，因为表单宽度占据太多会影响原本界面内容的展示，原本内容会因为宽度区域太小而布局错乱的问题，如果因为右侧挤压的表单出现而改变原有界面内容的布局，对于用户而言使用也不太友好。
案例：
四：页面（单独表单填写，且信息量较多）
上一期已经分享过关于分页展示的表单模式，其实和这里的页面展示类似，当表单信息庞大且与原界面无强相关的可以直接采用新页面呈现。使表单单独成页更好地展示表单信息减少其它信息的干扰。
案例：
总结
B端的业务比较复杂，不同的表单信息的复杂程度有所不同，需要根据实际业务的情况合理地选择表单的展示方式，也需要考虑用户的使用场景以及业务表单的关联关系。
简单且不具有强相关的表单可选择平铺，呈现方式可选择弹窗
复杂且具有强相关的表单可选择区域分组，呈现方式可选择无遮罩层抽屉/挤压
复杂且不具有强相关的可选择标签分组，呈现方式可选择有遮罩层抽屉
具有先后顺序的则选择分页，表单信息独立可选择分页的呈现方式
（并非强制的表单设计选择方式，需要合理考虑业务哦！）
文章来源：站酷 作者：设计小余
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
在日常的工作中，会经常接触到一些数据方面的内容，同时我也在不断的加强相关方面的专业知识学习，希望可以借此做一个总结，与大家分享。如果你也在平时的工作中遇到相关的数据问题、不知如何利用数据推动设计、或者对数据抱有一定的兴趣，那我们可以一起往下看。
本文主要围绕以下几个方面来进行解释说明：
随着互联网大环境从增量进入到存量市场，企业发展与产品的迭代越来越离不开数据的指导，数据驱动已然成为当下产品的主趋势。身为设计师的我们，更应该对数据保持高度敏感，通过一系列的数据分析推动设计迭代,并让其更合理、更具有可信度。
任何一款产品，设计师都无法根据自己的心情、想法，一拍脑门的迅速产出。好的产品，既要考虑市场价值，也离不开用户体验，应该明确目标而进行实现，所以设计过程中需要依靠数据给予我们指导，即利用数据驱动设计。
数据在产品迭代过程中有着举足轻重的地位，对于设计师而言也是极其重要。在了解数据之前，简单的理解一下为什么需要数据，在互联网产品设计中，数据的作用主要分为以下三点。
工作中或许会常常面临多种需求并线进行的状况，合理客观的数据有助于我们更好的分清任务的优先级，并聚焦于当前最紧急的任务展开进行。合理有序的安排可以推动任务的快速高效完成。
设计师与真正的用户之间往往存在一定的差异，我们不能按照设计师固有的思维方式去衡量用户的想法，更不能想当然的觉得用户需要什么。
数据可以帮助我们更好的了解用户，利用数据分析的种种方法，我们可以进行抽丝剥茧，发现更深层次的问题，不断的去深挖用户需求，进而更好的满足用户，只有这样我们才能更好的留住用户，促进产品增收。
在进行设计输出的过程中，我们可能常常会遇到以下情况：
我相信各位设计师在日常的对接中，一定是根据需求文档进行了设计输出，但是在设计评审阶段却很难去说服各需求方。数据在此情景下就显得非常重要，它可以帮助我们针对设计方案有一个理性的数据支撑，去衡量我们的设计方案是否合理有效。
其次在项目上线后依据数据反馈,可以验证此次设计是否达到理想目标,是否还有进一步优化的空间。了解数据可以更好的帮助我们深耕需求、把控方向。
为了进一步了解数据，现将所有的数据进行整合区分，大致上可以分为两个类型，分别是定性数据与定量数据两大类。
定性数据指导设计过程，往往判断某件事物的意义与价值。定量数据关注数据频率，在结果上更具有说服力。这两种数据的类型在数据分析以及设计驱动的过程中都非常重要。时常会通过定性数据来发现、定义问题，最后再由定量数据来验证结果。
定性数据是非统计数据，在样本选取上，数据量较少，主要收集途径有以下方法：应用商店评论、客服反馈、音视频记录、笔记反馈、访谈调研等。
可以快速了解到用户的行为和态度，这种数据具有可调查性，是可以进行深入研究的，能进一步推断出设计的哪些方面存在问题，从而通过设计方法优化产品设计体验。
定量数据是统计性的，可以用来问“多少”的问题，最终生成结论性的数据信息。收集途径可以有以下方法：测试、产品数据、指标上报、实验调查等。
定量数据提供了对设计的间接评估，可以快速了解用户基础信息数据以及对产品的使用感知，例如完成率、满意度等等数据指标，它不仅可以帮助我们快速统计信息，还能验证结果。
数据不应该是只停留在表面的数字，需要深入的了解数据，善于从这一堆数字背后，发现数据的真实意义。
由此，Google推出HEART模型，作为一套完善的用以评估以及提升用户体验的标准。HEART模型包括五个维度，分别为：愉悦度（Happiness）、参与度（Engagement）、接受度（Adoption）、留存度（Retention）、完成度（Task success）。通过这种方式将数据分为五个维度，可以更有效的明白不同类型的数据所体现的真实含义。
什么是愉悦度？关于这个问题，大概一千个人会有一千个回答吧，因此愉悦度更偏向于用户在产品使用过程中直观的主观感受，例如满意度、产品体验感受、推荐指数、易用性感知等等体验指标，通过这一类的数据可以有效的了解用户对于产品或者某个功能的喜好程度。
可以利用定性研究的方式获取用户在体验和感知上愉悦程度，例如一对一访谈、观察小组、可行性测试等。也可以通过定量调查中的问卷、数据反馈、AB测试等了解用户的使用情况以及推荐指数等。
指用户在使用产品功能时的参与深度，衡量指标即为有效活跃用户的数量。用户参与度并没有统一的可量化的界定标准，但大致上可以分为以下几个指标，产品访问频次、平均访问时长、访问页面数量、产品使用间隔。
数据的衡量只是最基础的一步，更重要的是如何提升用户的参与度，对于新用户而言，可以通过引导、帮助等建立良好的第一印象；对于老用户，需要合理的推送相关优惠与活动，也可以利用游戏化运营建立长期关系，这些都是比较有效的提升参与度的方法。
当一个新的产品与功能出现时，由于陌生感，用户短时间内很难接受，而接受度就是指用户在特定时间内真正开始习惯并使用。
为了快速得到用户的认可，往往产品设计中会通过竞品分析的方式确保框架内容与市场的同类产品保持一致，满足用户的使用习惯。而针对大部分的新用户也会使用新功能引导以及相关通知推送等加快新用户的接受度。
在产品运营中，留存是最关键的数据指标，它也是产品获利与增长中最主要因素之一，留存直接决定了用户是否愿意继续使用，它是最真实的数据表现，而留存通常体现在，多日留存率、回访率、不同平台的使用重合率等。
针对这一数据我们需要关注的核心问题就是如何提升用户留存率，大致的方法可以分为以下两个维度：
(1) 产品维度
产品功能决定是决定用户留存的关键。在需求设计上，通过挖掘潜在需求，刺激用户长期使用，并且通过拓展应用场景，不断提供细分服务，进一步满足用户；甚至我们也会发现在大多数产品中，通过建立社区，打造社交圈子，强化用户的粘性。
(2) 运营维度
产品使用过程中，合理的运营也是提升用户留存的关键之一，常用的方法有定期举办活动、例如砍价、助力、签到、每日任务等；也可以通过消息推送挽留用户。
完成度主要是指用户对于关键任务的完成率，常常用来衡量交互流程是否合理。主要包括以下维度：首次点击时间、操作完成时间、完成点击次数、完成率、失败率、出错率等。
A: 任务完成度的衡量指标该怎么计算呢？
(1) 任务完成时间
用户在整个任务过程中，所花费的时间即为任务完成时间。
(2) 完成率
完成率=完成的操作次数/开始操作的次数
产品设计中，为了提升完成率，需要辅助用户进行交互并进行引导设计，不仅需要符合不同场景变化以及用户的心智模型，还要给予用户体验流程中的舒适感受，进一步辅助其完成任务。
B: 如何提升任务的完成率呢?
(1) 降低理解成本
利用设计手法，降低任务流程中的理解成本，切入到实际的场景中，帮助用户快速完成任务。
例如在列表模块中，默认状态下的输入框内，展示灰色的提醒文案，提前告知用户该区域应该填写的内容；比如说高德地图通过AR技术结合导航，快速帮助用户完成导航任务;再类似于可视化数据看板,帮助用户快速获取信息结果。
(2) 精简任务流程
降低理解成本只能单一的满足用户操作前的理解，而操作过程中的步骤长短也起到非常关键的作用。优化任务流程，目的就是为了提升完成率。
例如用户在进行登录注册时，可以点击右上角的文案即可实现登录注册状态的快速切换，减少用户切换的流程步骤。再比如说表单填写类的产品,还可以将相同的内容进行整合，减少操作。甚至电商产品中，可以通过找相似减少用户的筛选成本。
(3) 系统智能预判，提供帮助
结合用户的场景与行为，进行合理的预判设计，有助于缩短用户操作路径、引导用户转化。例如下面的案例，在表单信息填写中，通过智能判断关联内容，提供帮助，甚至通过判断用户的行为，进行精准内容推送。
通过以上数据的五个维度，可以发现数据的覆盖面是十分广泛的，不同的数据反映不同的内容。在工作中我们也会接触到复杂且多样的数据，对于设计师而言，常用的数据大致可以划分为用户数据、行为数据、业务数据这三大类别。
从字面上理解用户数据即为与用户有关的数据，这种数据常常用来描述用户人群、用户基础属性等。通过一系列的“用户数据”进行支撑，可以快速梳理关于产品的基础用户群体，构建用户的画像。
不同的产品属性，有不同的用户人群画像。比如说美柚这款记录类APP,主要的用户人群是年轻的女性,对生活有一定的追求；再比如说英语流利说这款产品,主要的用户人群是年轻的、有明确学习英语需求的人群。
用户数据主要包括两大类别：用户基本属性与用户生命周期数据。
用户基本属性通俗解释即为关于用户自身最基本的属性，包括性别、地域、年龄、职业、学历、收入、婚姻状况等等......通过这一系列的属性，我们可以对用户有一个更深刻、更全面的认知。
只有更好的了解用户，我们才能进行针对化的设计产出、精准投放，从而推动产品更好的发展。这就好比两个人谈恋爱，只有清楚对方的想法、习惯、喜好，才能减少吵架的几率，实现和谐发展。
生命周期指的是从开始到结束，用户都会经历着从接触到流失的阶段，我们通过生命周期结合用户数据可以简单分为新增、活跃、留存、流失。
1、新增用户数
新增用户从字面上拆解开来即为新、增，广泛意义上来说，我们可以将一段时间内打开产品的新用户人数算作新增用户，但是更严谨一点的话，则表示某产品一段时间内新增加的注册用户数量。
通常我们将下载且访问过产品的用户称为访客，这部分人群是潜在的注册用户。
2、活跃用户数
活跃用户在体验产品的过程中会花费更多的时间与精力，相比普通用户而言他们更加认可平台，对于平台的发展有着重要的地位。那什么是活跃用户？如何具体的去定义活跃用户呢？
通常来说，用户在规定的时间周期内，有打开过产品，这就算做一个活跃用户。当然，不同平台对于活跃用户的定义存在一定差异。而活跃用户主要也分为两类：新用户与老用户，而从商业的角度上还可以划分为低价值用户与高价值用户。
活跃用户数常见的指标有DAU、WAU、MAU。
DAU：Daily Active User，表示日活跃用户数量，指的是从0:00-24:00一个自然日(统计日)之间，登录并使用了某一功能的用户数量。
例：某个产品的日活计算方式为打开该APP即算活跃，2022年1月19日这天打开APP的行为有50次，经排重后发现有30个用户打开了APP，那么该产品的DAU就是30。
了解完DAU,我相信大家对于WAU（周活跃用户数量）与MAU（月活跃用户数量）应该不至于陌生了。WAU与MAU，他们两者最大的区别就是计算周期的不同，但需要注意的是，月活的计算并不是简单的日活相加，我们需要进行去重。
3、用户留存率
在讲解用户留存率之前，我们应该了解用户留存。何为用户留存？顾名思义，就是最终留下来的用户。用户留存率这一指标可以反馈当前产品的质量如何，这是产品自初期开始就需要持续关注的内容。常用的用户留存指标有次日留存、3日留存、7日留存、15日留存和30日留存。
4、用户流失
用户流失的定义是什么？用户流失需要结合时间(Time)与动作(Action)这两个指标进行，即用户在一段特定时间内未进行关键行为的操作。与之常常相关联的因素大致分为产品生命周期、负面体验、竞品策略等等。
用户流失率的存在表明了用户对产品的负面反映，对于产品发展有着非常重要的数据反馈。
当下市场中的获客成本越来越高，获取新用户的成本要比留住现有用户的成本高出5倍。因此降低用户流失率，就显得尤为重要。
行为数据常用来描述用户使用方式，指的是用户在使用产品过程中所产生的一系列交互相关的数据，通过分析快速了解用户特征，为流程优化、精细化运营、产品体验等设计措施提供判断依据、辅助设计。
行为数据的指标主要包括转化率、平均停留时长、跳出率、PV、UV等等。
1、转化率
什么是转化率？转化率就是下一页面与当前页面的访问占比。它常常被用来衡量产品路径中的用户体验是否合理，从而进一步推动流程优化以及设计迭代。
以下图为例，有200个人来到了页面A，其中有100人点击页面A的按钮进入页面B，那么页面A按钮的转化率则为(100/200)*100%=50%。
2、启动次数
通常指的是某一特定时间段内用户启动应用的次数。与之相关的两大指标分别为用户总启动次数与人均启动次数，常用来反映用户粘性与活跃度。
3、使用时长
使用时长是指某一特定时间段内用户从打开到关闭产品的使用时间。使用时长需关注的指标为用户总使用时长、人均使用时长、单次使用时长。这些指标常用来衡量用户粘性与活跃度，常常需要与启动次数一起结合进行分析。
4、访问分析
页面访问分析包括页面访问次数、停留时长、跳出/退出率、用户访问页面数和用户访问路径。
(1) 访问次数
访问次数是指访客完整打开页面进行访问的次数，常用来衡量产品的访问速度。
(2) 停留时长
停留时长表示用户进入产品中，呆了多长时间后离去。这一指标是考量用户粘性以及贡献度的重要指标。
(3) 跳出率/退出率
跳出率，指的是只访问了入口页面即退出的次数与入口页面访问次数的占比数。
跳出率越低，说明流量越好，用户对产品的兴趣越高。
计算公式为：跳出率=访问一个页面后离开的次数/总访问次数*100%
退出率是指从该页面退出的页面访问数与进入该页面的页面访问数之比。
计算公式为：退出率=退出次数/总访问次数*100%
跳出率为(2/8)*100%=25%
退出率为{(2+2)/(8+2)}*100%=40%
注意：跳出率与退出率较高，也不全部都是坏事。我们需要具体问题具体分析。比如说某些下单页面，点击提交后会进入第三方支付平台，该页面跳出率高则为正常。
(4) 用户访问页面数
用户访问页面数常常离不开两方面的指标，PV值与UV值。
PV(Page View)：指的是在一个特定周期内，页面访问量或点击量，侧重浏览量。
用户每访问一次就算作一个PV。
UV(User View)：指的是在一个特定周期内，访问页面的人数之和，侧重访客数。
一天内同个用户多次访问仅算作一个UV。
(5) 用户访问路径
用户访问路径是统计用户从进入产品到离开产品整个过程中的路径与页面访问情况，不同的用户路径是不同的，我们需要去定位关键节点，针对性的产出优化方案。
如下图所示，用户在进行针对性的查找歌曲时，通过首页的搜索入口进入，在搜索引导页面中输入歌名，最终出现结果页。通过用户的访问路径分析，可以为我们进行优化提供合理的切入点。
1、ARPU
ARPU是 “The average revenue per user” 的缩写,是指在某一周期内用户产生的平均收入,用来衡量单个用户为企业所带来的效益。
注意：ARPU值是有时间属性的，我们在计算的时候需要有清楚的时间定义，不同的定义方法，计算出来的结果是有很大差异的。
2、付费率
不同业务模式之间的付费率计算方式是不同的，在进行分析之前，我们就需要弄清楚分析的维度。
(1) 注册用户付费率
注册用户付费率=付费人数/注册人数
(2) 活跃用户付费率
活跃用户付费率=付费人数/活跃用户人数
3、GMV （成交金额）
GMV (Gross Merchandise Volume)，即成交金额。这个指标常用在电商行业，是用来衡量电商企业综合实力的核心指标。
GMV=真实成交金额+未付款订单金额+拒收订单金额+退货订单金额。简而言之就是GMV为已付款订单与未付款订单两者之和。
4、LTV （用户终身价值）
LTV(Life Time Value)，为用户生命周期价值。一般常用指标为3日、5日、7日、30日、60日、90日LTV。常用来衡量用户从开始使用到不再使用产品的整个生命周期内，为企业贡献了多少收入。
它的计算方式由两部分组成：LTV=LTxARPU，LT为用户生命周期，ARPU为每用户平均收入。
数据分析不仅仅是摆数据，同时深度的结论也非常重要。空有数据，没有结论，对于决策者而言并没有什么明确的用处。那么，面对一堆数据，我们该如何分析得出深度的结论，从而驱动决策？
数据的获取渠道有很多种方式，接下来分享几个我在工作中经常使用的方法。
注意：同一关键词，不同平台的搜索结果可能存在一定差异
平时的工作中，我们不能仅仅是沉浸在自己的世界，需要加强与其他同事之间的沟通交流。通过与用户运营、数据分析师的交流，可以了解到最新的数据情况，时刻保持敏感度。
如果公司没有专门的数据分析师，也可以从客服人员下手，他们无疑是与客户打交道最直接的人了，他们对于用户的痛点会更及时感知。可以通过询问客服人员，更好的了解用户的痛点需求，辅助我们设计方案的执行。
我们可以通过多种方式了解用户对于产品的反馈，比如说Feedback用户反馈，Twitter、Facebook等社交媒体，以及Google Play应用商店评论等。
针对想要查看相关数据的模块内容，提交关键数据指标给到数据分析师、开发等，从而进行一个定制化的内容获取。
注意：说到这里就不得不提到数据埋点，有一个需要我们注意的地方，那就是在进行埋点时，一定要在设计阶段就提前告知开发以及数据分析师，做好沟通工作，针对需要的数据进行埋点处理。
在需求评审前，设计师可以提前了解相关数据，帮助我们对于设计层面有个更深刻的理解。在评审过程中，通过沟通碰撞了解到更多的数据，也能依据之前项目的数据资料作为参考，辅助本次设计优化。
在一些大的项目上线一段时间后需要进行数据反馈，大家针对结果做一个项目复盘，开展相关会议。在这结果之外，我们还需要关注是否产生了新问题以及是否有新的机会发掘点。在复盘之后，针对知识点进行共享，设计师可以通过这种方式了解更多信息，方便后期迭代。
数据的呈现往往告诉我们已经发生了什么，但它没有告诉我们将会发生什么。我们应该利用数据，从历史中吸取教训，也可以依据过去的趋势预测未来，甚至可能是非常准确的预测。我们需要对数据有一个理性的判断，进行甄别。
什么是虚荣数据？如果空有一个数据，尽管该数字看起来很美，却无法依靠该数据去进行设计驱动以及提供具体价值，那么该数据就是一个虚荣数据，毫无意义。
以下几个指标则是常见的虚荣数据，我们需要引起注意。
1、点击量
无论什么网站，只要页面上存在的可点击区域多，那么该页面的整体点击量数字必然都比较高。相比之下，我们更应该关注的是点击人数，而不是点击次数。100个用户每人点击1次，与1个人点击100次，后续带来的结果是必然不同的。
2、下载量
下载量的多少有时候会影响产品在应用商店中的排名，但是这个数据指标并不能带来实际价值。反观下载之后的注册转化率、付费转化率等等才是我们关注的重点。
3、用户数
用户数量越大，这个产品听起来似乎就越成功。但是产品的成功与否，并不仅仅取决于这一个数字，而是与之相关的一系列指标。
比如说A、B两款产品的用户量分别为100万以及50万，用户活跃度分别为1%与30%，其他都是沉默用户，那么就一定能说A产品要比B产品好吗？
用户数量再大，没有体现出对应的价值，那么就是虚拟数据。我们不能被这些虚拟数字所欺骗，还沾沾自喜。
4、停留时长
用户的停留时间越长就说明这个产品越好吗？真的是由于产品的用户体验做的足够好而让用户产生了沉浸式的体验从而一直停留吗？
用户的停留时长并不是越长越好，这个指标也无法直观反映用户对产品的粘性。我们更应该结合完成度、内容跳出率等数据进行综合判断。
数据分析过程中，也会存在很多异常数据，需要从多个角度看待数据，一般来说，产品的部分数据指标存在固定的波动周期，当某项数据指标突然不符合常规波动变化的时候，我们就需要去进行深入的研究，挖掘异常背后的原因。
1、幸存者偏差
幸存者偏差是数据分析中常见的逻辑错误，那么简单来说是什么意思呢？
通过以上几个例子，想必大家对于幸存者偏差都有一定的理解了吧。所谓幸存者偏差，即我们在进行统计的时候忽略了样本的随机性与全面性，用局部样本代替总体样本。归根到底这就是由于获取信息知识的不全导致的认知偏差。这启示我们在查看数据的时候，不能只看显而易见的信息，同时还要找出沉默信息。否则，一定会存在着巨大偏差。
2、数据样本不够
在进行数据提取的过程中，除了需要注意上面所描述的样本选择问题上，还需保证足够多的样本数量来进行支撑。按照常规定律来说，数据样本达到一定的数量程度，才能展示出相对真实的规律。
例：比如说我们在产品中新增了一个功能，但是由于预算、人力资源等原因在前期的推广宣传阶段并没有多少曝光，只有一部分老用户知道，这就说明这个功能很失败，没有存在的意义吗？答案未必是这样。
所以在进行数据提取时，我们就需要尽可能的保证有足够多的样本数据，这样才能保证最终输出的数据结果是最客观的。
3、存在脏数据
脏数据，也被称为坏数据，常常是指不合理、对于业务毫无用处的数据。
脏数据产生的原因有多种，数据统计过程中可能是由于输入了多余空格、重复插入多余数据等等。在前期数据收集分析阶段，例如问卷调查，往往会存在很多无意义的问卷，为了保证问卷的准确性，可以通过设置分支题目、陷阱题目等等方式来进一步筛选问卷，做好对脏数据的防控与清洗。
接下来给大家分享几个平时工作中常用的数据分析方法，包括以下几种：漏斗分析法、矩阵分析法、对比分析法。
漏斗分析法是数据分析过程中非常重要的一种分析模型，能够科学的反映用户行为状态以及从起点到终点各阶段之间的用户转化情况。
常用的指标包含转化率与流失率。通过层层的分析，观察流程中是否存在提高转化率的机会点，挖掘设计。(后面会结合实际项目为例进行详细阐述，这里就不做过多讲解)
所谓的对比分析，就是给孤零零的数据一个合理的参考，否则这种数据是没有意义的。在利用对比分析法进行数据分析时，需要关注两个方面内容：对比对象与对比维度。
在产品迭代测试的过程中，为了增强说服力，择决出最佳方案，往往会采用对比分析，也就是常说的A/B Test。A/B Test最核心的思想是要保证单一变量，其他条件保证相同。回到设计本身，一般来说每个方案应该大体上相同，只是某一个地方有所不同，比如某处文案、颜色、图标等。然后针对不同的用户展示不同方案，统计并对比不同方案的转化率、留存率等指标，从而确定最优方案。
矩阵分析法常常是通过两个指标的交叉，利用分析矩阵划分为四个象限，找出问题的优先级。
例：如下图所示，为某个运营活动点击的四象限分布情况。X轴自左向右，Y轴自下而上，分别代表了从低到高。
通过矩阵分析的方式，我们可以快速定位当前最值得的MVP优化方式，指引我们在复杂的数据中正确前行。
作为一名设计师，在了解了数据基础的内容后，就需要掌握通过数据驱动设计最关键的内容，接下来我将通过用户、行为、业务三个角度来给大家分享几个不错的设计案例。
通过上面的分析，我们了解到用户数据涉及到两个方面，用户的基础属性数据可以很好的辅助设计，通过数据对用户进行分层，例如性别、年龄、地域，这些都是常见的用户基础属性；
除此之外，与用户相关并关联产品的重要数据还包括新增用户、用户活跃度、用户留存率、用户流失率等数据，我们可以通过这些数据的表现挖掘背后的原因，进而通过设计手法深入优化促进用户数据增长，形成闭环。简单分享以下几个方法。
关于产品拉新，并不只是产品上线后需要考虑的事情，在产品设计的每一环节中，都是需要去进行考虑的。产品拉新可以通过邀请码、新手福利、邀请好友等几个方面进行。
1、邀请码
邀请码通常是由企业发放，优先发放给种子用户，然后通过种子用户的社交圈去进行扩散，进而吸引更多的用户参与进来。
前段时间爆火的一款国外音频社交软件Clubhouse，便是利用了这种方式进行扩散传播。与Facebook、Instagram、Twitter等社交软件有所区别，Clubhouse并没有对全部用户开放，而是需要得到其他用户发出的邀请码验证后才能进行使用。邀请码的稀缺性将Clubhouse的热度炒得越来越高，使得参与其中的用户能产生一种自我满足感，同时这种模式大大保证了音频内容的质量。
2、新手福利
一些产品针对未注册或者未使用过产品的新用户，会发放专属福利，促进用户转化。
新手福利通常是以开屏页、Banner、弹窗、活动页、新手任务等形式进行领取，随着市场环境的紧张，获客成本越来越高，新手福利的成本的也在逐渐增加。
3、邀请好友
针对注册或使用过产品的用户而言，通过发掘他们自身的社交圈子，促使老用户自觉邀请新用户，提升产品的用户数量增长。
邀请好友有以下两个常见方式：
(1) 增加分享入口
老用户可通过点击分享图标的形式直接分享给相应的好友。比如说，网易云音乐这款产品，用户可以邀请好友一同在线听歌，或者是单独分享给特定的人。这种方式主要是利用了人的分享和展示心理。
(2) 福利刺激
平台发放一定的优惠券、奖励等给到用户，新老用户都可以通过这种方式获得对应的奖励。这种方式主要是利用了人的获利心理。
活跃运营可以提升沉默用户的活跃度，对于产品的发展有着非常重要的作用，常常通过一系列的方式来进行布局。
1、用户积分体系
积分体系如果运用的好，那么对于增加用户粘性以及提升活跃度是非常有帮助的。这个积分体系是否能够吸引到用户，就在于积分所兑换的产品是否有足够价值。
比如说常见的外卖平台——饿了么的积分体系，其核心就是围绕下单行为而展开，下单之后返还吃货豆，吃货豆可兑换红包，红包再次消费抵扣。整个操作流程，围绕用户的核心行为构建奖励并形成闭环。
2、签到
很多产品都设置了签到功能，希望借此方式提升用户粘性。这一功能的常见名称为“签到”“打卡”，或者根据运营活动的场景来进行命名，比如说蚂蚁庄园、新浪种树等。
一种良好的签到模式对于用户习惯的培养是有着积极的正向作用的，但是关于在产品中是否增加该功能，也是要根据自身的产品特性去进行更细致的考量。
签到的方式主要有自动签到与手动签到这两种。
（1）自动签到
登录自动签到的方式常见于游戏类应用中，比如说王者荣耀这款产品，用户打开即以弹窗形式告知用户，领取相应的奖励。
（2）手动签到
用户点击签到入口，即可完成签到。相比自动签到而言，这种签到方式应用范围更加广泛。
3、社区
现如今越来越多的产品开始打造自己的社区，比如说淘宝的逛逛，咸鱼的会玩等等。为什么社区功能越来越普遍呢？社区的存在，可以让用户在产品有一个属于自己的社交圈子，这样有助于用户产生粘性，从而提升产品活跃度。
例：Keep通过打造高品质的UGC内容社区，满足新老用户的价值需求。顶部Tab分为关注、精选、圈子三个模块。关注一栏方便用户快速查看自己感兴趣的人，满足社交需求。精选一栏承载了KOL与内容生产者的分享内容、用户社交留存功能。圈子一栏更好的满足用户想要一群人打卡的情感诉求。
留存的本质是要满足用户的核心需求，只有满足了这个条件后用户才会持续使用。它应该贯穿于整个用户生命周期，而不仅仅是局限于其中某一个节点。好了，废话不多说，直接上例子。
1、流畅的首次体验
用户首次使用该产品时是否顺畅，能否在第一时间找到自己所需要的内容，很大程度上会影响用户后续的留存情况。
比如说现如今很多产品为了降低用户的登录注册成本，通过手机号一键注册即可实现快速登录。若未注册过，在登录时系统会自动判断并为其创建账号。这种方式极大的降低了用户记忆成本，同时还有安全性的保障。
2、降低学习成本
通常来说一款产品的学习成本越高，用户理解起来就越困难，那么用户长期留在该平台的概率就会降低，故而我们应该通过一些设计手法去降低用户的学习成本。
例如一些金融产品，其晦涩难懂的专业知识对于新手小白来说真的是非常困难，基本的认知都存在困难的前提下，更别说指望用户转化了。基于此背景，新手引导提示、新手教学视频、在线客服服务、模拟交易等等方案，都会极大的降低用户理解成本，为后续用户的下单转化提供有力的帮助。
3、迁移成本
何为用户迁移成本？用户选择新产品的行为需承担的代价。随着迁移成本的增加，用户长期使用该产品的概率也会相应增加。
例如有道云笔记这款产品，用户在该平台创作了大量的内容后，就很有可能会长期留在该平台，因为重新换平台的成本着实有点高。
挽留机制是留住用户、促进用户转化的最后一道程序。
常见的挽留机制有以下几种形式：
1、提供解决方案
当淘宝用户在进行退款时，若原因是地址填写错误，那么页面会自动出现弹窗提醒用户修改即可，避免用户取消订单，从而降低退款率。
2、利益刺激
当用户退出购买页面关键节点时，会以弹窗形式进行挽留。
例：知乎会员购买页面退出时，系统会自动出现二次确认弹窗，将价值点信息以动效形式展示在视觉中心，并对支付按钮进行突出设计，吸引用户注意，再次挽留。
例:拼多多的二次挽留同样以弹窗形式展示，突出利益点，同时有时间维度，使得用户产生紧迫感，刺激用户下单。
3、操作警告
操作警告类的文案二次提示，可以让用户对当前行为有更清楚的认知，并仔细思考。用户会考虑到一些时间成本、花费精力等因素，可能会取消放弃的念头。
例：全民K歌这款应用，用户想要删除之前发布过的创作内容，点击删除之后，会出现二次警示确认弹窗，对用户的行为进行一个挽留。就算最终用户删除了创造内容，还可以在最新删除列表中恢复。这样既可以避免用户误操作引起的后果，还能最大程度的保护创作内容的多样化存在。
行为数据描述用户使用方式，虽然与用户相关，但更加关注的是使用的流程、方式与产品体验，其中重点关注的数据包含点击率、转化率、访问分析等。
深入分析用户的访问数据，模拟行为场景，更好的把握用户当下的心理，从用户角度出发去设计。下面，我将以一个工作中的实际项目为例，详细阐述如何从设计侧推动项目迭代。
例如我们接到一个需求，需要进行注册流程的优化，提升这一模块的转化率。很多时候，我们往往会陷于视觉层面进行调整，但这并不能从根本上解决问题。我们需要静下心来仔细思考，真正找到这个需求背后的目的以及当前存在的问题。
那么我们可以怎样去进行呢？首先，为了对用户行为有更直观的理解与感受，可以利用用户体验地图的形式将用户行为场景复现，通过对用户的情绪曲线、想法的剖析，从中找到合适的机会点，为后续设计的迭代优化提供一定思路。
通过对用户的旅程进行分析，可以发现在不同关键阶段中所对应的数据指标也不同。因此在设计的过程中可以针对不同的行为场景，制定对应的数据优化目标，从而提升整体的产品价值。
用户的行为是决策的重要因素，了解用户的行为和意图后，会发现大部分用户的行为与设计会存在很大的偏差，所以需要更多关注用户的行为数据，揣摩用户行为下的真实心理与诉求，才能做出用户满意的产品。
紧接着上面的案例，咱们继续通过漏斗模型进行深入分析，优化用户在登录注册路径上的体验，提升转化率。
原有的登录流程转化率如下图所示
1、快速定位问题环节
通过数据反馈，发现从注册页面到点击注册按钮这页面之间存在较高的流失率，其次再是安全验证页面。我们需要对这一流程中的关键节点进行梳理，同时将主要的精力聚焦于该模块的优化。针对流失率较高的主要页面进行着重设计。
2、分析问题
通过数据分析可知，用户很大一部分都在点击注册按钮这一页面流失掉了，当前页面的停留时长较长，那么我们是否可以缩短停留时长，帮助用户快速注册呢?该怎样设计才能提高用户的操作效率呢？
3、方案输出
通过聚焦问题后，发现最终我们的落脚点应该在如何提升用户的操作效率，帮助用户快速完成注册。
针对此设计目标，运用竞品分析、用户体验地图等方式对于该模块进行了思维拓展。提出了一些可行性方案，比如在输入邮箱时增加常用高频邮箱格式后缀，减少用户手动输入的步骤；比如增加用户输入错误之后的快捷删除图标，方便用户一键操作.....等等（详细的可见之前项目复盘）。
4、数据验证
在设计上线一段时期后，查看数据情况。
经过一段时间的验证，漏斗模型的数据转化有了很大提升。再次验证，此次改版方案较为成功。
以上案例大致展示了工作中如何运用数据驱动设计的常规流程与方法。从整体漏斗分析原因，定位关键问题节点，进而推动问题环节的优化，最终解决问题。
数据会给到我们一定的指导作用,我们需要对数据进行深入思考,从设计的层面去赋能业务。从宏观的角度去看待业务价值的增长点,寻找设计机会。那么我们该如何通过设计手段提升业务价值呢?产品价值的实现离不开用户,从用户的角度进行拆解分析,可以更好的洞察到机会点。
例如我们需要提升会员模块的开卡率,该怎么进行落地执行呢?
我们将用户的行为路径划分为感知——决策——行动——传播这几个主要阶段,通过体验地图,深挖可优化的空间。
通过流程的梳理，将目标进行拆解，我们可以从中找到一些值得优化的地方。
有明确的设计目标之后,我们就需要针对每一节点进行针对性的设计。
1、感知阶段-用户触达
当前会员购买的入口隐藏的过深，很多用户都对该模块的存在缺少认知。要想会员卡的购买率有所提升，最基本的举措就是要加大对其宣传力度。因此，我们需要增强用户感知。常见的形式有Push推送、邮件、短信等等，吸引用户去查看相关的内容，并引导后续转化。
我们需要提升关于会员内容的用户感知，就可以尝试在首页增加会员入口。宣传的形式可以采用Banner图，方便用户直接点击就可进入了解详情。另外，产品页面还可增加气泡文案引导，底部悬浮弹窗等等，增强用户的感知。
有一个需要特别注意的地方，就是在进行宣传引导时，一定要考虑到产品自身的属性，进行差异化设计。比如说海外产品的用户一般都很讨厌广告,那么我们在进行设计的时候就要做到克制。在满足运营需求的前提下，尽量减少对用户造成不好的体验。
2、决策阶段-价值触达
用户受吸引来查看会员相关内容时，我们需要对会员的价值进行一个高效快捷的输出传递。只有让用户在该阶段感受到价值大于价格，才会有后续的购买行动。在会员权益模块，需要根据用户的状态进行区分，针对化展示。人群大致划分为普通用户、会员与过期会员。
我们可以通过一些设计手法，强化用户的价值触达感知。
（1）文案刺激。告诉用户办会员卡一年预计能省下多少钱。
（2）增加计算器功能，让用户根据自己的习惯输入预计交易额，更智能的感知优惠。
（3）向用户发放一定的优惠券，并增加倒计时，出于沉没成本，用户转化的几率很有可能会增加。
（4）人数比例展示，利用人的从众心理，促进购买。
3、行动阶段-购买转化
到了行动阶段，用户的整体购买流程是否高效、是否顺畅则成了我们需要关注的重点。我们在现阶段的设计策略，可通过以下方式进行展开：
（1)避免用户过多选择
原有的会员页面将三种会员模式全都展示出来让用户自己选择，对于很多新手来说这无疑是非常困难的，会员的购买率也比较低。更新后，我们将会员的价值点简单的罗列出来，让用户可以直观的了解会员卡的优势，同时会员卡按照时间周期与价格划分为3个不同的层级，针对平台主推的年卡，增加标签，强化感知。
（2)减少页面跳转
用户在进行购买时，无需跳转页面，只需在当前页面操作即可。悬浮收银台的形式，可以避免用户在跳转页面之间可能带来的数据流失，最大化的保障用户购买行为的完成。
4、分享阶段-持续正向裂变
用户完成分享即可获得相对的奖励，被分享的新用户再进入产品进行体验，即可获得新用户奖励。在进行分享的操作中，有以下优化方向。
(1) 增加分享引导
可以通过文案引导、运营位的形式进行宣传，吸引用户进行分享操作。
(2) 优化分享体验
增加分享的渠道，引入常用的Twitter、Facebook、Telegram等社交平台；
增加用户分享图的制作，为用户提供更多的选择空间。
数据驱动是一项长期的工作，需要去不断的跟踪、反馈，通过不断的数据驱动，才能推动设计的更优发展。在日常的工作中，我们需要对数据保持敏感，从这些数据背后找出真正的原因，并进行针对性的优化。设计师了解一定的数据知识，可以更好的辅助我们进行设计产出，使得我们的方案更有说服度。
感谢阅读，以上就是我要分享的如何利用数据驱动设计的全部内容。
文章来源：站酷 作者：甜西瓜汁
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
设计师不仅仅只是个画图仔，而更应该懂得用户心理学，明白用户行为背后的动机。利用这几个用户心理学，我们将可以促使用户更快的做出决策。
一、损失规避
人们获得损失时产生的痛苦远大于获得收益时所带来的快乐！心理学家把这种对损失更加敏感的底层心里状态叫做损失规避。
其实简单来说就是，相比于得到，你更在意失去。
举个例子：你今天在上班的路上捡到100元钱，心里很高兴。可是一不小心把钱弄丢了，那么你就会很沮丧了，甚至一天的心情都会很不好，虽然说这钱本来就不属于你的。
我们可以用损失规避系数来描述人们对不同东西损失规避的程度。对于一般的消费品，损失规避系数大概是2，也就是说，人们需要得到2倍于原先的价格才肯放弃已经拥有的商品。
损失规避系数因不同的事物而不同，如果涉及到情感等方面的因素，损失规避系数就会大大上升，一旦涉及到健康和生命等问题，损失规避系数就成百上千地增长了。这就解释了在商场买衣服你会跟销售员讨价还价，但在医院你绝对不敢跟医生讨价还价。
我们习惯于自然地规避风险，因而更加辛苦地工作只为避免一些微不足道的损失，而不愿冒险去争取更大的回报。规避损失是人的本性。这也解释了为什么大多数人只能上班，而创业者始终只是极少数。
那么，有哪些利用了损失规避心理的案例？
a.强调“失去”，而非“得到”
因为人的心理对损失更在意，因此要告诉用户如果不买，会受到什么样的损失。
对比以下两个文案：
达芬奇画作世界巡展，邀请来感受世界传世名画的魅力。
达芬奇画作世界巡展，如果不来，你将失去一生中唯一一次和世界传世名画邂逅的机会。
你觉得哪种方式更吸引你？
b.天猫双11红包
每年的双11活动，天猫都会提前给你发一堆的红包，虽然数额不大。但规定只能在双11当天使用。这时你就会心甘情愿的在当天剁手，因为如果你不买，就会白白浪费掉这些红包。而人的心理对损失是很抗拒的。
c.以旧换新
京东家电类目有个以旧换新的服务，以前我一直搞不明白这样做的目的何在？现在才知道，原来这也是利用了人的损失规避心理。
消费者想买新电器，但是家里已经有一个，直接丢掉会感觉浪费。那商家搞以旧换新，用旧家电抵扣一部分钱，这比直接给打折优惠，对消费者来说更有诱惑力。因为你收购了客户的二手电器，让他感觉自己的旧家电没有白白浪费了。
二、锚定效应
所谓“锚定效应”是指人们在做决定或下判断前，容易受到之前的信息影响，该信息犹如一个沉重的锚，沉到了海底，让你的思维以该信息为基准，在它的一定范围内做判断。
简单来说，就是当你在作决策之前，需要一个参考，货比多家。比如：你去菜市场买菜，你第一次买这个菜，你根本就不知道这个价格是否合理，这时候你不好决定是否买，你就会去多问几家。从而内心会形成对这个菜的价格锚定。
生活中锚定效应无处不在：
在线下超市我们会经常看到商品建议零售价100元，而实际售价78元。各大电商平台也采用了这种价格的对比效果，加快用户的决策。
在线下的服装店商家非常喜欢开一个天价然后等你还价，开价150元，到最后居然能还到50元，这水分……
你去婚纱摄影店咨询，开始销售员会给一个比较高的价格，然后后面会自主动给你减掉一千，这样很容易让消费都产生购买的冲动。
你去电脑城买电脑，当你买完电脑后，这时销售员给你推荐电脑保护套，你很容易会购买，因为你会想这么贵的电脑都买了， 这几十块钱的保护套自然就不在话下了。但如果直接叫你买保护套的话，你就没那么容易产生购买行为。
还有奶茶店价格菜单也是经过设计的，通常会采用降序排列，这种排列方式更有利于顾客购买。因为用户看到的第一个贵的价格会形成锚，往下价格越便宜，消费者更容易决策。
三、羊群效应
在一群羊前面横放一根木棍，第一只羊跳了过去，第二只、第三只也会跟着跳过去，这时候，如果把那根木棍撤走，尽管拦路的棍子已经不在了，后面的羊，走到这里，仍然会像前面的羊一样，向上跳一下。这样的群体盲目跟从就是所谓的“羊群效应”，也称为“从众心理”
这些动物的行为看起来愚蠢搞笑，可是看看我们自己，又何尝不是如此呢？从众是一种普遍的社会心理和行为现象，在很多情况下，人们都会表现出人云亦云的特征。
“羊群效应”是由个人理性行为导致的集体的非理性行为。由于信息的不对称，人们并不能得到做出判断所需的全部信息，那么在无法作出准确的判断时，其他人的选择自然就是最合理的参照。这并非全无道理的，因为很多情况下，多数人的做法往往都是正确的，参考他们的做法可以最大限度的降低个人的决策风险。这也是群体盲目背后的根本原因。
但是，凡事有利就有弊。跟随大众的做法，有时候很容易被误导。比如谣言的传播就是个最大的反例。
我想以下场景你一定不会陌生，在一个广场上，有商家正在进行着某种商品的促销活动，人们随着广播的声音慢慢凑了过去，到后来简直到了里三层外三层的地步。但就在这个时候，经过的人反而有了更大的兴致，越是后来的人越是想挤到人群中去，甚至他并不知道里面究竟是在进行什么活动。这是典型的“羊群效应”。
经常网购用户都明白，我们很容易受到商品销量的影响，我们的潜意识里会认为销量越好，商品质量越好，因此会倾向于选择销量高的商品。
羊群效应还表现在对权威的顺从，人们决策时所盲从的对象由大多数平常人变成了某一个具有一定权威性的人。
人们在做出某种选择都是在追求安全感，降低风险，而跟随权威人士给出的意见和建议，会让人们安全感倍增。权威之所以称为权威，就是因为在某个领域他们是最专业的。因此人们更愿意相信权威人士的意见，甚至愿意改变自己的选择去迎合权威的意见。
在设计工作中，尝试借用权威的号召力，达到对用户消费决策的影响。经常逛淘宝的人就知道，很多商家在商品详情页为了证明产品质量合格，经常会提供某权威机构的检测认证，或借助某个明星的推荐。因而会对其观点或者意见表现得非常顺从。
四、稀缺效应
在消费心理学的研究中，研究者把人们由于商品稀缺而引起的购买行为现象，称之为“稀缺效应”。
“稀缺效应”在我们的日常生活中太常见了，比如在线下逛商场时，经常可以看到商家喜欢用“一次性大甩卖”、“限量100件”等广告语来引诱顾客，以吸引顾客进店购买。这些广告语会给顾客造成这各种假象：如果现在不买下次再也没有这样难得的机会了。
俗话说，物以稀为贵，人们对于稀缺物品会表现出强烈的占有欲望，这在人们的心理需求层次中，属于较高的层次。越是不容易得到的东西，人们越倾向于得到，以此实现在精神层面上的价值满足。
在这种心理因素的驱使下，人们对于供不应求的东西，总是会给予特别的关注，同时也愿意支付更高的代价。某种商品一旦限量供应，那么其本身也就具备了稀缺的属性。
限量供应的销售原则，也吊足了顾客的胃口，很多顾客完全落入稀缺效应的心理战术之中，即便当天买不到，第二天也必定会早早前来购买。
比如天猫惯用的抢红包伎俩，吸引了一波又一波的少女们去疯狂的抢，它会设定在某一个时间点，限量提供一些红包，如果没有抢到。那么用户第二天还会来抢的，这就提高了用户的粘性。
五、紧迫感
为了加快用户下单的决策时间，我们需要给给用户造成一种紧迫感的氛围，告诉客户剩余的时间不多了。如果不立即行动，将错过这次优惠活动。他们常使用一个很显眼的倒计时，时时刻刻在提醒用户所剩的时间已经不多了，再不剁手就没机会了！天猫双11活动就是利用了这样的用户心理成功让广大女同胞们不知不觉中剁手了。
稀缺性与紧迫感可以结合着使用，你要明明白白的告诉用户，如果错过了就会损失什么。如果立即行动，可以获得什么好处。两者之间强烈地对比可以吸引用户立即购买。
比如“今天下单可以立减500元！” “错过今天，你要多付出500元，而且没有赠品”等等。
如果没有制造稀缺性和紧迫感，用户就会拖延，犹豫甚至放弃购买。客户会认为再过一天来买也是可以的。这时你需要斩钉截铁地告诉用户，产品、赠品、特价是有限的。
比如：“产品仅限10件啦，再不买就错过了！”，“赠品只有30件，刚才张三又抢走了一件，马上就抢光了！”，“特价产品只剩25件啦，卖完这25件就恢复原价。”通过人为的制造稀缺性与客户哄抢的气势，促使客户做出立即购买的决定，从而提升转化率。
文章来源：站酷 作者：CdzhcHappy
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
蓝蓝设计的小编 http://www.lanlanwork.com