作为产品设计者，经常遇到一个备受灵魂拷问的问题：怎么衡量我们设计的产品，用户体验是过关的？
今年，我们在内部中后台产品进行尝试，发现「易用度」可以作为合适的度量指标，并成功推广到 35 个产品，帮助PD、设计师、工程师等产品设计者去衡量产品体验现状，发现改进机会点。实践证明，易用度，相比满意度、尖叫度、NPS，更适合技术类产品的体验度量。结合用户行为数据，可以为用户画像、改进方向、运营策略提供更准确的决策依据。
在掌握了这些信息之后，我们在内部的技术类产品上，进行了一轮新的探索。经过半年时间的试点，结合业界的解决方案、内部产品的业务特性，我们最终选择主观衡量法，并使用「易用度」这个衡量指标。
为什么易用度相比其他指标更适合技术类产品呢？主要有 3 个原因：
结合行为数据，易用度可以进行描述、分类。使用现状描述找出低分人群的高频问题，使用对比差异找到多角色的不同诉求，分析影响关系找到影响易用度的主要因素，结合用户行为数据进行聚类找到典型人群。
文章来源：站酷 作者：Ant_Design
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
前言
设计的思考不仅要注重表象层面，也需要围绕信息传达这一设计的本质功能，以充满自省的精神深化和反思自己的设计意识，即做到“好看、好用”。在设计过程中，要站在公司的利益上，懂用户所想，在每一个关键点都要带给用户意想不到的惊喜，这些往往都是通过细节体现出来的。
2021 | 第01篇分享目录（001~015）
001.「夸克浏览器」首个页面-我的地盘我做主
002.「百度」为什么把返回按钮放在了左下角？
003.「优酷」弹幕中毫不违和感的广告推送
004.「QQ」发送图片-便捷的交互路径
005.「美团」减少一步操作、提升一级体验
006.「京东」搜索框-触发用户转化动机的占位符
007.「腾讯视频」付费片-试看6分钟的激进小心思
008.「高德地图」模拟现实事物运行规律的微交互
009.「网易云音乐」定制您的专属首页
010.「夸克浏览器」关键词-提前预知用户的需求
011.「快手」刚刚看多-贴心的用户提醒
012.「腾讯视频」VIP栏目-免费营销策略转化用户
013.「支付宝」城市天气-不仅仅是天气预报
014.「躺平」趣味化的下拉刷新样式
015.「滴滴打车」添加途经点-解决位置不统一的情况
001.「夸克浏览器」首个页面-我的地盘我做主
产品体验：
进入夸克浏览器的首个页面，除此必要的元素之外，看到的是一片纯净之美。长按搜索框下方的空白区域，点击“+”号，可根据用户自己的喜好从弹窗中将想要的站点入口添加到搜索页，便于快捷访问。
设计思考：
UC浏览器可能不是每个移动端用户都知道，但绝对是一方霸主，夸克与UC本是一家。昨天在网上看到一个帖子说“自从用了夸克之后就把别的浏览器全部删掉了，没有天气挂件、没有新闻推送、没有购物频道、没有游戏插件、没有精准广告、就是最原始的上网工具，仿佛在这看到了当年的塞班时代一心一意做用户体验的影子”。迄今为止，没有任何一个应用可以满足所有用户的需求，UC浏览器也是如此，夸克可以将那些视UC为粪土的用户给揽过来，表面上看似抢夺用户，实则是风险对冲，当一个出了问题不是还有另一个么？用户不管是在夸克还是UC，其实都在自家，一个独善其身，一个兼济天下。
用过手机浏览器的人都知道，在资讯爆炸的今天，夸克的画面干净得令人难以置信。在干净的同时，并非是缺少这些站点模块，而是放在了暗处，用户可以根据自己的喜好将站点咨询模块调用出来，自定义空白区域，寓意用户“自己的地盘自己做主”。众所周知，大多数浏览器都有站点推荐的功能，不过该功能都是给相应网站打广告的，内容沉杂，尤其是一些强制性的内容让用户产生了逆反心理，而夸克精选中的网站，则是一些价值很高的优秀站点，并非广告业务，这点可以从致用户的一封信和网站类型得出。这也是夸克被誉为最纯净浏览器的原因之一，不管是APP内容还是用户体验、易用性方面都能提升用户的忠诚度，深得广大用户喜爱。
002.「百度」为什么把返回按按钮放在了左下角？
产品体验：
进入百度APP，页面中80%以上的返回操作入口都放置在左下角，单手操作手机的用户触手可及。
设计思考：
Android智能设备的返回入口其实一直都在屏幕下方，只不过是根据品牌的不同，左右位置不同而已。根据后来大屏手机的普及，为了节约空间资源，使屏幕最大化的被使用，把原先硬件上的部分操作入口给隐藏了，但一直都存在。设计师都知道，iOS与Android的设计规范存在着差异化，比如返回入口就一直在左上角，虽然也有右滑返回的交互手势，但毕竟是隐藏的，而且对于部分页面的左右滑动，只能对tab导航起到作用，基于目前的趋势，手机的屏幕越来越大，单手操作的灵活性就成了难点。
百度APP的大部分页面则是把返回按钮直接从左上角搬到了左下角，被较为激进的用户称为反人类的设计，其实并非如此。大屏幕尺寸已经是趋势，屏幕大意味着内容可以更大限度地得到展示，将返回按钮放在左下角能有效的解决的用户单手操作大屏幕手机操作的难点，更易于操作，提升便捷性。更有效的防止用户因操作困难而导致手机滑落（碎屏），增加安全系数。
003.「优酷」弹幕中毫不违和感的广告推送
产品体验：
在优酷观看视频打开弹幕后，每隔几分钟，系统会推送一条广告穿插在弹幕的内容中，点击可进入对应的页面。
设计思考：
在互联网产品中，花样广告的出场方式屡见不鲜，比如在看视频、看书之前/过程中，总是被突入起来的的广告打断，用户虽然很烦但别无选择，毕竟没有一款真正的既免费又免广告还很牛B的产品无偿提供给用户使用，即便用户觉得自己没有认真看过这些广告，但是只要它们在用户面前完成了播放，哪怕只是听到了，那就完成了品牌意识 的输出这个过程，可能会无形中就知道了这个品牌的存在和定位，在未来的某个场景中，用户会默许和遵从这个品牌的输出方式，乃至消费。广告作为企业盈利的一种方式，不可避免，只会在尽可能减少用户反感或抗拒的情况下自然出现。
优酷APP用了一种较为新奇的方式植入广告，基于很多用户在看视频时都有开弹幕的习惯，直接将广告穿插在了弹幕区域，每间隔几分钟就会推送一条，跟随弹幕一起流动，毫无违和感。虽然广告植入会引起用户的反感，但以弹幕的方式出现，并未占用额外空间及打扰用户观看视频，很大程度上降低了对用户的打扰及观看视频的沉浸体验，增加了用户对广告的接受程度，如果对某个广告感兴趣，点击后面的入口即可直接跳转对应的内容页面。
004.「QQ」发送图片-便捷的交互路径
产品体验：
在QQ聊天对话框，点击工具栏的图片入口调出相册，按住想要发送的图片并往上拖动，松手即可发送。
设计思考：
我们下载到手机的APP，大部分在首次打开时都会弹出一系列的系统权限，比如相册、相机、位置、网络...等，社交类型的更是不必多说，基于应用本身的性质，相册、相机及通讯录类型的权限都是必备开启状态，以便于在使用过程中的图片、视频交流。
QQ开启相册权限后在用户体验上更是举一反三，用户在聊天过程中如果有使用图片的需求，点击后，系统会将手机最近保存的50张图片，按照时间的先后顺序以完整缩略图的方式直接显示在聊天界面的工具栏下方，用户只需按住想要选择的图片并往上拖动，松手即可发送，非常方便，免去了常规的触发跳转页面调取相册的多步骤操作，且有效降低聊天过程中因页面跳转带来的沉浸式的视觉思路阻断，优化了操作路径，提升产品的易用性。
005.「美团」减少一步操作、提升一级体验
产品体验：
在美团订单列表页面，单击其中一个订单从右侧向最左侧滑动，即可出现弹出提示，点击删除完成操作。
设计思考：
删除操作，我们一点也陌生，大部分出现在列表类型的页面。早期智能设备的删除入口基本都是通过右上角编辑或单个内容区域明显的删除图标入口以完成对应的删除需求。后来，也不乏一些应用为了节省页面空间，去掉了明面上的删除入口，通过长按交互操作来完成删除流程，但时至今日，并不广为人知。
美团APP的订单列表，只需将单个内容从右滑至最左侧，从自动出现的弹窗中完成删除操作。其实这种交互方式在目前看来并不新鲜，基本普及了，但关注细节的用户会发现，大部分APP内容的删除，都是在左滑之后调出删除入口，需点击之后才弹出确认框，继而完成删除。美团APP则是在用户有明确删除需求的情况，从右至左大区域滑动并自动触发删除入口，省去点击触发弹窗的操作步骤，正所谓移动界面、体验至上，减少一步操作，就能提升一级体验。
（除了需要对用户的删除操作做出挽留、有营销的多功能隐藏入口外，如无明确需求，建议省略左滑后需要再次点击触发弹窗的这一步操作）
006.「京东」搜索框-触发用户转化动机的占位符
产品体验：
京东搜索框的占位符，会根据用户曾经搜索或查看过的商品关键词进行提示，每2秒钟切换一次，以便提醒用户再次查找之前可能想购买的的商品。
设计思考：
占位符就是在输入框中占住一个固定的位置，然后用户可以根据文案描述或提示语来明确每个表单输入框应当填什么内容，并且能够促进表单输入完成和提高转化率所存在的一个元素。最为常见的就是“请输入xxx”一段提示性质的文案，但如果把占位符的作用仅限于此，那就太浪费资源了。
京东APP搜索框的占位符开启了自动搜索建议机制，不仅展示了平台主推、热门等部分商品的关键词，还通过动态预测用户查询方向，曾经搜索或浏览过的商品关键词会替代占位符给予用户提示。比如用户搜索或购买过狗粮，后续进入APP，系统就以占位符的方式推荐跟小狗相关的商品，比如狗窝、驱虫药、罐头等，虽然不能直接进行搜索，但足以唤醒无目标用户的购物记忆，帮助用户明确购物需求，以便用于迅速作出决策、执行操作，起到提升下单转化的推动作用。
007.「腾讯视频」付费片-试看6分钟的激进小心思
产品体验：
观看腾讯视频付费影片，可免费试看6分钟，时间到了会自动暂停并弹出付费渠道弹窗，付费/放弃观看二选一。
设计思考：
广告和影片付费对视频类型的应用来说，是两个非常重要的盈利渠道。平台除了日常的维护费用外，且不说影片的质量怎么样，单是购买版权就是很大一笔费用，所以收费也是合情合理，用户通常可以通过购买单片或开通平台VIP观看付费影片。使用过腾讯视频的用户都知道，付费影片可以免费试看6分钟，那么为什么不是直接放在付费区域，只对付费用户开放呢？
腾讯视频的试看其实相当于打开用户的潘多拉魔盒，大部分影片6分钟基本已初入剧情，能吊足胃口，激发用户看下去的兴趣，如果用户不喜欢，也有自己选择的权利。通过一小段的试看把付费片的部分价值明确告知用户，用细节不断触达用户心智，达到吸引用户、引导用户转化目的。另外，很多用户都倾向于回报别人的好意，投之以木桃，报之以琼瑶，通过免费时间段的观看，碍于面子心理，也有可能触发用户的付费动机（这个不难理解，比如我们路过某个熟人的水果摊，每次都会叫我们去尝一下，久而久之，即使没有购买需求，碍于面子，多少也会买一点），从而形成转化，为平台带来收益。
008.「高德地图」模拟现实事物运行规律的微交互
产品体验：
高德地图规划路线后，选择出行方式时，用模拟现实事务的微动效图标+文案提示对应的出行方式，直观且趣味的表现方式更有代入感。
设计思考：
我们经常在网上看到这样的问题“高德地图与百度地图到底哪个好用”，准确的说是各有千秋，高德地图用户略多于百度地图，若论起用户使用体验，两家的应用一点都不含糊。在导航软件作为用户出行必备软件之一的今天，不仅仅是认路，更是用户在外吃、喝、玩、乐的一款综合体，其用户体验一直都是企业研究的重点。
使用高德地图选择出行时，出行方式图标以模拟现实事物的运行规律， 利用现有认知，帮助用户轻松掌握界面的使用方式，缩短对出行方式的理解时间， 的降低用户的学习成本。同时图标动效的展现方式，能增加趣味性、以及用户对于界面功能直接操纵的感知，降低操作难度，用情感化方式的表现，提升用户粘性。
009.「网易云音乐」定制您的专属首页
产品体验：
在网易云音乐首页，将页面向上滑至底部，进入自定义排序功能，即可定制用户自己喜欢的专属首页样式以及功能模块的先后顺序。
设计思考：
很多设计团队都深知用户体验至上的道理，但一个应用界面的交互及展现样式不管以何种方式呈现，都不可能满足所有用户的需求，只能在不断追求细节的基础上来满足更多用户。首页自定义在一些部分较为个性化的APP上已经不足为奇了，即根据用户自身的需求，去修改系统、官方提供的页面内容及先后顺序。不过在众多APP的首页自定义功能的认知里，都是对页面的原有功能进行增减及自定义排序。
在网易云音乐APP版本的首页底部也增加了自定义排序功能入口，不同于其他APP页面自定义的是除了能对现有功能进行增减及排序外，还特别定制了三种不同设计样式的呈现以供用户选择，相当于用户随时都可以对首页进行改版。不用的用户都有不同的视觉浏览及操作喜好，比如大卡片、九宫格、操作热区的范围等，网易云音乐通过提供不同的首页样式可以满足更多用户的需求，提供更愉快的使用体验，增强用户的信任感，即多满足一个用户就可能多留住一群用户，降低了用户流失概率。
010.「夸克浏览器」关键词-提前预知用户的需求
产品体验：
使用夸克浏览器搜索相关内容时，系统会自动检索关键词，并将关键词对应的常见内容结果以卡片样式展示给用户，随着关键词的变化，匹配的内容也随之改变。
设计思考：
说到浏览器的作用，想必大家脑海里的第一印象就是搜索，将自己不明白的东西通过搜索引擎从互联网大数据中自动匹配出海量的相关数据链接，提供的信息量非常庞大，包含各色各样的新闻、问答、文章，可以说一应俱全，涵盖一切，其各种浏览器的搜索操作方式大同小异，基本都是通过输入关键词，然后点击搜索出结果。
夸克浏览器在用户搜索的操作（点击搜索之前）过程中，增加了一个细节，即“行为预判”，通过用户输入的关键词，提前预知用户可能想要查找的内容，以简介的方式呈现，给用户提供一个快捷通道，加深用户对此关键词条的认知，快速判断出是否满足自己的需求。系统所匹配的卡片式内容简介是通过数据库长时间的数据分析，提取其中较为共性、常见的内容来反映用户可能出现的兴趣与需求，并合理挖掘使用，通过引导便于用户快速识别并点击，缩短输入时间，还能解决用户对关键词组织不清晰、逻辑不清的用户给与指导，提升产品的易用性。
011.「快手」刚刚看过-贴心的用户提醒
产品体验：
从快手“精选”栏目进入用户主页，在作品列表将所浏览过的视频上标记刚刚看过，避免重复点击观看。
设计思考：
身处移动互联网浪潮之中，我们不难发现，如今的短视频把用户的卷入和参与推向了一个新高度，尤其是生活在大城市高度压力下的年轻用户群。学累了，就想刷个小视频放松下，真以为然后就能集中精力再去学习？其实都是在扯淡，总觉得接下来的某个视频会有种奇异的魔力，一刷就停不下来，就好比在无边无际的海洋中，越喝越渴，别说自身难以碎片化学习，就连老人和小孩都带进来了。抖音和快手作为目前短视频的代表，都有着庞大的用户群，在用户需求基本都能满足的条件下，其战略方向准确的基础上，谁的用户体验最好，谁就是最后的赢家。
快手APP虽然被后来者抖音赶超，但在用户体验上从未含糊过。细心的用户可能会发现，在用户主页的作品列表中，刚刚看过的短视频做作了提醒标记，告知用户少走冤路，避开已看过的短视频，可以避免用户因重复点击观看而浪费时间，且在非WiFi环境下，还能节约用户的数据流量，这个提示算是很贴心了。
012.「腾讯视频」VIP栏目-免费营销策略转化用户
产品体验：
腾讯视频VIP栏目中的电视剧，基本都可以免费看前面的几集，然后根据剧情的发展程度，从免费变成付费，未完结的电视剧还可以通过二次付费进行超前点播。
设计思考：
免费的东西人人都喜欢，古今中外大都如此，免费策略营销也因此有强大的生命力。但互联网应用如若完全免费，不具商业性，可能连基本的日常生活都难以维持。大家都知道，会员付费是影视类应用盈利的一大来源，但用户对付费造成自己财产损失有种天然的抗拒，通常电视剧都提供几集免费观看，然后才硬性要求开通VIP。
视频类应用大都如此，这里以腾讯视频为例。不难发现，付费区不同的电视剧，其免费观看的集数不同，这并不是随意设定，而是根据剧情的发展程度，在某个“高潮”即将迭起的那一集开始收费，通过免费阶段的观看，对用户产生一定的吸引，勾起想要看下去的欲望，从而出现付费动机以促成用户开通VIP。这其中还有一部分互惠原则存在，即给用户免费一部分之后，降低用户付费的心理负担，提高对费用的接受程度，来而不往非礼也。针对未完结的电视剧，如果热度较高，在用户的观看欲望高涨之际抓住机会点，通过二次付费提供超前点播，用户也随之接受。不管是强制VIP还是二次付费点播，其都需要在合适的时间、合适的地点予以合理的出现，才有利于的转化用户。
013.「支付宝」城市天气-不仅仅是天气预报
产品体验：
支付宝首页左上角城市下方提供了天气状况，进入切换地区页面，会展示当前城市最近几天的天气情况。
设计思考：
随着支付功能的普及，几乎也成了每天都会打开的引用，它集合了我们的衣食住行，以前出门不能忘了带钱包，而现在只需要一部手机就能搞定一切。虽然功能众多，但对大部分用户来说，最主要还是归结于支付功能，除了部分线上支付外，就是线下支付了，顾名思义，线下即涉及用户的出行。
支付宝首页城市下方的天气预报，为用户提供了贴心的提醒，便于有出行需求的用户根据天气状况的程度决定是否必须出行或准备出行的必备物品。同时支付宝集合人们的生活服务，即使用户放弃出行，部分事情也可以通过支付宝线上解决，比如外卖、购物等。
014.「躺平」趣味化的下拉刷新样式
产品体验：
躺平APP在页面下拉刷新时，会出现一个倒挂俯冲的“小人儿”动效结合情感化设计，趣味且引人注目。
设计思考：
下拉刷新是APP不可缺少的功能，十分常见，主要从品牌、功能、惊喜、运营、反馈五个维度结合情感化设计。在页面下拉刷新的时候，整个页面也会跟着下移，待页面数据加载完成，页面会恢复到初始状态，在这中间就存在一个时间差，一个好的下拉刷新样式，能让用户通过时间差享受到趣味化的视觉体验及减少等待过程中的焦虑感。
躺平APP下拉刷新使用了品牌IP插图，从外观视觉上是给用户打造品牌印象，倒挂俯冲的“小人儿”动效结合情感化设计，趣味化的用户体验，能在产品特性上带给用户惊喜，勾起回忆，通过视觉跟用户进行情感互动。
015.「滴滴打车」添加途经点-解决位置不统一的情况
产品体验：
使用滴滴出行叫车，用户在行程前输入目的地时，点击右侧“+”符号添加最多不超过三个途经点。司机将按照乘客预先设定多个“途经点”，把多个乘客送达预定位置，每个途经点的停留时间不超过3分钟。
设计思考：
打车模式从之前的线下出租车转战到线上，诞生的了很多叫车平台，其用的最多、知名度最高的当属滴滴出行，线上叫车服务给我们的出行带来的极大的便利。不知道大家有没有碰到过这种情况，几个人一起叫车但下车点不同，等到需要时可能会跟司机发生不必要的纠纷或不愉快的出行。多个人的上车点不同，但终点一样，也会被迫每人都要叫车，因此需要付出更多的金钱成本。
滴滴出行APP的添加途经点功能，完美的解决的多个用户出行的这种烦恼。途经点旨在满足多人共同乘车、个人多点出行等场景下多目的地经停的需求，减少口头沟通带来的误解与不便。途经点可以为乘客停车3分钟，不用额外收费，如乘客需要在某个地点长时等待，则需与司机沟通达成一致即可，随着此功能的上线，滴滴出行为用户提供了更为便捷的打车体验。
文章来源：站酷 作者：大漠飞鹰CYSJ
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
完美，不是因为没有什么可以增加，而是没有什么可以减少。
创建美观、可用和的 UI 界面需要花费时间进行设计细节的打磨，本文从视觉和情感化设计两个方面来说说如何提升 UI 设计的高级感。
在互联网产品日趋成熟的今天，你会发现所有的 App 越来越像，似乎是同一套模版设计出来的产品。而这种普适化的设计会导致同质化严重，使得设计不精致，产品没有气质和品牌感。一个 App 设计是否精致，是否富有设计感，在于它的细节，这就意味着我们在进行设计的时候，要从细微之处着手，从多方面去钻研如何创造出打动人心的 UI 设计。本节总结了 12 个简单直观的提升设计感的小细节，一起来学习。
在对 UI 文本进行样式控制的时候，最常见的错误莫过于过度依赖字体大小差异来营造对比。单纯使用字体大小对比，所营造的对比并不够，尝试结合色彩和字重来营造更好的对比效果。
每种颜色都有一个视觉权重，这有助于在内容中建立层次结构。通过使用颜色的深浅，为元素赋予不同的重要性。如果可以的话，你甚至可以采用两到三种颜色：
类似的，在 UI 设计的时候，通常两种不同的字重足以营造出优秀的层次感：
大多数的文本采用正常的字重（400 到 500，具体取决于字体）
对于需要强调的文字采用较重的字重（600 到 700，具体取决于字体）
△ 主标题字重为600，其他标绿点的文字字重都为400
应当尽量不要让正文部分字重低于 400，因为这一部分字体本身尺寸已经较小，低于 400 会使得可读性不佳。如果你依然需要降低字重，那么不妨让字体色彩更浅一点，或者替换成其他识别度较强、字重相对较小的字体。
灰色文字在无彩/彩色背景下要分开处理
不要在有色背景上使用灰色的文本，在白色背景下，将黑色的文本改成灰色（或者在黑色背景下使用灰色文本），是不错的淡化其视觉效果的做法。
但是在彩色背景下，想要降低和背景色之间的对比，通常有两种方法：
一是降低白色文本的不透明度；二是让文本逐步接近背景色，而不是改为灰色。
△ 左图设计师职位信息为白色文字降低不透明度，右图为和背景同色相的颜色
其次当涉及长篇内容时，大面积的深色粗体字会给人一种沉重感，而且很跳跃。通过选择类似深灰色（#4F4F4F）这样的颜色可以很容易地解决这个问题，使文字更容易被识别。
选择一种基础色，再调整色调和颜色深浅来增加均衡。设计时避免用过多的颜色。如果项目允许，只需使用固定的色板，通过调整基础色的饱和度和明度，利用这种简单的方式为设计增加一致性。
阴影是 UI 设计中最常见的视觉表现手法，它可以增加元素的深度，使其从背景中脱颖而出，引起用户的注意力，同时也能增强画面的视觉层次感。相比于采用大范围的扩散模糊阴影，使用微妙的垂直偏移阴影效果更明显，更自然，它模拟了最常见的光源特征，光线从上往下照下来所营造的阴影效果。
这种轻柔的阴影呈现出的干净，增加了画面的精致。如果阴影的范围太小或颜色太深，位置也没有偏移，而是聚集在元素的四周，就会让画面更加扁平，让视觉变得厚重，呈现出不精致的画面感。
阴影不一定是黑色的，还有一种扩散阴影是模拟元素本身的颜色投射在背景上，由于阴影与元素的色调一致，因此呈现出十分融洽的画面感。在 UI 设计中，这种手法不宜过多使用，否则呈现出的各种色彩搭配会让人眼花缭乱。
合格的设计师能够绘制风格统一的图标，而优秀的设计师能够创造风格独特的图标。我们能否在追求大小一致，圆角一致，线宽一致和配色一致的同时，为它的视觉表现力加入更多的创意呢？例如下面这组图标设计，无论是在图形上的创新，还是颜色搭配上都呈现出无与伦比的创意。
标签栏作为一个 App 的全局导航起着至关重要的作用，它的设计影响着整个产品的视觉风格。通常，大多数 App 都是使用 iOS 规范的设计样式（默认灰色，选中填充品牌色），这样的设计太普通，太常见了。要想让标签栏图标设计精致和富有个性，可以丰富每一个选中态图标的视觉表现，例如给图标加上背景和表情，即显得生动有趣，又增加了用户的好感，给人留下深刻的印象。
3D 立体图标设计是近几年来的流行趋势，看上去十分精致、华丽，但是看久了会让人产生轻微的视觉疲劳，同时因其复杂的结构会增加用户的认知成本。一般在外卖美食类应用中比较常见。
Tab 是 App 设计中最常见的控件之一，它源自 Material Design 的设计规范。现在很多 iOS 产品当中也开始使用这种导航栏样式来进行设计，而原本属于 iOS 规范当中的分段选择器变得不那么常见了。
在视觉表现形式上，Tab 和标签栏同样也分为选中态和未选态，它的设计较为简单，通常是使用一组文字标签，通过颜色或在标签下加上小长条来区分两者的状态。因为它简单，却越难设计出彩，要发挥极大的设计想象力，跳脱出设计规范的限制，才能找到完美的方案。例如虾米音乐的 Tab 选中态是一段音频波线，再配合文字的大小对比，一个富有设计感又符合产品特征的 Tab 就被创造出来了。
我们还可以从品牌基因中获取灵感，品牌作为用户熟知的形象是个绝佳的来源。从品牌形象中提取具有独特气质的视觉富豪作为 Tab 选中态的小长条，这样就建立起视觉上的联系，让用户产生由内而外的一致感受。例如马蜂窝品牌形象中的微笑符号和飞猪旅行品牌形象中的猪头都被延伸到 Tab 的设计上，既让界面视觉，又进一步强化了用户对品牌形象的认知。
在 UI 设计中，有许多的装饰元素，如卡片的边框、列表的分割线等，虽然边框，分割线是分隔两个元素的好办法，但是它不是唯一的方法，使用过多会让整个布局的设计感降低，或多或少都会干扰用户浏览的视线，让信息内容失去注意力，因此可以减少不必要的装饰元素。我们可以通过以下几个方法来划分元素的视觉层次，让画面变得干净，整齐：
使用阴影
阴影同样可以营造出边界感，而且相比边框分割线更加微妙，并不会显得突兀，不会分散用户的注意力，让内容更聚焦。
使用不同的背景色来区分
通常，相邻的元素背景只需要有微妙的差别就能够让人对他们进行区分。所以，你所需要做的就是在不同的区块采用不同的背景色，并且尝试删除分割线，因为你根本不需要它。
增加额外的留白
创建元素之间的分离效果，并不一定要通过线框来表现，只要增加留白，让它们分隔开就行了。通过留白和间距来实现元素分组是 UI 设计中的常用手法。
在 App 中的每一个界面都有许多元素，那些同类的元素应保持统一的设计样式。通常个人中心的标签栏图标是一个人形剪影，它代表着用户，因此可以在展示用户头像和用户形象的界面中延续使用。如果图形拥有独特的外观，如椭圆矩形，也可以作为视觉符号的一种，延续到其他界面中，成为图形或按钮的外观。这样，整个界面就被统一的设计元素联系起来了，给用户始终如一的一致感。
选择符合产品气质的字体，可以与产品的定位相吻合，传递给用户正确的情感意识。虽然默认字体可以满足大多数 App 的设计需求。但会出现一个问题就是，系统字体的普适性并没有什么特色，在一些特定的情境下就显得收效甚微。例如在运动类 App 中更适合粗壮的斜体来传递力量、爆发力、速度的感觉，换成系统字体后，整体感觉在气势上就变弱了很多。
大多数 App 都支持三方登陆，他可以减轻用户注册的时间成本。通常是在注册登陆页的底部展示第三方图标入口，这也是设计师最常忽略的内容，往往是直接将第三方图标调整一致大小和摆放整齐位置，没有针对它们再设计。一个设计精致的 App 不应漏过任何的细节，我们可以以自家 App 的图标风格为依据，对第三方图标进行优化设计。
App 中优美的图文设计，能带给用户如沐春风的视觉享受，它非常重要。我们经常看到文字叠加在图片背景上的设计样式，为了减少复杂图片背景对文字的干扰，通常的做法是叠加半透明度的黑色蒙版，让白色文字清晰可见，但这不是最优的办法。我们可以从图片中提取主色调用于叠加背景的填充色，这样就使文字、色块和图片融入到一起了，画面变得高级和富有设计感。
图片的质量影响着整个 App 的格调和用户的情绪，高品质的图片给人愉悦的视觉享受，产生美好的联想。而低品质的图片会瞬间拉低 App 的质感。在 App 设计中，一张漂亮的图片从收集到上线，需要经过裁剪，调色等过程才能被使用。即使是普通的商品图片，我们将它抠图后调整成统一大小，再加上干净的背景，就能立刻提升商品的美感，界面视觉也会变得美观、整洁。
现在的 UI 界面设计中，卡片式设计已经是一种非常常见的设计形式，它有利于信息分层和整合，划分出更加清晰的组织结构，实现复杂内容的简化处理，提高空间利用率。同时卡片式设计通常很依赖视觉元素，很强的视觉元素正是卡片式设计的一种优势，也是提升设计品质感的良方。
心理学认为，情感是人对客观事物是否满足自己的需求而产生的态度体验。只有当产品触及到用户的内心时，使他产生情感的变化，那么产品便不再冷冰冰，他透过眼前的东西，看到的是设计师为了他的使用体验，对每一个魔鬼细节的用心琢磨，人们会产生愉快、喜爱和幸福的情感。情感化设计并不是轰轰烈烈，有时候仅仅一句文案、一幅插图、一个动画就能打动人心，使用户获得愉悦的使用体验。让设计变得高级不仅仅是视觉层面，这些简单而美好的设计细节充满了积极情绪，它是满足产品的功能性和易用性之后，追求更高层次的目标。
1. 提示性文字
语言是情感化设计最直接的利器，拟人化的对白相比冰冷的话语更能获得用户的好感，赋予产品的新的生命力。例如 App 那些 push 推送通知，因为用户每天收到的 PUSH 实在是太多了，早已心如止水！这个时候，你就需要一条成本低、效率高的 PUSH 文案，去撩动用户主子们的心。将原本对用户的打扰变成一种逗趣，让人看到会心一笑。
2. 下拉刷新
下拉刷新是用户在 App 使用中经常进行的操作，常见的下拉刷新设计是图标加文字的形式，这种设计简单、直观，但毫无设计感，不能引发用户任何的情绪。
下拉刷新是一种临时状态，丰富它的设计细节不会造成与产品界面的格格不入，相反，一个富有设计感的下拉刷新设计能让产品获得用户的好感。例如 uc 头条在下拉刷新时会蹦出一只奔跑的小鹿，暗示正在快马加鞭的加载新内容，小鹿形象延续了品牌 logo。作为资讯类产品，内容更新速度至关重要，奔跑的小鹿正好隐喻了这一点。用户也在这种快乐的情绪中对产品产生好感，瞬间就让下拉刷新变得生动有趣。
3. 头像设计
个人中心页与用户信息密切相关，用户的虚拟形象在这里得以展现，常见的设计是一个用户头像加登陆文字的形式，这种默认的头像设计无法得到用户的认同感。
现在很多的产品已经放弃了死板的默认头像，给用户更多的选择。赋予产品一些人格魅力，可以让产品富有生命力，消除人机界面的冰冷交互，帮助用户和产品建立友好的联系。例如美团外卖和躺平，它们各自的身份都代表了产品的气质和用户的属性，让用户产生一种身份的认同感。
4. 缺省页化解负面情绪
通常状态是，当前页面没有内容或无网络状态下出现的页面。常见的设计是图标加提示文字的形式，这种简陋的设计会给用户心理造成很大的落差，陷入负面情绪中。情感化设计在此时就可发挥巨大的作用，它通过设计手段来减轻用户在看到一个毫无内容的界面时所产生的挫败感。 设计师可发挥的空间很大，根据产品属性和品牌延展图形，结合动效或插画等情感化设计，可以很好的丰富页面内容。例如躺平的空白页呈现出一种贱萌的场景，让用户会心一笑，使产品充满了趣味性。
5. 标签栏微动效
情感化设计变得越来越丰富，图标设计上升至可以展示动画效果。通过动效的使用，标签栏切换变得不再死板。用户在频繁切换页面时，不再觉得单调。精心设计的动态效果，能够缓解用户等待时焦躁的心情，从心理上缩短用户等待时长，让品牌更加深入人心。
6. 模拟用户行为
如果一个产品可以模拟用户的行为，将用户代入真实的情境中，用户就会对产品产生深刻的认同感。例如「潮汐」会根据时间场景和季节变化，播放不同的背景音乐来营造氛围。雨声、雷声、风声、潮水声等让人时刻感受到身临其境的情境。
情感化设计可以拉近用户与产品之间的距离，在更深的层面体现出对人性的关怀，为人们带去情感上的愉悦和感动。洞悉用户的行为，换位思考去满足用户的需求，情感交流就产生了。例如当你截屏了一张图片，打开微信对话框时就会自动显示这张图片，提前预知了你发截图的需求。
再例如很多观众都习惯了在电影结尾等彩蛋的习惯，因为很多时候坐在影院等彩蛋却等来没有彩蛋的结果只能白白浪费了时间。在「淘票票」上购买电影票时，你会发现影片详情页会有彩蛋提醒，告知你电影是否有彩蛋且彩蛋会出现在影片的什么位置。有了这个提示信息，就不必再为了不确定的彩蛋期待浪费时间啦。
7. 有趣的细节设计
俗话说：有趣的灵魂万里挑一，可见有趣是可以引发交流进而让人们产生积极的情绪。 在 UI 设计中，有些有趣的设计是隐形的，需要用户自己去发现，当用户找到这颗彩蛋时，就会获得一份喜悦和乐趣，增强用户对产品的探知欲。例如在电脑端打开 B 站的鬼畜区长按这个返回图标 10 秒左右，你会打开鬼畜区的新世界(⊙o⊙)（友情提示：记得戴上耳机或调小音量）其实长按「返回顶部」10秒后网页下方会出现一条黑框提示「尝试输入字母，发现鬼畜秘密」。按照提示乖乖输入字母就会出现鬼畜明星划过你的屏幕！
有些有趣的设计又是显性的，目的是让用户与产品引发交流从而产生积极的情绪。例如成为优酷视频会员，不仅可以尊享丰富的影视资源，还能让自己的 ID 在发弹幕时使用剧集相关角色的头像。带角色扮演头像的弹幕，让发言更有剧集代入感。这个彩蛋的设置一方面强化了会员身份的尊贵感与特权性，一方面也丰富了弹幕区的多样化，可谓一举两得了。
总的来说：UI 设计的“高级感”意味着在视觉层面要从细微之处着手，创造出精致富有设计感的画面；另一方面要从情感化设计出发，使用户与产品产生情感上的共鸣，获得更高层次的使用体验。
好的学习方式就是把日常积累的知识点汇总并讲出来才能真正为自己所有，新的一年愿每位设计师都能继续保持对设计&生活的激情和热爱。希望这篇文章对你有所帮助。
文章来源：优设网 作者：印迹
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
隔了一年都没发作品了，感觉还是得多发发作品提升自己呀。本来是还有两张动效的，文件太大导出有问题所以我放弃了，下次一定做好优化。
从雇佣关系看企业级协作产品的设计理念和原则
今年的新冠疫情突发，让企业级协作产品的赛道热闹了起来。前有钉钉，企业微信，后有飞书带刀入场，其他厂商看了眼红，赶紧行动起来，所以在这片一眼望不到头的草原上，你还能看到百度的如流，美团的大象，网易的popo等等。
如今疫情控制的结果也算喜人，经过大半年的时间的市场锤炼，现在这些个企业协作平台也需要被怀揣着审视的目光来看看接下来要走的路。
按照公司的要求，我在工作中频繁的使用到“钉钉”这款产品，接触的这4年多时间大概也就是企业协作平台的发展史了，我试着总结了一下：
但B端的设计就仅仅是所谓的“效率”么？唯效率的设计就一定好么？
你有没有不想打开钉钉（甚至某一时间想卸载掉）的冲动？阿里巴巴当初推出钉钉这个在线办公协同产品，出发点是为了方便企业内的办公协作，沟通记录、文件资料、流程审批、员工名录等都能有效得到管理，防止丢失并随用随取。
后来味道变了，以“钉一下”为例，发起者可以无限次的对接收者发送信息并以“增强提醒”语音的方式提示。看的出来，这种交互设计本着触达无障碍去做的，但却忘记了设计使用门槛，从而造成了“谁有事谁牛X的局面”，如果沉下心来研究，会发现在这过程里情绪的变化是及其明显的：
企业管理学里有一条著名的学说“峰终定律”（后被广泛应用到用户体验领域里），大概是意思是：“在一段体验的高峰和结尾，体验是愉悦的，那么对整个体验的感受就是愉悦的”。
那么钉钉的这些个机制可能就是峰终定律的反面教材了。每一个企业级协作平台企业都在标榜自己的创新和功能的全面，殊不知这就是典型的通过产品功能机制进行的微观管理，间接加剧雇佣关系的僵持。甚至一定程度上变成了控制…员工和企业的关系我不好说，但这些企业协作平台真真实实的在彼此关系上扫满了盐。
翻看了众多大厂的B端设计原则和设计理念，无一例外，所有的被沉淀下来的“原则”几乎都是“效率”，甚至一提到跟B端相关的设计就永远是“效率！效率！！效率！！！”：
以效率为核心的设计帮助任务流更的完成，就这点无可厚非，我自己也是一名用户体验设计师，过去做企业级应用的核心就是围绕“效率”去做的，始终把用户路径的长短作为我个人无形的KPI，面试跟人吹牛X的时候也是举例说的这些。
然而不同于C，企业协作平台是企业要求员工统一使用的协作产品，为了方便信息集中管控，绝企业员工被迫通过一次学习后逐渐转为不用动脑子的肌肉记忆。B端员工只想要“干完活”，C端的“图新鲜”是发自内心的去找乐子。所以当被强迫完成任务的情况下，大部分情况下是一个伪命题。
通过审视的目光去看当下的设计原则，企业级协作平台经历了起始期的“沟通刚需”和发展期的“功能堆叠”后，未来应该多考虑“员工与组织”/“员工与企业”的大命题，希望是以“桥梁”的姿态出现，以帮助双方更好的完成工作为目标去设计：
这其中有两点需要着重注意：
先说个题外话，过去，我们在求职时期的路径大概率是到某几个招聘网站上挨个填写个人信息/工作经历/获奖情况，但伴随着 OCR技术成熟，一个word/pdf上传，自动识别了所有信息，帮助企业和候选人大幅的解放了劳动力。与之类似的是：日报周报月报，除了工作总结偏脑力劳动需要人工产出之外，工作内容这种条目的列举完全可以帮员工包办了，毕竟钉钉上记录了大量的工作文件和日志。单靠一个周报模版丝毫解决不了问题。
之前跟钉钉的设计师有过情感化设计的交流，对方对情感化的理解更多体现在人文关怀上，特别是在打卡这个功能上，超过几点下班打卡后会有一句暖心的话激励员工。对此我还是保留意见，理智支撑我不许叫这个设计为情感化设计，因为美好的文字和漂亮的图形都只是表象而已，并没有帮助用户解决问题，所以顶多就是图形设计，说的好听点是graphic design。
我理解的情感化，从始至终要以解决用户问题出发，与其有时间画画漂亮的图形，不如去做业务的横向打通，帮助在深夜快点打车回家来的更实在。
总的来说就目前国内像这种B端企业级应用真的还就是处在功能打通的阶段，未来去balance雇佣关系的大局面市场还是很大的，从这个角度来看这个赛道还有的一拼，期待更多的大厂入场来改善僵持的雇佣关系。
转自：站酷
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
作者：负能量补给站
从雇佣关系看企业级协作产品的设计理念和原则
今年的新冠疫情突发，让企业级协作产品的赛道热闹了起来。前有钉钉，企业微信，后有飞书带刀入场，其他厂商看了眼红，赶紧行动起来，所以在这片一眼望不到头的草原上，你还能看到百度的如流，美团的大象，网易的popo等等。
如今疫情控制的结果也算喜人，经过大半年的时间的市场锤炼，现在这些个企业协作平台也需要被怀揣着审视的目光来看看接下来要走的路。
按照公司的要求，我在工作中频繁的使用到“钉钉”这款产品，接触的这4年多时间大概也就是企业协作平台的发展史了，我试着总结了一下：
但B端的设计就仅仅是所谓的“效率”么？唯效率的设计就一定好么？
你有没有不想打开钉钉（甚至某一时间想卸载掉）的冲动？阿里巴巴当初推出钉钉这个在线办公协同产品，出发点是为了方便企业内的办公协作，沟通记录、文件资料、流程审批、员工名录等都能有效得到管理，防止丢失并随用随取。
后来味道变了，以“钉一下”为例，发起者可以无限次的对接收者发送信息并以“增强提醒”语音的方式提示。看的出来，这种交互设计本着触达无障碍去做的，但却忘记了设计使用门槛，从而造成了“谁有事谁牛X的局面”，如果沉下心来研究，会发现在这过程里情绪的变化是及其明显的：
企业管理学里有一条著名的学说“峰终定律”（后被广泛应用到用户体验领域里），大概是意思是：“在一段体验的高峰和结尾，体验是愉悦的，那么对整个体验的感受就是愉悦的”。
那么钉钉的这些个机制可能就是峰终定律的反面教材了。每一个企业级协作平台企业都在标榜自己的创新和功能的全面，殊不知这就是典型的通过产品功能机制进行的微观管理，间接加剧雇佣关系的僵持。甚至一定程度上变成了控制…员工和企业的关系我不好说，但这些企业协作平台真真实实的在彼此关系上扫满了盐。
翻看了众多大厂的B端设计原则和设计理念，无一例外，所有的被沉淀下来的“原则”几乎都是“效率”，甚至一提到跟B端相关的设计就永远是“效率！效率！！效率！！！”：
以效率为核心的设计帮助任务流更的完成，就这点无可厚非，我自己也是一名用户体验设计师，过去做企业级应用的核心就是围绕“效率”去做的，始终把用户路径的长短作为我个人无形的KPI，面试跟人吹牛X的时候也是举例说的这些。
然而不同于C，企业协作平台是企业要求员工统一使用的协作产品，为了方便信息集中管控，绝企业员工被迫通过一次学习后逐渐转为不用动脑子的肌肉记忆。B端员工只想要“干完活”，C端的“图新鲜”是发自内心的去找乐子。所以当被强迫完成任务的情况下，大部分情况下是一个伪命题。
通过审视的目光去看当下的设计原则，企业级协作平台经历了起始期的“沟通刚需”和发展期的“功能堆叠”后，未来应该多考虑“员工与组织”/“员工与企业”的大命题，希望是以“桥梁”的姿态出现，以帮助双方更好的完成工作为目标去设计：
这其中有两点需要着重注意：
先说个题外话，过去，我们在求职时期的路径大概率是到某几个招聘网站上挨个填写个人信息/工作经历/获奖情况，但伴随着 OCR技术成熟，一个word/pdf上传，自动识别了所有信息，帮助企业和候选人大幅的解放了劳动力。与之类似的是：日报周报月报，除了工作总结偏脑力劳动需要人工产出之外，工作内容这种条目的列举完全可以帮员工包办了，毕竟钉钉上记录了大量的工作文件和日志。单靠一个周报模版丝毫解决不了问题。
之前跟钉钉的设计师有过情感化设计的交流，对方对情感化的理解更多体现在人文关怀上，特别是在打卡这个功能上，超过几点下班打卡后会有一句暖心的话激励员工。对此我还是保留意见，理智支撑我不许叫这个设计为情感化设计，因为美好的文字和漂亮的图形都只是表象而已，并没有帮助用户解决问题，所以顶多就是图形设计，说的好听点是graphic design。
我理解的情感化，从始至终要以解决用户问题出发，与其有时间画画漂亮的图形，不如去做业务的横向打通，帮助在深夜快点打车回家来的更实在。
总的来说就目前国内像这种B端企业级应用真的还就是处在功能打通的阶段，未来去balance雇佣关系的大局面市场还是很大的，从这个角度来看这个赛道还有的一拼，期待更多的大厂入场来改善僵持的雇佣关系。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
转自：站酷
作者：负能量补给站
指尖滑动屏幕的时候，多停留几秒，捕捉一些用心的设计，记录并反思应用到自己的设计中去。用心设计，让我们的生活更加美好！
关键词
#运营 #广告
产品体验
微信：刷朋友圈的时候，无形中就刷到了广告，以朋友圈的图文展示。也可以进行点赞，留言互动。
微博：在关注列表中也会有一些广告推送。用户可以自己关闭。
爱奇艺：打开视频观看前，会有一小段广告时间播放，如果没有购买会员是需要强制观看完广告才能看视频正片。
设计思考
微信：隐形植入广告，以“朋友”的身份跟你安利一个物品，角色扮演，用另外一种方式介绍产品。
微博：无形中插播一个广告推文，广告的标签跟关闭的按钮做的小，不明显，增减关闭难度。
爱奇艺：提供付费权利，可关闭广告。
关键词
#交互 #点赞 #评论
产品体验
微博：全屏短视频体验。关注，点赞等功能图标悬浮在右侧，方便用户点击，交互都关联性也强。
美图：右侧一排操作按钮，分享按钮却在头部，距离有点远，很难被注意到。图标采用半透明叠加更有设计感。跟美图这个产品很契合。
QQ微视：上中下的布局，中间是视频主区域。关注按钮在顶部，评论交互都在底部，比较传统的布局体验。
设计思考
微博：视频内容全屏展示，沉浸式用户观看体验。把一些按钮设计的离用户可触碰区域近一点，在用户手指操作的热点区域，加大他们的点击欲望。
美图：视频内容全屏展示，关注直接用文字加色块高亮显示，直接刺激用户，引导他点击。底部设置美化图片产品本身设置了快捷入口。有点弱化分享操作。
QQ微视：视频上方没有其他干扰元素，采用比较中规中矩的布局。
关键词
#加关注 #弹窗
产品体验
美图：首页的短视频，点击用户进去可以看到他的创作，当页面下拉的时候，关注按钮会一直停留在页面顶部，高亮显示。
小红书：点击个人用户进去看笔记，下拉过程中“加关注”会一直在右上角显示，继续往下拉，底部会出现一个弹窗，提醒你可以关注一下，二次引导。
设计思考
美图：主要是一个提高修图的工具，并提供给用户去分享美图的平台，没有做过多的引导用户操作。
小红书：主打个人社交平台，流量，关注度是主要的数据。发作品的目的性较强，所以给用户做了二次引导关注。帮助创作者博得更多的关注度。
关键词
#进度 #视频 #品牌宣传
产品体验
哔哩哔哩：进度条直接了当，当前位置的标记会结合视频的宣传属性来用一些特殊图标来加深用户观感。
爱奇艺：
1、视频有标记记忆点，帮助用户快速定位到想要了解的内容；
2、当前位置采用该视频品牌logo；
3、视频上方有观看热度的面积图，感觉有点被打扰，对用户来说重要性不是很高。
设计思考
哔哩哔哩：
1、视频进度条颜色是品牌颜色；
2、当前位置不再是单一的基本图形，会用一些有趣的图形替换，同时视频属性。
爱奇艺：
1、进度条颜色不在是单一采用品牌色，可以个性化不同场景搭配使用；
2、当前位置的状态用视频的品牌植入logo，起到二次宣传的作用；
3、效果视频记忆点，根据后台剪辑标记用户可能感兴趣，帮助用户快速定位；
4、进度条上方有观看热度的曲线。感觉这个设计有点多余，手机观看尽量减少视觉干扰。
关键词
#轨迹 #地图 #预估时间 #定位 #场景
产品体验
杭州公交：等公交等时候，标记你所在位置的站点，通过图标大小、颜色标记其他公交车到站情况，很直观。可以给自己等车时间做心里准备。
淘宝：物流运行轨迹在地图上显示，结合发出点到签收地，预计的时间跟签收状态。
设计思考
场景化思维设计，让用户身临其境感受。
杭州公交：聚焦与单条公交线路线，去除复杂的地图背景，直接用图标标记与你所在站点的位置关系，同时上方卡片会显示即将到找的三个公交车预计时间，给用户准备候车预留足够的时间准备。
淘宝：物流在全国范围内跑，使用轨迹结合地图会更加直观。能看到当前所在的位置，预计还有多少时间送达等等信息用场景来表达。
关键词
#拍照，智能识别
产品体验
百度：拍照识别的时候，全屏且屏幕中会标记小白点高光，一闪闪，bringbring 。
有道云：拍照上传识别的时候，会出现锚点可以拖拽自己想选择的图片区域，直接裁剪。
设计思考
百度：识别照片环境的时候，有小光斑互动，带有智能科技感，让体验更加有趣。
有道云：拍照过程加入裁剪功能，对图片预处理，提高笔记效率。
关键词
#编辑 #弹窗
产品体验
石墨：编辑本条笔记时，底部弹窗，一行显示一个操作，“删除”标红。
有道云笔记：有11个操作动作，采用分类的方式布局，配合图标一目了然。
设计思考
石墨：追求极简体验，沉浸式设计。
有道云笔记：功能较多，底部弹窗最好不要超过屏幕2/3，影响体验，结合图标更加直观。
关键词
#搜索提示语
产品体验
微博：不知道看什么时，会提示你看别人都在搜什么内容，引起你的兴趣。搜索下方也有热门搜索，也是可以买的“热搜”广告位，增加曝光率。
淘宝：根据你之前搜过的产品，程序自动给你推送一些对应产品的关键词搜索。
设计思考
微博：热搜的一些运营，业务层面考虑。
淘宝：电商类，记录你的搜索喜好，给你推送符合你的产品，千人千面。
关键词
#公告 #内容信息
产品体验
喜马拉雅：电台模块，可以私人定制自己感兴趣的电台。
支付宝：一些公告，消费通知，结合IP形象，触角还会动两下，感觉是在跟你互动对话。
设计思考
喜马拉雅：本身是个声音类产品，用电台的形式订阅自己喜欢的内容推送。
支付宝：用支付宝自己的蚂蚁iP形象，加深品牌影响，同时也起到提示作用。
关键词
#缓冲 #加载
产品体验
美团外卖：下拉加载时，用美团袋鼠IP在跑的小动效来缓解用户焦虑。
安居客：页面拖动下拉的时候，在头部有个楼盘建筑2.5d插画，感觉有另一个空间的感觉。
淘宝：淘宝详情下拉对时候，有一个历史足迹，再你逛了很多商品之后，反复对比，想回去之前的店再逛逛，同时也减少了用户页面跳出率。
微信读书：页面下拉的时候，可以添加书签，对当前页做记录，下次可以快速找到改页面内容。
设计思考
美团外卖：植入IP形象做动效，加深品牌印象。
安居客：创造二次空间感，让加载的过程中，没那么焦虑，反而让用户觉得惊喜。
淘宝：模拟用户使用场景，在购买商品过程中会对产品反复对比，加入一个历史足迹，同时提高页面转化率。
微信读书：下拉的过程中给用户制造惊喜。
关键词
#配图多张排版 #图片
产品体验
淘宝：有视频，又有多张图片的情况下，视频权重比图片大，左一右二展示，其余收起来，点击查看全部。
拼多多：图片跟视频同时存在，平铺展示，视频默认放第一个位置，一行三个，大小统一。
今日头条：头条文章内有多张图，列表流只取三张显示。
设计思考
淘宝：商品评论较多，控制每个评论列表高度统一性，一屏用户可见更多买家秀，同时刺激点开视频的行为。
拼多多：弱化视频跟照片的比重。
今日头条：图片更直观表达，也是用户第一时间注意的信息。首页列表需要能贴合文章内容，刺激用户点击，可后台手动配置列表展示配图。
关键词
#用户权限
产品体验
个人中心头像上方有个“成长守护：可以设置青少年模式，主要是为家长用户对小孩上网观看视频的一个管理。
设计思考
概念包装：现在网络视频内容层次不齐，不同年龄层都能接触各类信息，鉴于对青少年的保护，对视频推送权限设置，用“成长守护”包装权限设置，让产品更有温度。
关键词
#评论列表
产品体验
知乎：评论列表整屏弹窗，用户回复用户，名称之间用一个小箭头指向，很有特点。作者身份跟在用户昵称后面。
爱奇艺：留言回复没有展示用户头像，只有昵称。对同一留言回复用色块区分。
小红书：评论列表2/3弹窗，同一留言内容最多显示一条，多余的折叠。
设计思考
知乎：用户名称比内容层级较高，并结合头像使用，用小尖头图标直观表达回复对象的动作。
爱奇艺：视频为主，评论为辅；对同一留言评论用灰色底，使用亲密性原则，对其他评论人的头像隐藏，注重评论内容。
小红书：从下网上的弹窗形式，一屏展示内容区域较少，同一留言多条评论就收起展示。
关键词
#我的个人中心
产品体验
爱奇艺：开通会员提醒醒目，右滑展示不同类别的会员。
腾讯：开通会员提醒明显，下面是观看历史，常用功能分类。
优酷：顶部有关注、粉丝、作品等数字信息展示，其次是开通会员提醒。
设计思考
爱奇艺：视频平台合作，会员权限开通付费为主要业务。
腾讯：以平台为主，个人创作视频转型中。常用功能归类，节省首屏利用率。
优酷：注重社交属性，鼓励个人创作视频上传。
关键词
#会员服务，运营
产品体验
视频页面都设置了两个开通会员入口
1、打开视频默认播放广告，视频右上角开通会员可关闭广告；
2、视频正下方有个大的提示开通会员入口
爱奇艺：结合用户心理，用文字优惠刺激用户开通。
腾讯：会根据活动给予免费体验会员的服务。
优酷：直接把会员所享受的服务内容展示出来。
设计思考
爱奇艺：没有多余的描述，直接提示新客优惠。
腾讯：正下方的开通会员文案会根据不同的视频运营有不用的文案，比如超前点播，活动免费领取等等。
优酷：首屏占的比重大，无论视频上方关闭广告 还是正下方，按钮都设计的很大。
转自：站酷
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
你是想给用户提舒适体验，还是想给他们一个麻烦？
如果您想让他们的体验更快更容易，请使用输入框上面的字段对齐标签.或输入框内的对齐标签模式。
与左对齐和右对齐的标签相比，顶部对齐或内部左对齐标签填写起来更快、更容易。这是因为标签只需要有一半多的视觉固定物。
顶部对齐标签还允许用户以一个可视方向向下移动输入框。左对齐和右对齐的标签需要两个视觉指示才能填写。
顶部对齐标签的唯一缺点是，它们可以使表单变得很长。但是现在用户滚动的频率越来越高，所以这不是问题。
通过减少字段之间的空白，可以减少表单长度。您还可以将表单拆分成多个页面，以使表单更短。
顶部和左/右对齐标签之间的差异很明显。顶部对齐标签更容易在眼睛上，并使表格更容易填写。虽然他们可以使表单更长，
但用户将从完成表单所需的时间和精力的减少中获益更多。
如果顶部对齐的标签能够给用户提供更好的表单体验，那么它是值得采用的。设计师应该更多地考虑他们的字段标签对齐。
它可以区别于用户填写表单还是放弃表单。
“取消”按钮是在没有完成任务的情况下将用户带回原来屏幕的辅助动作。
根据它们的功能，最好的顺序是什么？“确定”按钮应该出现在“取消”按钮之前还是之后？
许多人提到了以下几点平台约定作为答案。虽然这似乎是一个解决问题的方法，但实际上并非如此。它不能回答哪个位置对用户更好，以及为什么。为了一致性而遵循平台惯例的建议是不够好的，给设计师留下了空手而归的机会。
“一致性”是设计师们常用的一个词。不深入考虑用户面临的设计问题也是一个流行的借口。如果一个人不知道为什么会存在，遵循设计惯例有什么好处呢？
如果某个设计约定对用户有害呢？设计师应该为了一致性而盲目地遵循吗？糟糕的设计实践是否应该持续下去，因为设计师们希望通过平台设计的一致性来解决每一个问题？
今天，有一些平台设计约定被广泛使用，因为它们是为用户工作的。但这里的要点是，平台设计的一致性永远不应该让设计师满意，因为这是做某事的唯一理由。理解为什么您应该以一种方式而不是另一种方式来设计您的用户界面的原因是关键。
人们可能会说，让你的动作按钮突出给它更多的视觉重量和一个清晰清晰的标签比它的位置更重要。虽然动作按钮的视觉重量和标签是一个重要的设计方面需要考虑，但它不是唯一的方面。
只关注一个设计方面而不是其他方面是一个粗心的设计师的行为。一丝不苟的设计师会思考每个设计方面是如何影响用户的。
对于设计师来说，最难搞清楚的是主动作和次要动作是如何放置的。这就是为什么“确认”/“取消”按钮的争论在设计师中如此流行的原因。
当你通过了平台惯例的争论后，你会质疑哪个位置最有效。您可以通过分析设计如何影响用户来解决这个问题。
一些设计师认为，在第二个操作之前将主操作放在左边对用户更好，因为它更接近，因此，点击的时间更少。
这是有意义的，但您不能忽视这样一个事实，即用户在选择要采取的操作之前将查看他们的所有选项。
这意味着大多数用户不会盲目地单击主操作按钮而不查看它旁边的辅助操作按钮。
他们将首先看到左边的主要动作，然后查看右边的次要动作。然后，他们会把眼睛移回主要的动作，点击它。这将在多个方向上总共创建三个视觉固定。
将其与放置在对话框右侧的主操作和放置在左侧的辅助操作进行比较。用户从第二个动作的眼睛开始，然后将眼睛移到主动作上单击按钮。这在一个方向上总共创建了两个视觉固定，给用户一个更快的视觉流。
用户只关注每个按钮一次，并在主动作按钮上结束。将主操作放在左边可能会使用户更容易到达，但是当您从用户的思维过程和视觉固定的角度来看速度时，将主操作放置在对话框的右侧实际上更快。
当用户单击辅助操作按钮时，他们期望应用程序什么也不做，并将它们带回到原来的屏幕。因此，“取消”按钮的功能类似于“后退”按钮。
当用户单击主操作按钮时，他们期望应用程序执行按钮所述的操作，并将其转到下一个屏幕。因此，“确认”按钮的功能类似于“下一页”按钮。将辅助动作按钮放置在左侧，主动作按钮在右边映射到用户可以期待的‘后退’和‘下一步’按钮功能。
它类似于分页按钮的放置方式。将用户带到下一页的按钮位于右侧，将用户带回其早期页面的按钮位于左侧。这个按钮的放置工作是因为它映射到用户从左到右的阅读和导航方向，其中右是前进的方向，左是后退的方向。
对话框中的“确认”和“取消”按钮应该遵循类似的交互模式，因为它们的功能类似于分页按钮。
不仅如此，在中国用户习惯了左右方向的模式。
将您的主要操作放在右侧，将次要操作放置在左侧，将使您的对话框按钮更容易、更直观地为用户所理解。
将您的按钮放置在终端区域可以让用户看到他们最后需要采取的主要操作。这不仅改善了视觉流，也改善了任务流。
用户在扫描时不会跳过主动作按钮。当他们通过时，他们的眼睛就会盯着它，所以他们可以立刻点击它。
另一个问题是设计师经常想知道他们是应该把按钮放在角落里，还是把它们放在一起。当您将主操作和辅助操作放置在对话框
的角中时，它将很好地映射到左右方向。但是，由于‘取消’和‘确认’按钮不是导航按钮，所以没有必要遵循方向映射。有时它弊大于利。
如果应用程序要执行用户无法撤消的关键操作，那么用户可以看到“取消”按钮和“确定”按钮是很重要的。在这种情况下，“取消”按钮的功能可能像“先前”按钮，但更重要的是，因为它充当安全按钮，以防止任何更改。
在左下角放置“取消”按钮的危险是，由于两个按钮之间的视觉分隔很大，它可能导致用户忽略它。将“取消”按钮和“确定”按钮放在一起，可以使用户更容易在一次凝视中查看和比较这两个动作，从而选择最佳的操作和点击。
我们经常卸载软件的时候一不留神就会点错，或者是我们在装某一个软件的时候全家桶一拥而上。所以在不同场景当中我们所用的按钮形态也是不一致的。
菜单栏没有主次之分
当您对菜单项进行全文本或全图标处理时，问题就会出现.当用户扫描他们想要的项目时，他们的注意力分散在菜单周围。这是因为没有层次来吸引他们的注意力。
通过将用户的注意力引导到您的主要项目，使您的菜单可扫描。
要实现这一点，我们可以看下面设计形式来强调重点内容
与其在每个菜单项上放置图标，还不如将其放置在主菜单项上。视觉强调首先将用户的注意力引导到这些项目上。
次要项目上缺少图标，这使得它们能够得到其余的关注。
如果要使所有图标处，请稍微放大需要突出的图标。
稍微的增大会使视觉效果有很大的不同，同时字形更容易辨认，每一行的线高也会增加。让整个看起来更加有空间感一些。
让用户浏览阅读起来也会更加舒畅一些。
甚多的设计师设通常喜欢使用主按钮的轮廓形状作为辅助按钮。按钮样式看起来可能不一样，但还不够。
他们仍然会竞争，因为他们的颜色对比度相等。
为了给主按钮更多的注意，削弱轮廓按钮的对比度。与其使用重颜色，不如使用它的色调。你可以通过降低重颜色的亮度和饱和度来制作。确保对比度足够高，以达到主要的按钮突出性。
设计师的另一个趋势是把第二个按钮变成黑色。他们认为，使用中性的颜色，它是不会竞争的。然而，黑色按钮更为突出，因为它有一个更高的对比度。
不要使用黑色，而要使用重颜色的色调，以使辅助按钮比主按钮更弱。要做到这一点，增加亮度和降低饱和水平。
将彩色按钮与中性灰色配对并不总是意味着彩色按钮会得到更多的关注。如果主按钮的颜色太轻，则中性辅助按钮将更加突出
要避免这一错误，请选择不太明亮的颜色。明亮的颜色可能看起来很有吸引力，但它与白色背景或文字的对比不太好。在主按钮上使用更暗的颜色，这样第二个按钮就不会引起注意。
在设计当中我们经常会遇到做选择性的勾选，往往很多设计师会犯的一些错误问题和选择障碍问题。
我们设计单选框的时候这不是秘密而是让用户做出选择，复选框是很难点击，因为他们的小击中目标。
设计师通常会让标签点击，但如果它不是直观的，那也于事无补。
通过将复选框转换为复选标记，您可以为用户提供更大的命中目标和更清晰的交互提示。
有时你可能想提供不同数量的商品。使用多个复选框复制它会产生更多的文本来读取，并使界面混乱,且让用户难以进行选择。对于增量输入更改使用数字选择器一次显示该项会为更好些。
总结以上两点，实际商用应用案例如下所示
卡片内容有几种文本类型，提供不同的信息功能。让我们看看基本内容卡的文本类型。
首先是眉毛，它是一个明确的词或短语，用来描述内容的主题。
还有一个标题，它用一个句子中的几个单词告诉用户内容是关于什么的。
在此之后，就会有一个描述内容的正文。
最后，就是时间与操作的按钮
必须通过确定哪些文本类型对用户更重要，从而为您的卡片新闻建立文本层次结构。
此内容新闻卡片的适当文本层次结构为：
1.眉毛-可以是时间，可以是新闻分类
2.标题-最重要的是，因为它描述的内容最快。
3.正文-包含一个描述性段落，但阅读时间最长。
4.描述内容的正文对内内容的简要描述。
您的内容卡应指导用户按此顺序浏览文本类型。要实现这一点，您需要使用浏览控制对文本类型应用适当的视觉强调。
通过适当的视觉强调，可以控制用户浏览的顺序，并指定反映文本层次结构的浏览模式。
当扫描遵循文本层次结构时，用户会浪费更少的眼球运动，并且可以更快地处理信息。
下面的示例说明了浏览控制如何让眼球工作比较。不同的是强调不同的文本类型。
其他文本类型具有相同的强调度，这使得它们争夺用户的注意力。
在内容颜色的控制上我们可以为三种，重要的突出的需要用户重点进行关注的就用黑色
例如：#333333 #222222 #454545 等等色值
在不需要突出的内容上我们可以用稍微浅一点的色值保证用户能够进行阅读即可，
例如：#999999 #787878 #666666 等等色值更加容易记住
其他辅助的内容表达比内容正文更浅
例如：#bbbbbb #A8A8A8 等等色值
说到这里我要说一用户体验关于文字的事情如果做出来的设计文字是给自己看的随意设计读没人会说你，有句话说的好：现在
是内容为王的时代，如果在内容上不够吸引或者颜色不够吸引眼球那就是一个很失败的案例。
转自：站酷
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
互联网下半场，所有的比拼都在产品体验；然而“体验”是一个非常抽象的词，我们怎么把一个抽象的概念拆解成可落地执行的策略，作用到企业中后台产品上，怎么衡量策略的有效性，这一直是我们团队面临的重大课题。
业界关于体验度量的经验
目前关于“体验度量”比较成熟的理论模型当属 Google 的 HEART 模型，另外还有 ISO 9126 软件质量模型和Davis 的 TAM 技术接受模型。后人在此基础上进行了很多实践，譬如 SAP 的用户体验问卷（UEQ）、Oracle 的客户体验价值公式（CX）等。公司内部各个 BU 也在不断的尝试和探索，譬如新零售技术团队的 TES 模型。技术团队研发效能的 DEVA 模型，国际 UED 语音设计的 HII 模型，阿里云的 QoUE 模型。纵观这些模型和实践，大多是主观数据和客观数据的结合。
我们团队也曾提出过 TECH 、PTECH 模型，但由于模型的操作门槛较高、对埋点数据有不少要求，难以推广到各条业务线。痛定思痛后，我们决定重新回归业务，回归“体验度量”的初心，去繁从简，提高通用性。
企业中后台产品的特点
企业级中后台产品最大的特点是任务性质非常明确；用户使用这类产品通常是为了解决某个确定的问题点，期待用新的解决方式降本增效。
桌面研究也表明：可用性问题是软件行业的普遍问题：在英国，一般商用计算机用户只有30%-40%的有效生产率；软件缺陷中，48%是可用性问题。
正是基于上述原因，我们尝试提出了“两章一分”的标准，分别从设计验收、可用性测试、易用度分数等三个维度对产品体验进行体检和把关。
什么是「两章一分」
1. 设计验收章
“设计验收章”主要有 3 个维度：产品还原度、任务流程跑通率、单页面加载时间。
产品还原度：指技术同学的最终产出与设计稿之间的差异；
汇总人工智能线、技术风险线等 5 个产品近 1 年的可用性测试结果。除功能、性能问题外，高频体验问题主要集中在“帮助引导”、“操作反馈”、“任务流程”、“概念术语”、“功能入口”这 5 个方面。同时，结合之前项目沉淀的设计经验和设计工具，我们最终将“产品还原度”的子维度定为“信息导航”、“帮助引导”、“操作反馈”、“文案名词”；每个子维度用 2-3 句描述来进行评分。
任务流程跑通率：验收确认能跑通的主干任务流程数，在所有主干任务流程数中的占比；举个例子，设计稿中枚举了 10 条主干任务流程，验收发现其中 9 条已跑通，那么任务流程跑通率就是 9/10*100%=90%。
单页面加载时间：接入雨燕性能指标数据的产品看“首次有效渲染时长 fmp”这个指标；未接入的产品直接主观判断，超过 3 秒的视为不合格。
2. 可用性测试章
“可用性测试章”也在验收阶段执行，同样有三个参评维度：最终完成率、人均求助次数和高阻碍页面。
我们没有考虑将可用性测试的常用指标——操作时长作为参评维度，主要原因是企业中后台产品类型多、使用场景复杂程度各自不同：用语雀创建企业空间只需要 5 分钟；用云凤蝶搭建一个后台页面可能需要 60 分钟，用 sofa stack 创建并发布一个应用可能需要 2-3 个小时……难以确定可以作为标准的具体操作时长。
3. 易用度分数
“易用度分数”标准为 5.5 分。
「两章一分」的实践
截至 2020 年 9 月，已有 58 个 产品实践过“两章一分”系列方法，基本覆盖平台设计团队支撑的重点项目及 UV 超过 100 的产品。详细数据如下图：
完整体验“两章一分”的 18 个产品，仅可用性测试就帮助发现 364 个问题，平均每个产品发现 20 个问题；其中，“九州2.0 发布部署”发现问题数多达 53 个。
设计验收：共创式验收
企业中后台产品生产阶段中，由于一般没有专门的测试同学，因此设计验收都是由设计师或 PD 单独执行，没有作为必选环节，有时候甚至会因为开发周期紧张而直接略过；既没有方法论，又缺乏仪式感。
“两章一分”的实践中，我们首次践行“共创式验收”，以项目组会议的方式，邀请各个角色共同参与到验收环节中：如果产品没有什么技术门槛，那么各个角色分别独立操作核心流程；如果产品有一定的技术门槛，则由技术同学操作核心流程，同时共享屏幕，其他同学从旁观察。操作完毕后，项目组内共同讨论发现的体验问题，并将问题落地到 Aone 中进行排期管理落地。
可用性测试：引入“技术支持”+圈定测试人数+ 线上测试降成本
企业中后台产品通常有一定的技术门槛，以 SOFAstack的测试任务为例：
使用 sofaboot 技术栈，创建 “hello world” 应用，通过“经典版”发布部署模式发布成功。
测试过程中经常会出现一些涉及到底层技术系统的问题，非设计同学能解决，因此我们建议做企业中后台产品的可用性测试时，需要配备至少一名技术支持同学，以备不时之需。
Jakob Nielsen 在 2000年提出测试 5 人就能发现 85%的可用性问题；结合我们的实际业务场景：有些产品真实客户非常难找；前期“共创式验收”已跑通核心主干流程；因此我们将测试人数限制为 3 人。
我们开始实操案例时，恰逢疫情期间，于是就引入了线上远程测试的方式；后续实践下来，发现远程测试能在观察、分析阶段显著降低执行成本。
通过钉钉或阿里郎发起视频会议，邀请参加测试和观察的同学入会，请测试用户共享操作屏幕，主持人录屏捕捉用户操作轨迹，PD、技术等项目组成员从旁观察。测试结束后，使用语音转文本工具，快速将音频转成文字。这种模式最大的好处有两点：
执行阶段的多样化
最开始提出“两章一分”的时候，我们原本希望这套标准能被作为判断产品体验是否好用，能否上线的标准之一；但实际并未推动成功。这里面有很多原因，其中一个非常实际的问题是很多产品需要调用线上数据库才能跑通核心流程，在测试阶段没法跑通；这就导致在测试阶段做可用性测试无法真实还原用户场景。
此外，设计师或 PD 新接手某款产品时，也希望能通过可用性测试的方式来快速了解产品问题。回归到“两章一分”的初心——帮助产品发现体验问题，因此，我们拓展了方法的执行阶段，不再局限于测试或验证阶段，只要场景适合，都可以用。
产品简介
LinkE 研发运维中心是云通未来 Serverless 战场的重要产品；业务方希望用该产品来整合研发同学日常高频使用的研发、运维、中间件平台，大幅减少平台割裂和跳转，提供沉浸式的产品体验。
目前该产品还处于 0-1 建设的阶段。
实践过程
结果用户在任务 2 遇到高阻碍页面，导致可用性测试结果为“不通过”，任务 2 的易用度分为仅 4.4 分，显著低于 5.5 分的参考标准；最终发现 30+ 问题点，并推动 PD 思考产品逻辑设置是否合理。
实践效果
在实践过程中，我们发现企业中后台产品的典型场景大致可以分为 4 个场景；不同场景面临的设计项目有所偏重；不同设计项目在体验度量方面的切入点也有所不同。譬如：云凤蝶是一个典型的沉浸式画布页面，所有操作几乎都是通过编辑器属性面板来调整，那么如何来评估编辑器的效率呢？通过一系列实践和思考，我们提出可以通过“高频属性查找、配置的步骤数和时间”、“设置相同组件属性的耗时变化”等指标进行衡量。以下是我们根据不同典型场景、设计项目提出的体验度量切入点。
「两章一分」的未来
经过 S1 长达几个月的探索：我们制定了“两章一分”的标准；对 30+ 产品进行了易用度分数的测试，捕捉分数基线；提炼实操方法技巧，并赋能给各位设计师；联合设计师和业务方跑通近 20 个案例。不管是问题发现数量，还是设计师、业务方的主观反馈，都让我们坚定“两章一分”在企业中后台产品体验优化中是一个相对有效的模式。为此，S2 我们打算继续深化。
我们团队当前支持的企业中后台产品以 0-1 阶段产品为主，PD 通常缺少用户意识和体验优化手段，这就导致了设计稿还原度较差、产品上手门槛较高。针对这一现状，我们尝试性地提出了“两章一分”这个评价标准，从设计验收、可用性测试、易用度分数 3 个维度来评价产品当前的体验现状。
通过 S1 50+ 产品的实操，我们一边不断完善评价标准和实操经验，一边总结体验度量经验；共帮助 18 个产品发现 364 个产品，并在 link 、sofa 等重点产品线中落地到业务生产环节中，在业务方层面收到良好反馈。
在这过程中，我们总结了适合不同场景、不同设计项目的体验度量切入点，验证了这种方式在当前企业中后台产品中确实有效。后续我们将尝试细化标准，闭环案例，对内对外发声等方式，更好地推动体验思维在企业中后台产品生根发芽；同时，也期待能跟对这块感兴趣的同行朋友们多多交流。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
编辑导读：当各大电商平台忙着双十一的时候，拼多多似乎是个独特的存在，不慌不忙，围观在旁。拼多多为什么不重视双十一？他们主要在忙什么？文章从这两个问题出发，对此展开了分析解读，一起来看看~
孙悟空是石头缝里蹦出来的。阿里系几位P8Plus的朋友和阿德哥聊时说，拼多多也是石头缝里蹦出来的！
“打京办”成立这么多年，没承想打出个拼多多。刚刚发布的拼多多Q3财报显示：首次单季度盈利，第三季营收142亿元；GMV达1.45万亿，同比增长73%；活跃买家达7.31亿……
在资本市场上，拼多多迅速赶超京东300亿美元达1600亿美元市值，成为国内仅次于阿里、腾讯、美团的第四大互联网公司。
自2014年起，投资界便开始流传“电商已是死赛道”的共识，拼多多的崛起给了投资界一记响亮的耳光，也再次说明了“长江前浪推后浪，江山代有才人出。”
与当年打京办、投苏宁等手腕比，似乎阿里对拼多多已无招可施，重启聚划算、推淘宝低价版眼看也只是“补课动作”。而拼多多，却正在暗暗部署更多领域，圈内人说，“谁如果小看黄铮的野心，就等承认自己是一个傻X”是同样的逻辑。
“摁不住的拼多多！”阿里的多位朋友如是说。
今年的双11因为“你懂的”原因而显得波澜不惊，除了天猫交出4982亿元、京东交出2715亿元的答卷之外，似乎乏善可陈……
“拼多多天天都是双11！”
拼多多的朋友告诉阿德哥，所以他们不希罕宣布成绩。
当然，这并非拼多多的官方回应，官方回应说，拼多多更在意消费者的购物体验。拼多多的Slogon是，多实惠，多乐趣。
一个小混混有了另立山头的志向后，并非马上另立山头，他首先做的，不是去激怒原有的老大，而是，开辟自己的新阵地，带自己的小弟。
拼多多只是不公布成绩，并非没有参与“双11”盛宴。
曾国藩说，聪明的人都懂得“藏拙”，但只有少数人懂得“藏锋”。
没有满减、盖楼、升级列车、养猫……只有简单的“低价”，拼多多副总裁陈秋说，本次双11，拼多多的一切优惠都将以最简单的方式面向用户，消费者不用做满减计算题，看到的即是最优价。
前几天，夫人非要去邮局给小侄子寄一堆童装，这与阿德哥的习惯大相径庭。可到了邮局，除了服务的眼神不对之外，价格真让我惊喜：30多斤一大箱的衣服，邮寄费30元。
总说国企服务没跟上，可价格也真是“良心价”啊。“自古真情留不住，总是套路得人心”，黄峥说。
总是低价得人心！
阿德哥曾做过了多次田野访问，得出两个基本结论，一是老家很多亲朋基本都知道淘宝，但大都却正用拼多多；另一个是阿里、京东多年的铁粉，居然瞬间被拼多多“拉走”。
“618”期间，一个朋友在京东购买售价1099元的Beats solo3蓝牙耳机，已准备在京东下手的他，突发异想去拼多多“多看了一眼”，499元。你没看错，不要599元！
这个朋友今天已是拼多多的优质用户，几个月时间里，贡献了近三万元的GMV。
打开拼多多APP，限时秒杀、断码清仓、XX特卖、9块9特卖……不要小看这样的战阵：因为大量的特价版块，外加重头推出的“百亿补贴”，拼多多给用户展示出的，可不就是天天双11嘛？
而其背后的玄机则在于：通过不断上新的各种大促，拼多多对于品牌的露出与销量拉动，早已远超传统电商“泛卖货”模式，它一改小商家陪炼大玩家的传统模式变成了“让更多的商家可以雨露均沾”。
如果非得去探寻一下拼多多的崛起路径，吃瓜瓤的多半会说，没有淘宝就没有今天的拼多多，没有微信也没有今天的拼多多。
这可以视为正确的废话。
当年抗美援朝的路上，也曾有不少志愿军睡着了。
移动互联网大潮来临的时候，互联网的生态发生了全新的变化，拉长时间线，谁临阵换了大将，谁展开了整风运动？
江山代有才人出，丁磊的知音，段永平的弟子，黄峥当立。
简而言之，阿里为中国的电商事业立下了汗马功劳，基本让国人实现了在“消费互联网”端的扬眉吐气；而腾讯的QQ、微信，则让国人实现了网络“非主流意见市场”上聚集了最多的人。
创业，天时、地利、人和。黄峥不会都得，但都挣得了。
淘宝“开卷考试”带来了最初的商家和货品，微信“热闹人群”带来了交易场景，砍价、拼单激发了社交流，拼多多，用了不到三年的时间，创造出了“新电商速度”。
随后是C2M新品牌计划，百亿补贴的大品牌计划，而快速上市带来的则不仅是高光，更是赢得了“黄金时间”。
按照传统电商资本套路，拼多多三季实现单季赢利之后，还有一年到一年半的“高增可亏损”黄金时间。换而言之，拼多多依然可以继续实现补贴、营销推动，而不必太在意赢利。
这样的时间窗口，纵观天下电商，唯拼多多有之。
有疑问的人，不妨多看看拼多多今年的前二季财报的营销费用率，答案摆在那儿呢。
恐怖的是，黄峥的野心并非只在“实物电商”，据说，在拼多多，更多的大杀器正在路上。
上天并非偏心，了解黄峥的人，知道，他只是大器晚成，而非天纵其才。
并非拼多多不重视双11，而是黄峥不重视，一是因为拼多多已上了轨道；二是因为黄峥最近只关注另一件事——卖菜。这便是多多买菜。
疫情期间，拼多多便推出了线下团购工具“快团团”，协助各地商家收集社区需求，从而实现在线下单。
此前8月，多多买菜正式上线，开始与兴盛优选、美团买菜展开直接竞争，先是APP端出现多多买菜频道，更是迅速推出同名小程序与“多多买菜门店端”服务号：采取的是与本地商超合作，线上卖菜、线下提菜的路径。
与别家合作前置仓自建供应链模式不同的是，多多买菜采取了只帮“合作商家”在线卖菜的方式，换而言之，多多买菜把实惠送给了合作商家，而它想要的似乎只是“用户”。
在这一逻辑下，拼多多采取了极为激进的补贴方式，以更高方式补贴团长，打出的旗帜是10亿量级，除此之外，还采取了“三高”战术：高补贴拉新、高频率回访、率入驻。
卖菜热不热？
阿里、腾讯、美团、滴滴、字节跳动尽数入局，而当前跑得最猛的是拼多多——多多买菜。
多位竞品人士告诉阿德哥，多多买菜团队更加年轻，除了在品控方面并未实现良好管控之外，其犀利程度、其执行力，远超阿里铁军。
腾讯阵营拉出了兴盛优选、食享会；而阿里系除了为十荟团、你我您合并之后的新十荟团打通阿里供应链之外，更是在近期有了新动作：菜鸟驿站团购接入了大润发的商超，盒马推出了盒马mini和盒粉群，据传零售通事业部亦正在筹备新的社区团购部门。
实际上，今年的互联网，除了5G软硬概念之外，最大的赛道是卖菜，它超过了前几年前辈造出的“新零售”概念。
今年，以卖菜为核心的生鲜赛道上，目前已宣布和汇聚的资金已超过200亿元。
黄峥似乎看准了这条赛道，而现在的增量搏杀，仅仅是开始。
“此一时”的策略，是黄峥铁了心要拿下仅比外卖吃饭稍弱的刚需——买菜，既高频，又具备想像力。
要知道，首先撬动农村及五环外的，是拼多多。而拼多多C2M端的大成，其实在农产品，卖空一个地方的农产品，早已在拼多多持续实现。
而在未来嫁接进自己的供应链，显然在逻辑上已是必须。而当务之急，是拿下更大规模的“增量”用户。
黄峥绝非魏延，仅仅是有反骨，他也更不会是邓艾、钟会，他是司马一族。
黄峥如是说，我认为最好的利用营收的方式就是投资R&D、基础设施、用户认可度、品牌知名度。重要的是，
培养人们的消费习惯，让人们以拼多多为最主要的消费平台。
黄峥之野心，苍天可鉴，近在咫尺的数据是：年活跃买家已增至7.313亿人，第三季度平均月活跃用户为6.434亿人。
与之对应的是，阿里最近的数据是：年活跃买家7.57亿，2020年9月，中国零售市场移动月活跃用户8.81亿人。
有人在意ARPU值、GMV，但拼多多似乎更在意客单量、复购率和用户数。
依阿德哥判断，电商格局正在乾坤大挪移。
嗯，了不起的盖茨比，摁不住的拼多多。
文章来源：人人都是产品经理 作者：韩志鹏
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
蓝蓝设计的小编 http://www.lanlanwork.com
