伴随技术的发展与人们需求层次的变化，新趋势年年都有，有的新趋势由于用的人多了，使设计作品逐渐饱和，慢慢失去了新意，有的趋势则会为企业不断地带来灵感，产生更多的“化学”反应。
今天，TCC 情报局从这篇国外大神的趋势里总结了 8 条影响 2021 年的用户体验设计趋势，以及可能面临的挑战。只有充分利用这些趋势来创造视觉表现力强且具有可用性的产品，我们设计的产品才可能被更多用户接受并喜爱。
2020 年无疑对全世界来说都是面临挑战的一年，新冠疫情的爆发使大多数人都体验了一把在家办公的 “乐趣”（作为一名大学在职教师，我也终于实现了多年以来睁眼就能上班的愿望）。腾讯会议、腾讯课堂、钉钉几乎成了每一位 “网红”，不对，是教师电脑里的必备软件。对于打工人来说，能够在家与同事进行线上协同办公，也成为了刚需。像 Teambition 这样能够实现多人协同办公的工作学习套件，使人们不但做到工作进度的实时同步，还做到了在家也能 996（泪目）。
△ 基于虚拟现实 VR 和增强现实 AR 的会议软件 Spatial
类似的办公协作工具，在国外也广受欢迎，Zoom 的股价在一年内上涨了 600%，Google 也加快更新了 Workspace 办公效率套件。可见这些产品在未来将会取得进一步发展，创造出更为成熟的虚拟办公生态系统。
△ 远程协作已经成为工作中的一部分
△ Divan Raj 设计的远程会议应用
△ Dmitriy Kharaberyush 对远程会议系统 Zoom 进行了 Redesign
在设计领域，设计工具的协同性也是设计师们比较关注的话题，Sketch 的使用痛点便是协作的问题，尤其对于后疫情时代来说，人们意识到了在线协同办公的重要性后，Figma 便以它惊艳的协同能力成功出圈，备受青睐，也成为了 Facebook 设计师们的御用工具。
△ 适合 macOS Big Sur 系统的全新 Sketch
增强现实（AR）和虚拟现实（VR）技术早已悄悄进入我们的日常生活，AR 上妆、VR 看房不再新鲜。2020 年，由于新冠疫情的影响，虚拟现实重新进入大众视野，成为人们关注的重点。
△ 将 AR 技术融入线下实体书店
Facebook 对 VR 和 AR 也越来越重视，公司旗下也会推出 VR 旅行、三维艺术品创作、AR 室内设计和博物馆等应用程序，还有用于教育的 VR 游戏等。
△ 博物馆指南程序结合 AR 技术
尤其对于教育领域来说，虚拟现实技术所具备的仿真性、开放性和安全性的特点，不仅可以使学生在学习过程中身临其境，还能打破时空限制进行集中教学，同时能模拟各种情景，不必担心有安全隐患。
△ 直播课程 Unacademy Plus 提出应用 AR 技术的概念版
过去，人们一直认为虚拟现实仅是一项娱乐技术，比如手游 “阴阳师” 的 AR 召唤，使无数人想起当非酋的日子；大多数人首次接触 VR 技术，也是在商场里偶然尝试了类似 VR 大摆锤这样的游戏，然后被吓得连连尖叫（不是我）。如今，这项技术在各个领域的广泛应用才是我们要讨论的话题，其在医疗、教育和艺术领域实现的跨越式发展，成为必然趋势。
△ 阴阳师 AR 召唤阵图
相信在未来，将 AR 和 VR 技术融入更多的数字产品和服务，也会给设计师们的创作带来无限可能。
在现代工具和技术的帮助下，设计师的工作流程得到了大大的简化，智能化与生成式设计也成为一大趋势。各大软件开发公司也争相推出了一系列智能化工具组，以帮助打工人们更快速的完成工作任务（也有可能是在跟打工人们抢饭碗）。这些智能化工具组可以分析大量现有数据，找出其特性，然后根据所提供的数据生产新的特性。这些工具可以帮助我们：自动生成多种布局，选择视觉风格，生成演示模型、优化设计细节。
△ 设计团队关注效率，使用组件化的协作方式
Sketch 中添加了颜色变量和组件视图的新功能，使保持颜色一致性和使用组件变得更加容易。
值得思考的是，在技术越来越成熟和智能的现代社会，如何平衡所谓人工和智能呢？生成式设计不仅仅在帮助我们更的工作，另一方面，在未来也可能夺走本属于我们的工作，毕竟 “鹿班” 的出现一度使 “美工们” 陷入恐慌。但是作为未来的设计师，我们必须相信，机器可以通过数据来相互学习，但它们还远远不能独立思考，不能在美学、情感化等问题上与人类竞争，人类所需处理的问题，远比机器要复杂。
△ 鹿班智能设计平台
疫情期间，为了避免用手触碰电梯按键，我们看到很多电梯都放置了纸巾、牙签等物品，哪怕如今国内病毒有所控制，我们也已经习惯用钥匙来戳一戳电梯按键。此后，语音声控电梯在武汉防疫战线调试运行。
众所周知，科幻超英电影中，总会为我们展现未来世界的面貌，语音交互技术在此类电影中早已不是什么先进技术。早在 2014 年《超凡蜘蛛侠 2》上映之时，电影中就有个值得注意的小细节，女主角格温（私心：超英系列最爱女主）所在的科技公司奥斯本总部的电梯，就可以通过语音交互来说出自己要去的楼层，同时还可以和漂亮的人工智能小姐姐对话。
△ 电影《超凡蜘蛛侠 2》奥斯本科技公司总部电梯内场景
△ AI 驱动的智能语音助手
除了语音交互，你们的身边可能早早的就出现过体感交互的例子。例如微软为 X-box 360 推出的外设周边 Kinect，就采用了体感交互技术，操作者可以通过自己的肢体去控制系统，实现与游戏的互动。你只需站在大屏幕前，挥动手臂，即可完成一系列翻阅、确认等操作，回想一下，你有没有在商场里见过对着屏幕过疯狂切水果的熊孩子，体感交互技术正在慢慢跟上他们灵活的速度（年轻人不讲武德）。去年 8 月，苹果获得了一项专利，该专利显示或许有一天我们可以通过空中手势来控制 AirPods Pro。
△ X-box 360 推出的外设周边 Kinect
△ 体感交互助力 Apple watch，未来可能在表带中也植入肌电传感器
△ 硬件设备结合应用程序进行运动数据记录
综上，其实无论是语音交互还是体感交互，都不是新兴的科技了，毕竟我们和 Siri 的骂战都持续了好多年。但是相信到了 2021 年，伴随便捷、安全、无接触等后疫情时代的需求，无接触式交互会得到更多广泛的应用。
随着 C4D 的大热，3D 设计近几年一直活跃在大众视野中，目前大多应用在营销活动、数据可视化、游戏等需要表达空间感和氛围感的项目里，还没有大规模的应用在日常的线上产品中。
△ 使用 3D 风格设计的游戏网站
△ Slava Kornilov 设计的车载导航系统
当 2020 年苹果全球开发者大会发布了 macOS Big Sur 系统后，趋势又产生了新的改变，Big Sur 中应用了大量新拟态风格的 3D 效果图标。这一波操作必然是引起了大量争议，期间涌现出一批对这套图标进行优化的作品，拟物的热潮就这么被重新点燃，3D 技巧细腻而自然的表现方式必然会引起大量设计师的关注。
△ 3D 风格的苹果系统图标
△ Flu AR Fluent 仪表盘
△ 3D 空间展示数据
伴随着 VR 和 AR 技术的发展，2021 年 3D 风格会更加流行，无论是从操作性，还是视觉效果的角度，3D 风格都可以产生极大的突破。得物 APP 等线上商城纷纷开通了 AR 虚拟试鞋的功能，帮助用户在足不出户的情况下体验 “真实上脚” 的效果。
△ AR 试鞋的功能已经普及
△ 基于 AR 导航的线上商店
精彩的动画故事会吸引所有年龄段的用户，毕竟谁都年轻过，都喜欢充满奇幻元素和大胆想象的画面。在界面设计中加入动画元素，使简约的界面和有趣的动画相结合，不仅能吸引用户，还能增添互动时的新奇感。
△ 加载动画可以充分发挥创意
奇特好玩的界面动效和微交互已经不算 2021 年的新趋势了，但趣味动画的其他应用方式仍值得我们探讨。毕竟任何动态演示都能比静态图像或纯文本更能清晰有效的传达你的品牌故事，并让人轻松的看进去（尤其你可能是个“阅读障碍患者”）。
微软的设计团队常常用动画技术制作宣传片来展示公司的新产品，2020 年较为火爆的是关于 Fluent Design 的系列动画，下面这条经典作品传达了如何将 Fluent Design 引入到 Office 移动端软件中，且共享相同设计元素。动画演示巧妙的展现了新图标元素的构成，轻快的配乐配合图标们可爱的变形，可以单片循环一整天。
△ 将 Fluent Design 应用于移动端的动画宣传片
△ Fluent Design 宣传片的剧照，采用 3D 动画的元素
设计中的动画应该是有目的和有意义的，不仅要赏心悦目，也要能够解决问题或传达概念。动画最重要的目的是解释、简化和加速交互过程，让用户不经意间嘴角上扬。
2021 年，趣味的动画不仅仅是一种纯粹的装饰和娱乐，其在设计中的广泛应用将持续成为设计师们热议的话题，好玩的动画就在那里，看你怎么用了。
有一种工程量很大的设计趋势，其页面布局和交互操作都特别复杂，使用复杂的动画、渲染、插画，用创新的交互吸引用户进行互动，鼓励用户不断进行探索。这种风格常常被用在技术型或创意型产品的网站上，可以表现出科技感和独特感，体现出公司或团队的能力。
△ Nathan Riley 设计的概念网站未来反思
△ Berezhnoy Eugene 设计的数据星球
△ Senko Holographic 设计的网站首页，鼠标移动可与页面进行交互
采用这种趋势设计的网站并没有统一的风格，而是各有各的特色，每一个的交互形式都极其创新，因为制作成本较高，通常是针对品牌定制化，下面将推荐几个优质的网站，小伙伴们可以自己去试一试。
△ 设计师 Louis Ansa 个人作品网站
△ 3D 风格的苹果系统图标
△ Flu AR Fluent 仪表盘
△ 3D 空间展示数据
伴随着 VR 和 AR 技术的发展，2021 年 3D 风格会更加流行，无论是从操作性，还是视觉效果的角度，3D 风格都可以产生极大的突破。得物 APP 等线上商城纷纷开通了 AR 虚拟试鞋的功能，帮助用户在足不出户的情况下体验 “真实上脚” 的效果。
△ AR 试鞋的功能已经普及
△ 基于 AR 导航的线上商店
精彩的动画故事会吸引所有年龄段的用户，毕竟谁都年轻过，都喜欢充满奇幻元素和大胆想象的画面。在界面设计中加入动画元素，使简约的界面和有趣的动画相结合，不仅能吸引用户，还能增添互动时的新奇感。
△ 加载动画可以充分发挥创意
奇特好玩的界面动效和微交互已经不算 2021 年的新趋势了，但趣味动画的其他应用方式仍值得我们探讨。毕竟任何动态演示都能比静态图像或纯文本更能清晰有效的传达你的品牌故事，并让人轻松的看进去（尤其你可能是个“阅读障碍患者”）。
微软的设计团队常常用动画技术制作宣传片来展示公司的新产品，2020 年较为火爆的是关于 Fluent Design 的系列动画，下面这条经典作品传达了如何将 Fluent Design 引入到 Office 移动端软件中，且共享相同设计元素。动画演示巧妙的展现了新图标元素的构成，轻快的配乐配合图标们可爱的变形，可以单片循环一整天。
△ 将 Fluent Design 应用于移动端的动画宣传片
△ Fluent Design 宣传片的剧照，采用 3D 动画的元素
设计中的动画应该是有目的和有意义的，不仅要赏心悦目，也要能够解决问题或传达概念。动画最重要的目的是解释、简化和加速交互过程，让用户不经意间嘴角上扬。
2021 年，趣味的动画不仅仅是一种纯粹的装饰和娱乐，其在设计中的广泛应用将持续成为设计师们热议的话题，好玩的动画就在那里，看你怎么用了。
有一种工程量很大的设计趋势，其页面布局和交互操作都特别复杂，使用复杂的动画、渲染、插画，用创新的交互吸引用户进行互动，鼓励用户不断进行探索。这种风格常常被用在技术型或创意型产品的网站上，可以表现出科技感和独特感，体现出公司或团队的能力。
△ Nathan Riley 设计的概念网站未来反思
△ Berezhnoy Eugene 设计的数据星球
△ Senko Holographic 设计的网站首页，鼠标移动可与页面进行交互
采用这种趋势设计的网站并没有统一的风格，而是各有各的特色，每一个的交互形式都极其创新，因为制作成本较高，通常是针对品牌定制化，下面将推荐几个优质的网站，小伙伴们可以自己去试一试。
△ 设计师 Louis Ansa 个人作品网站
△ 注重设计与科技结合的团队 Letters
△ 科技公司官网 Farm
体验后你会发现这类网站的视觉效果大多很惊人，交互方式充满想象力。为了实现效果，团队会产出高质量高标准的设计、投入大量的研发成本。当然，成也萧何，败也萧何，特别的交互使页面逻辑与我们常用的网站大相径庭，吸引眼球的视觉使页面繁琐花哨，会导致信息难以顺利传递至用户。这违背了可用性原则和无障碍设计理念，如果想要使用这样的方式设计产品，一定要在创新和可用性中找到平衡点。
在这个新时代，社会发展十分迅速，整体节奏都很快，互联网产品的操作效率需要随之加快，用户体验的每一步流程都要仔细斟酌，是否还能再精简一些、再快捷一些，我们的目的是帮助用户更的完成目标，因此轻量化体验必然是永恒的课题。最明显的例子就是登陆功能的简化，从早期的账号密码，到后来的验证码登陆、第三方账号登陆、人脸识别登陆，用户已经不需要记住密码，也不需要一步一步的输入信息，一切都变得更加快速、更注重实用性。试想会不会有一天，人们一出生就得到一个永久账号呢。
△ Surja Sen Das Raj 设计的极简风 APP
不光是交互操作，界面的视觉风格也正朝着轻量化设计的方向前进，如果你一直在留意 Dribbble 热门作品，会发现大部分都具备简洁清爽的特点。极简的配色和核心功能的突出，可以帮助用户聚焦于重点信息；同时，我们可以结合信息层级的整合来降低用户的外在认知负荷，进一步减少用户的学习成本，使用户更容易集中注意力；不仅如此，我们还可以适当为核心元素添加一些微动效，使界面更具有温度感的传递操作反馈。
△ Akshay Devazya 设计的求职 APP，注重页面 Z 轴的空间感
△ Dmitriy Kazarov 设计的极简风官网
△ Choirul Syafril 设计的云存储后台界面
△ 可爱的微动效交互
随着科技的飞速发展，轻量化可能是未来各个行业产品设计的趋势。以游戏行业为例，从早期风靡的单机游戏到现在随时可以面对面开黑的手游，主流玩家渐渐将自己的游戏阵地转移到手机上，无论是画面精致度还是游戏流畅感，手游都可以提供优质的体验，今年火遍全球的游戏英雄联盟也发布了手游版本。还有一个轻量化的案例，就是我们的小程序，微信、支付宝、百度纷纷发布了自家的小程序，我们已经可以在一个 APP 里使用多家公司的产品功能了。
设计趋势是循环的。用户体验设计的新趋势每年都会推陈出新，但也有很多趋势，几年后又会卷土重来，这也是为什么复古总会成为一种潮流。设计是手段，不是目的。 比起紧随潮流，更重要的是理解趋势背后的价值和意义， 创造有价值的设计作品，趋势就会成为你的那阵东风。
文章来源：优设网 作者：TCC设计情报局
蓝蓝设计( 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界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
可以说，每个项目因合作方式，人员习惯，落地形式的不同，所形成的规范是有区别的。所以，设计规范更应该是针对项目来说的，除非是问你Android或iOS这种已经广泛适用的平台级规范。不然是很难有标准答案的，回答更应该是一种思路的描述，比如你会如何定义一套规范、解决了哪些问题以及如何验证这套规范真的助力了产品的体验提升。
Don't make me think。大家都知道，好用得产品都是尽可能的减少用户思考，不断去贴近用户的使用习惯。比如在iOS系统里想返回上一个页面时，你会熟悉的去左上角找返回操作，但如果把返回操作放在右上角就会很不习惯；再比如对国内用户来说，他们习惯正确按钮用绿色，错误按钮用红色，如果你非要反过来制造所谓的差异化，用户就会感到困惑，误操作的概率也可能会大量增加。
其实网上很多设计规范，原理之类的文章，源头都来自于这些大厂规范，想获得一手信息，最好是自己去这些网站多看看。
这也就是我为什么不写具体规范数值的原因，因为网上的资料实在是太多太详细了，写一些重复的知识实在是没多少价值。学知识的路上一定不要什么都等别人喂给自己，需要更多的主动性，这样才能提升自己的学习能力和解决问题的能力。
2）针对自己要做的模块，有针对性的找市面上大厂的应用作为参考，直接截图标注，自己总结规律印象会更加深刻。
我开始做UI的时候就这样学习的，不知道字体该用多大，间距用多大，颜色怎么用，就直接去找相类似的界面截图参考，量它们的尺寸，吸它们的颜色，然后就这样一步步的把规范经验积累起来了。
比如从QQ的动态tab页面中，我们可以借鉴到很多信息，比如列表的高度，列表左侧的图标尺寸和圆角，间隔线高度和配色，右侧的箭头大小和配色，列表文字的字号和配色，用户头像大小和结合的样式，图标与文字的间距等等。这些借鉴并非是抄袭，要你做的跟这个界面一模一样，只是参考这里面的某几个属性然后结合自己的产品综合运用，减少出错。
发现了吗？一个优秀的界面设计，上面的任何信息其实都可以拿来参考，就看你会不会用了。
文章来源：彩云译设计 作者：彩云
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
今天分享的题目是从品牌到UI，用设计的思想与这个世界和解；这里的我说的和解比较宽泛，大家可以理解成与客户和解，也可与产品经理和解，也可以是与自己和解；
为什么选这个主题呢，原因是之前在网上听一群人总是说互联网走到了下半场，我和好奇，就去查这个下半场到底是什么，后来总算知道了，互联网行业走到现在，已经从增量时代转为存量时代，这个存量时代就是下半场，人口、流量、资本的红利都逐渐收紧。
在这种情况下我的产品如何从同类产品中脱颖而出，或许增加品牌属性是种方法，希望大家在听完这个分享后，会有一些启发。
在互联网的增量时代，品牌设计与UI设计是两条平行线，几乎没有交集，你做你的画册、slogan、包装，我做我的网站、app、微信小程序，偶尔互相模仿，但也不是主流，毕竟两者载体不同，目的不同，用户也不同；
但是到了存量时代，影响用户选择的一个重要因素是「品牌」，一个产品要想从同类产品中区别出来，需要有个性，UI+品牌成为产品生命周期中重要的一环，下面我们看看如何在用户心中植入产品品牌；
在在品牌植入方便，国外很多产品已经走在了我们前面，我们来看看谷歌，谷歌开发者大会上对 Material（ Design做了更新，我印象特别深刻的是Google对图形语言单独拿出来做一个模块解释它，它提取了圆形作为视觉DNA，并沿用到产品的每一个控件；
当然，如果我们想传达我们产品的品牌理念，只在图标组件里运用是远远不够的。
诞生于1886年的可口可乐，每年都做产品运营推广，不断大量的重复它logo的弧线元素和瓶子的外形；
还有刚刚过去的双11，从2012年11月11日开始的天猫节，现在是全球最大的B2C平台，天猫猫头运用也是渗透到全产品线里面去了，问大家个问题，大家有没有人知道这个猫头品牌是谁创立的？其实就是马云的继任者，现任阿里巴巴集团董事局主席张勇；讲的有点远了，我们再回到我们的主题；
这个图很好的解释了品牌与产品与用户的关系，产品需要品牌牵引、支撑，现在互联网产品越来越趋于同质化，UI 设计师已经不能局限于界面的表现层，更要了解产品背后的逻辑，然后以业务为依据设计品牌，以品牌为基准去设计产品。
第一章意义Significance，这个章节我们讲讲从品牌到UI的意义
第一个意义是对内：可以规范统一，协作
品牌本身就可以作为设计规范的一个重要指导原则，通过对配色、文字、图标、控件等建立设计规范，可以有效减少设计决策时间，传达一致的品牌调性。
第二个意义是对外：可以提高认知，溢价增值
如果一个产品失去了个性，不看 logo，单纯看界面的话，很多时候根本分不清是到底是哪一家公司的产品。如果能够关注设计细节对品牌的影响，肯定能更好地提高用户对产品的认知，当你对一件产品注入了感情，同时也就为产品提供了营销推广的立足点；也可以这么说，设计师创造的情感性价值，直接实现了产品的溢价增值；
第二章感知Perception
有位设计界的前辈讲过，品牌知名度其实就是信任度的体现，他说世界上最成功的品牌就是宗教，这里没有诋毁任何宗教的意思，但是宗教建立的品牌信任度，远远超过了任何商品；
这里我们从用户的角度出发，看下用户是如何从产品感知品牌的；
在设计产品的时候常常会发现我们觉得理所当然的地方，用户往往没按我们想的方式去使用。那是因为设计师通常有整体观，站在金字塔顶端去规划一个产品的设计，而用户则恰恰相反，在金字塔底端往上爬，他们不知道这个金字塔多高，也不知道从哪一面开始最好爬，所以会遇到各种问题。
同样，用户对品牌的感知由低向高的，用户通过各种场景接触到产品，再通过产品的视觉呈现、功能体验、信息内容等感知品牌，最后在心中形成印象，构建品牌信念，从而影响下次产生相应需求时对产品的选择；
可以联想下我们的购物体验，是不是总是从同一个地方shopping，这就是购物APP品牌价值已经使你已经形成了习惯选择；
作为设计师，我们需要充分理解品牌内核，由内向外将抽象的品牌内核转化为具象的视觉符号，再延伸到用户与产品的各个接触点，从而将品牌理念植入用户内心。
第三章融合Integration既然上面我们讲品牌和UI最终要走的一起，这一章我们讲他们如何在工作融合
第一步，明确定位，提取关键词，建立情绪板
当代广告教皇，美国奥美广告创始人大卫.奥格威说，“最重要的决定是如何定位你的产品。”
在大师的指引下，我们发现首先找到品牌定位，定位自己的细分市场和目标用户；
2.围绕品牌定位提取关键词；
3.建立情绪版，将抽象的概念转化为可感知的视觉；
第二步，提取视觉表现元素，并设计融入品牌定位。我们重点从颜色、图形、纹理、字体四个方面讲一下。
有时甚至不需要任何图形，单凭颜色就能产生对某一事物的联想。
现在UI设计流行的极简风，我们发现这些应用采用极简化设计的同时，图标也变得更鲜艳，更引人注目，说明这些产品也在寻求一个平衡，在 UI 设计变得极简趋同的同时，仍然能保留核心的品牌基因。
颜色在 UI 中的表现有 logo、导航栏底色、图标、文字、可视化图表、插图、按钮等等。 
现在UI设计流行的极简风，我们发现这些应用采用极简化设计的同时，图标也变得更鲜艳，更引人注目，说明这些产品也在寻求一个平衡，在 UI 设计变得极简趋同的同时，仍然能保留核心的品牌基因。 
图形
我们知道颜色是抽象感知，图形是相对具象的表现方式。
一旦某个特有的图形在用户心中形成烙印，用户见到相似的图形组合都能往该图形联想，从而关系到图形背后所代表的品牌，这也是很多企业做品牌升级的时候 logo 都越来越简洁的原因，因为这样能有效降低用户的认知负担，提高品牌认知。
图形通常从 logo 本身提取，并在 UI 中延伸应用。比如马蜂窝、百度网盘、京东做品牌升级的时候都不约而同地从 logo 中提取了一个代表微笑的弧度，传递友好、温暖的品牌形象。
飞猪提取了 logo 中「猪的发型」用于搜索框，韩国的电商品牌11街也将 logo 延长作为界面中的搜索框。
纹理
在 UI 设计或者运营推广运用中，通过提取品牌图形元素，再运用分形、排列、重复、平铺等设计手法形成品牌纹理。
我们看看京东的启动页用 Joy 的外形旋转做成的纹理背景；
国外著名的聊天应用 Whatsapp，在聊天页的背景用涂鸦插图纹理做背景；
还有腾讯文档的启动页、登录页用了渐变的菱形作为纹理，辅助品牌的视觉表现。
我们还在聊图形复制变形的时候，国外的UI设计已经细化到了十分惊人的程度
例如UBER 在做的品牌升级，设计师出来将每个国家富有代表性的图形提炼， 然后重复运⽤平铺，形成带有地域特色的⼏何纹理，运⽤到闪屏和线上线下的产品当中。
字体
字体是最容易被忽视的设计元素，很多人会认为 UI 中的字体用系统默认的就行。其实字体对于产品气质的体现着很大的作用，很多品牌都把字体设计当成品牌基因中重要一部分。
字体的选择需要契合产品功能特点与品牌调性。
微信读书使用了方正宋三，让人阅读起来有种文字秀丽的浸入感；每日故宫使用了方正清刻悦宋体，字里行间隐含着历史古韵，渗透着文化气息；澎湃新闻使用方正准雅宋体，体现其作为新闻产品「专注时政与思想」的严肃一面。
英文字体也可以使用契合产品气质的英文字体。比如常被用作数字字体的 Din、经典的衬线字体 Playfair Display、⾕歌御用的 Roboto 等。
第三步，融入品牌触点
这里我解释下品牌触点这概念，是指一款产品中品牌信息接触点，是决定用户对产品品牌印象的关键；
我们看几个案例，
启动页：知乎的启动页采用 slogan 加 logo 的方式来体现品牌，这也是绝大多数应用的做法；每日故宫启动的时候伴随着一声钟声，页面会有一个光线流动的动画，极具仪式感，一下子就把用户带入故宫庄严的氛围当中。
图标：东家的每一个图标都融入了印刷式字体的元素，体现其匠人的品牌基因；mono 则直接把产品名称「 M O N O」用于导航栏。
插图：Dropbox 的儿童风格的插画与 B站 的二次元插画都非常契合品牌特征。
品牌触点式多样的，除了上面的启动页、图标、插图之外，还有预加载图、loading、动效、新手引导等等都能体现品牌触点，这些品牌触点，都是讲述品牌故事的关键载体，帮助产品从同行业中脱颖而出，这里由于时间的关系我们就不展开讲了，有兴趣的同学，我们可以单独交流哦
互联网行业已经过了拓荒时代，行业沉淀下了许多有价值的知识，也有许多非常好的 UI 组件和规范文档可以直接使用；
另一方面，很多公司对于 UI 设计在整个产品生命周期中的价值，普遍觉得不是非常重要，UI 设计部门只是一个业务支持部门，起不到主导作用。而如果 UI 设计师做的工作还是停留在把产品的原型文档变漂亮，肯定是不行了。
设计师不仅需要对产品业务和商业有深入了解，更重要的是对于品牌在整个产品链路中的应用与把控。
我们需要走出舒适圈，主动去挖掘更深层次的设计价值，提升自我价值。
诚然改变一个大的设计生存环境是非常漫长的过程。要不停的尝试，就像不停的迭代做新产品一样，不能因为一两次的失败打消掉设计的积极性。
设计的终极最后就是和解 Compromise
开篇我提到了与世界和解，分享下我是怎么和这个世界和解的，我相信三句话，可以跟这个世界和解
再次谢谢大家听我叨叨，如果大家喜欢，下次我们可以叨叨点关于设计的更有意思的事，谢谢
文章来源：tob.design 作者：无名大师29aef85c40
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
新的十年，新技术也悄然到来。人工智能润物无声，5G 应用也渐渐崭露头角。新时代带来了新的技术，新的场景，新的用户。用户体验从未像今天如此丰富多彩又复杂细致，给设计师带来了全新的机遇与挑战。
而在疫情的大背景下，对演出行业而言，需要加速传统演出产业的线上化变革适应疫情背景的同时，也要利用新技术尝试增强线下的演出观演体验。这对演出形式的发展提出了更高的要求。
猫眼演出设计团队搜集近年来优秀的用户体验案例，并尝试预测未来一段时间用户体验发展的趋势与方向。希望对大家有所启发。
相较于演唱会、音乐节等演出，展览内容向线上迁移的成本较低。2020 年的毕业展览，各大高校采用了不同形式的线上展览，为青春画上圆满句号。
央美的线上毕业展中，几乎 1:1 还原了学校展厅原貌，观众可以在展厅内走动来观察展品。让观众身临其境感受艺术氛围。
清华美院的展览中采用视差风格，用户可以将手机横向滑动，感受内容在指尖流动。是更适合移动端浏览内容的形式。
说起类似「传统直播」的线上演唱会尝试，缺少演出者与观众的互动成为较大的遗憾。在钉钉 Live 与 Beyond 中，观演者可以通过摄像头参与到演出的背景中，并与演出者同屏互动，带来打破空间阻隔的互动试听体验。
荧光棒当然是演唱会不可缺少的一环。而能够与演出互动的荧光棒则能够大大提升参与感。
Beyond Live 推出的互动应援棒，可以跟随演出实时互动，大大增强了演出的临场感。
对演出行业而言，疫情的到来是不小的打击。但也激励着从业者往新的方向去探索，寻找为观众呈现演出的新形式。
人工智能的发展到今天，逐步开始为产品体验添砖加瓦。我们越来越能感受到产品更懂用户了，在合适的时机做正确的事情。而其中让产品更懂我们的，正是 AI 为产品添加的感官。
无论是视觉还是听觉，AI 赋予产品更细致的观察，从而创造更加人性化的体验。
语音类产品可以进行连续对话，并根据上下文进行整体语境的理解。不仅让日常生活更加便利，同时也照顾到听障人士，在打电话这件事情上实现了「文字 - 语音跨感官」的交流。
Google Assistant 可以根据用户的要求，打电话与商户老板预约订餐。
在小爱同学的帮助下，现在可以用打字聊天的方式接听电话。不仅让不方便接电话的场景得到解脱，也解决了听障人士打电话的难题。
借助 AI 对周围环境的分析，可以感知到更细致的用户场景。华为 Mate 30 Pro 借助 AI 判断人脸与设备之间的角度，来决定屏幕内容是否需要旋转。相比较陀螺仪对重力的感知，这样的方式可以更准确判断使用场景。
在呈现复杂内容时，AI 智能判断画面主体，从而优化给用户呈现的画面。
在 Bilibili 实现的防挡弹幕利用 AI 去分析视频中的人物、动物等「画面主体」，给弹幕添加遮罩层。从而实现画面主体与弹幕的和谐共存。
当机器可以看懂人的手势，我们就可以隔空来发号施令了。
在 DJay Pro AI 中，一台 iPad 放在桌面上，DJ 就可以隔空打碟。在难以触控屏幕的场景中，手势也有着其不可忽略的痛点。
在 Mate 30 系列中，用户也可以通过手势来进行截图、上下翻动等常用操作。
AI 赋予了产品感官，对现实有了更深入的理解。同时也使得 AR 的内容不仅局限于「好看」的展示，而能更好地与周围环境结合起来。
Google Lens 可以根据定位和识别内容判断用户所在餐馆，并在菜单中标注推荐的菜肴。
Rekugaki AR 可以识别画面中的卡通形象，并创建一个纸片人与用户互动。
更新 iOS 14 之后，AirPods Pro 拥有了「空间音频」。结合播放设备与耳机的位置，通过陀螺仪等设备共同模拟一个虚拟声场，让用户有身临其境的空间音频感受。增强了 AR 在音频领域的体现。
在 2020 年，内容为王的时代，UI 所扮演的角色也渐渐变化。从过去，想尽办法吸引用户的点击和关注，到如今，会更多思考如何包装和凸显内容。
或许润物无形，让用户觉得理所当然的沉浸感，才是 UI 最好的归宿。
相比较 UI 设计早期对于弹窗的频繁使用，近些年在产品设计中越来越克制对于用户的打扰。从而让用户尽可能沉浸在当前的体验流程中。
在 iOS 14 中，如果用户正在使用手机，来电则以通知的形式呈现，在玩游戏的场景可能尤为有用。Siri 也不再占据全屏幕的内容，而是以底部的小圆球出现。这样假如我们把手机呈现的内容视为沉浸的世界，Siri 更像是一个身边的小助手，而不是专门要跑一趟的柜台了。
在很多专注内容的产品中，会更注重沉浸式的设计。减少线框和切割，弱化 UI 和导航元素，在全局视野里都填充内容。
Apple Music 的歌词界面中，随着歌声响起，歌词也随之滚动。与此同时，背景也呈现极光的流动感。使人沉浸在优美的歌曲中。
在很多专注于呈现内容的网站中，则更多采用了扁平化、去分割化的设计。让用户更专注于内容本身。Dribbble 的改版中，将导航栏改为白色，背景也变为纯白。让用户不去思考功能模块，而专注于内容本身。
近几年随着屏幕技术的不断更新，逐步在硬件上呈现出稳定的产品形态。相较于传统的屏幕，手机屏幕的更新出现以下的关键词：
而这些新的硬件形态也对 UI 设计提出了新的要求。我们可以看到针对于这些硬件特性，UI 设计也有了新的变化：
相较于传统的直角屏幕，全面屏为了贴合手机的硬件形态。呈现一个圆角矩形的视野。在 UI 设计中，呈现大圆角风格的卡片设计，能更好贴合这样的屏幕，实现软硬件合一的观感。
如今主流的手机屏幕已经到了 6 寸，于是这对单手操作带来了很大的挑战。各大厂商在不断优化交互细节的同时，也有厂商带来了新的思路。
在三星推出的 One UI 中，将上半屏主要用于内容展示，而下半屏幕放置操作内容。在高德地图上我们也看到了类似的思路。
OLED 屏幕可以显示非常纯净的黑色，而深色模式可以很好利用这一点。深色模式可以突出内容，也可以因为大部分区域不发光更省电。而用户过去很多年都看惯了白色的背景，突然“眼前一黑”也许眼前一亮。
有了更大的屏幕，就要做更多的事情。越来越多的厂商支持系统级浮窗。甚至在 Galaxy Fold 2 中，可以同时显示 4 个分屏，还能再添加浮窗。
新出现的折叠屏形态，则要求产品在布局上更加灵活，在大屏幕上呈现更多内容。在华为 Mate Xs 的「平行视界」功能中，用户可以在左右分屏中展现前后两级页面，购物比价更方便。利用折叠屏的特性，实现了 1 + 1 > 2 的效果。
信息时代，数码世界已经承载了我们太多的回忆与财富。频繁的身份验证保证了我们的财产与隐私安全，但也带来了诸多的不便。忘掉的密码，湿掉的指纹，忍不住让人大喊「我就是我啊，你怎么不明白」。如何让身份验证变得快速且无感，让生活变得方便且简单。
在演出行业中，特别是需要快速准确验证身份的检票场景中，使用 AI + 人脸识别技术也大大提升了检票效率。
人脸总是最好的密码。不论是 Face ID 还是刷脸支付，快速、低错误率的特性，总是让人印象深刻。
Amazon 推出的无感支付超市 Amazon GO，用户不需要进行任何形式的身份验证，拿了商品，走出超市，购物就完成了。
iOS 14 中，你可以用手机来解锁车辆，甚至可以通过信息，将车钥匙分享给他人并设置可用时间。
如今每个人都拥有更多的智能设备，如果设备只能独立使用，显然不能发挥最大的价值。好在如今设备之间的连接更快更强大，最终组成快速无缝的优质体验。
超宽带（Ultra Wide Band，UWB）技术是一种无线载波通信技术，能赋予设备空间感知的能力。当设备之间了解了彼此的方位，能在很多场景尤其是家居场景中提供便利。
iPhone 11 搭载的 U1 芯片赋予设备之间的空间感知能力。用户可以将手机对准想要分享的设备，在界面中就会优先展示。
小米发布的「一指连」技术，用户可以将手机对准想要控制的智能设备，在手机中就会自动弹出对应的控制面板。
iOS 14 更新后，用户无需对 AirPods 进行断开或重新连接的操作。耳机会在用户在新设备播放声音时，自动连接到新设备。对于设备感知的弱化，就是对体验感知的提升。
在 macOS 10.15 后，用户可以将 iPad 作为拓展屏幕使用。并且无线、低延迟、高画质。甚至可以利用 Apple Pencil 在 Mac 的 Photoshop 中进行绘画，作为 Mac 生产力内容的补充。
使用华为手机与 MateBook 时，用手机轻触触摸板即可实现无线投屏。并且在电脑端可以打开手机文件进行编辑、保存，同时支持手机、电脑文件之间的拖拽操作。实现了手机与电脑的快速无缝协同。
数字世界如今已经承载着很多人的第二生活，而隐私的权利也在信息时代有了更广的延伸。在产品利用我们的个人信息创造便利的同时，也带来了很多隐私泄露的隐患。越来越多的人开始期待，能够享受大数据带来的便利，而不必担心自己的信息被用在不正当的途径。
iOS 14 之后的 App Store 中，用户可以看到应用所请求的数据权限。在应用访问剪贴板时，也会在顶部弹出提示。
安卓生态中的反复唤醒是困扰用户的一大问题。MIUI 12 中可以查看应用之间的唤醒、定位、使用媒体的记录，谁是流氓软件一目了然。
MIUI 12 中可以开启虚拟身份或使用空白通行证进行应用授权，这样既可以使用对身份有要求的 APP，也可以避免隐私的泄露。
iOS 相册权限细分为「全部照片」「部分照片」「不允许访问照片」，这样当用户仅希望分享几张照片时，不需要让应用可以访问所有照片了。
iOS 14 之后，用户可以关闭「允许 App 请求跟踪」开关，以此减少 App 对个人信息的获取。
2020 年，90 后三十而立，将要面对更多的挑战，承担着更多的精神与情感压力。
00 后也跨入了 20 岁的年纪，这些 Z 时代的年轻人成为了网络主流。他们追求个性，情绪上更加敏感，表达情感的欲望也更加强烈。
面对着 996、内卷与房价，似乎大多数人都在感受着不同程度的压力。
在网易云这样一个主打听歌评论的社区中，出现了大量带有「抑郁情绪」的评论。网易云也被大家戏称为「网抑云」。在发现相关情况后，网易云推出了「关怀计划」，在 App 中接入专业心理咨询的同时，也设计了一些治愈的小功能，帮助大家纾解情绪。在评论中用双指捏合，可以给评论者一个抱抱。在疫情背景的今天，或许是难得的安慰。
年轻人的个性化需求和表达欲望总是更强烈，在产品中满足年轻人的想法，就能抓住年轻人的心。
在腾讯漫画 App 中，切换性别会让首页呈现完全不同的内容推荐。
在 QQ 里，连续 7 天和同一个人聊天可以有一个小火苗，30 天则可以变成大火苗。而针对新朋友和聊得最多的朋友还有四叶草和小船等标识。这些个性化、游戏化的展示，满足了年轻人的展示欲望，和对趣味的追求。
2020 年，疫情让很多人分隔两地，很多亲密关系很难在线上维系。于是很多产品推出了「一起」功能，在线上可以一起听歌看电影，满足疫情时代，人们的社交需求。
在网易云中，可以分享歌曲给朋友一起听歌。双方都可以控制歌曲的切换与暂停，还能通过麦克风与对方聊天说话。
在 QQ 中可以选择「一起看」，分享给好友之后可以同进度观看视频，还能在下方聊天互动发送表情等。
在本文写完的 2020 年 10 月，我们能看见对疫情的控制程度在全社会的努力下渐渐往好的方向发展，线下的演出在渐渐复苏，行业对线上演出展览的探索也初见成效。
黄明昊 Just 18 Teen 新歌首唱会刚刚结束，猫眼演出 · 超级现场所实现的线上演出直播 + 线下影院观演，与偶像同屏的互动方式得到了粉丝的一致好评。
我们也即将迎来英雄联盟世界赛这样首个大型线下演出项目。相信 AI 人脸识别的技术在闸机入场的应用，能为召唤师们带来更好的观赛体验。
用户体验在 2020 年的发展，已经不局限于新技术的应用，也更考验用户体验设计师对于场景的细致洞察，对于用户情感的细微把控。
文章来源：站酷 作者：猫眼演出设计Team
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
用户隐私安全在产品设计中是很重要的一个环节，本文从用户体验角度切入，从匿名模式、减少永久性和减少公开性三个方面展开分析。
我们先看⼀组来⾃⽪优的2019年6⽉的调研数据：70%的美国⼈认为，与5年前相⽐个⼈信息变得更不安全。尤其是⾼学历⾼收⼊群体。由此可⻅⽤户对个⼈信息数据的隐私担忧⽐以往更甚。
⽤户隐私安全很重要，涉及的范围和⻆度也很多。本次的分析从⽤户体验⻆度切⼊，涉及如下三个⽅⾯：
Incognito Mode匿名模式；
Reducing Permanence减少永久性；
Reducing Publicity减少公开性。
下图是Google系App(Google AppChromeYouTubeandGoogle Map)匿名模式切换，从交互体验上来说有如下⼏个特点：
统⼀在右上⻆；
可以便捷切换⾄匿名模式，反过来也很容易切回登陆状态；
匿名模式的状态提示，例如YouTube 在匿名模式下在界⾯底部有⼩字提示“您 当前处于匿名模式”。
匿名模式不是最近才流⾏的功能，最早提供隐匿模式的是苹果safari浏览器，早在 2005年就⽀持了匿名模式。Chrome浏览器在2008年就开始⽀持此模式。虽然由来已久，为什么到了2020年，匿名模式依然是国外互联⽹⼀⼤趋势呢？
我们看⼀组数据：
这是来⾃DuckDuckGo 2019年9⽉的调研（DuckDuckGo是美国的⼀款不记录⽤户⾏为保护⽤户隐私的搜索引擎）。样本来⾃美国、英国、德国和澳⼤利亚的成年⼈⽤户，共计3,411⼈的调研得出。各国⽤户对使⽤搜索引擎的个⼈隐私安全⾮常在意（是否搜集个⼈的数据和记录搜索⾏为）。
2020年5⽉DuckDuckGo⽇均搜索次数为6200万。对⽐看2019年11⽉底⽇均搜索次数4900万，2018年10⽉是2900万。
最近⼏年的持续活跃度⾼幅增⻓证明了不记录个⼈隐私的搜素引擎越来越受到⽤户的⻘睐。
国内，头条、UC浏览器在搜索框输⼊状态也提供了“⽆痕浏览”⼊⼝。
不仅是搜索引擎领域，保护⽤户隐私也成为Facebook最重要的战略⽅向之⼀。Facebook CEO Mark Zuckerberg在2019年 F8开发者⼤会上喊出“THE FUTURE IS PRIVATE”。2019年3⽉Mark Zuckerberg发⽂，主题就是《聚焦于保护隐私的社交⽹络》。
我们先看国外社交媒体Stories（⼩故事）产品形态的流⾏。
⼈们总是对于所分享的内容永远记录在⽹上感到担忧。Stories24⼩时消失缓解了⼈们的隐私顾虑，这让⽤户更安⼼地⾃然分享。
Stories由Snapchat⾸创，由 Facebook发扬光⼤。早在2019年4⽉，Facebook+Messenger Stories, Instagram Stories⽇活⽤户数就突破5亿。 2020年2-3⽉LinkedIn，Twitter也先后宣布将上线类似功能。
来⾃⽪优的调研报告：41%的美国⼈经历过⽹络骚扰，最常⻅的就是在社交媒体上。23%的⽤户最近经历的⽹络骚扰来⾃评论区的评论内容。27%的⽤户经历⽹络骚扰后决定不再发布任何内容。
我们以限定评论互动的公开性为例：
2020年5⽉Twitter上线了新的评论功能，可以限定谁可以回复帖⼦的功能，提供了三种选项：谁都可以评论，只有被关注者可以评论，只有被提及者可以评论三种公开度的限定。
Instagram也在测试“评论限制”新功能，批量屏蔽/限制评论。⽬前已经上线的⼀个例⼦：⽤户（评论发布者）如果发布的评论含有攻击性敏感词，发布前伴有提示，提醒评论含有攻击性敏感词是否真的要发布。
注重隐私提供仅好友可⻅/仅⾃⼰可⻅/仅作者可⻅/等多重维度的隐私设定有助于⽤户更安⼼地参与互动。
另外⼀个例⼦是付费频道会员：付费频道会员-限定频道的公开性让内容创作者减轻隐私顾虑不仅能获得⼴告收⼊，也能得到来⾃会员、会费的收⼊，形成“忠实粉丝”社区，有助于内容⽣态的社区化建设。
我们主要看YouTube的频道会员案例：
YouTube有两种会员模式。⼀种是YouTube整个平台的付费会员，去⼴告，看原创美剧影视，消费⾳乐，可下载内容的模式。第⼆种模式是Youtuber个⼈频道付费会员，吸引忠实粉丝加⼊。我想说的就是第⼆种。
为什么⼤V⽹红有意愿开通频道会员？
除了获得忠实粉丝收⼊变现的商业价值以及付费频道会员可以为忠实粉丝提供各种专属功能，背后也和⽹红⼤V对个⼈隐私顾虑有关。
⽹红⼤V在完全公开的社交⽹络上需要始终保持⾜够克制谨慎，避免引起争议。但在忠实粉丝付费频道专属会员群中，⽹红⼤V会减轻隐私顾虑，更加回归⾃我。
⽐如在频道会员中发布更多与个⼈⽣活相关的内容，表达更多不便在完全公开的社交⽹络中的想法和感受等，因为忠实粉丝通常更具包容度，更不容易引起争议。
YouTube频道会员费⽤可以从三种会费（按⽉）区间选择，⽀持多选：
低阶 Low Levels $0.99~3.99;
中阶 Medium Levels $4.99~14.99;
⾼阶 High Levels $19.99~49.99;
频道会员功能在2018年开始测试，⾯向粉丝数过10万的YouTuber开放。
以上综述，我们可以说：
1.匿名模式：
虽然匿名模式由来已久，但仍然是当前的⼀⼤基本⽤户体验设计趋势，尤其是匿名模式的切换便捷性⾮常重要。
2.减少永久性：
Stories⼩故事24⼩时消失缓解了⼈们的隐私顾虑，这让⽤户更安⼼地⾃然分享,已经成为国外社交媒体平台的必备功能，Facebook， Instagram平台的最主要、最具影响⼒的功能之⼀。
3.减少公开性：
⽤户总是对在社交媒体平台发表评论有所顾忌，限定评论的公开性能够有助于促进⽤户发帖表达，其他⽤户也可以更安⼼地参与互动。
付费频道会员可以限定频道的公开性，让内容创作者减轻隐私顾虑不仅能获得⼴告收⼊，也能得到来⾃会员会费的收⼊，形成“忠实粉丝”社区，有助于内容⽣态的社区化建设。
从UE⻆度，我们可以为频道会员提供专属身份设计例如专属徽章，专属表情等。
THE FUTURE IS PRIVATE， 注重⽤户隐私的体验设计越来越重要！
文章来源：站酷 作者：百度MEUX
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
用户体验是用户在使用产品或者服务中的所有的主观感受。因此我们设计的过程中要以用户为中心进行设计，不能单单为了设计一个产品而设计，只关注产品设计本身的功能性。
在生活中好的用户体验设计的产品让人使用舒适，而用户体验不好的设计往往让人很糟糕。
用户体验比较好的：比如我们坐地铁的过程中很准时，这就是好的用户体验；在吃海底捞时，看到好吃的西瓜，他们会给你打包，这就是好的用户体验。
用户体验比较不好的设计：比如在生活中有些插座设计，一个两孔一个三孔，只能一次插一个，很气人有没有，难道上下错位和间距拉大有这么难吗？再比如蚊香的设计，很容易断，每到夏天不断几个，都不好意思！
在产品设计中是否满足用户需求我们可以分为 3 个点来进行分析，主要是有用性；易用性；满意度。
有用性就是产品有用的设计功能，也是产品基础的设计原则。
对于有用性而言，我们在这个过程可以主要在三个方向进行把控，就是：基本需求；期望需求；兴奋需求。
基本型需求
基本型需求是用户必需需求，用户在产品中认为这是必需的功能，（这些基本需求是用户认为必备的，有了用户觉得是应该的，如果没有这些需求，那么用户在使用产品过程中间大部分会直接放弃，选择其他家产品）。
比如淘宝产品中的订单和商品功能就是基本型需求；微信中的聊天和通讯录就是基本型需求；QQ 音乐中的播放页、播放菜单就是基本需求。
期望型需求
基本型需求是用户意愿型需求，用户自己也不知道，但是期望获得的功能。（这类需求就没有基本需求那样必备，是产品中期望需求体验越多越好，用户越满意，反之用户满意度也会下降）。
这类需求是期望型需求，也是我们产品竞争力所在，因此往往人们在谈论哪个产品好不好，通常是期望需求和兴奋型需求。比如淘宝产品中能买到便宜产品，而且符合详情页中描述；比如微信产品中聊天语音/微信/视频，聊天更加方便；比如 qq 音乐中的曲目和歌单数量增加，用户就会很满意，这也是期望需求。
兴奋型需求
兴奋型需求是用户非常期望的需求。（这类需求满意度高，有这些兴奋型需求时即使不太完善，用户也会满意，做得非常好就会让用户兴奋；没有这些需求用户也不会表现得不满意）。
比如淘宝产品能够更多满足用户多样化的生活，各种生活服务提供给用户；商品评价页用户互动，方便用户可以熟悉产品好坏；比如微信产品中暗黑模式，满意希望黑暗模式体验的用户需求；比如 qq 音乐中单曲热评，让我们对歌曲背后的故事，歌友的心路有了了解互动。
此外兴奋性需求在产品中还有一些重要的点，比如微动效、情感化设计等等这些都可以让产品提升很大的用户体验，和宣传力度，因为用户在谈论产品好坏时候比较多的是说产品的兴奋型需求。
需求分析模型
需求分析工具 KANO 模型，主要是帮助我们直观的了解产品不用类型需求实现程度和用户满意度的对比，我们了解这些需求的时候，可以让我们更好的看到这些功能点有哪些影响力。
易用性就是产品好不好用，容易使用吗。同时我觉得在有用性上产品经理需要考虑得比较多一点，而易用性上就是我们 UI、UE 需要重点负责和掌握的东西。
对于易用性而言，我们可以主要在三个方向进行把控，就是：上手快 ；操作快；负担少。
上手快
上手快就是用户使用产品容易上手，没有啥学习成本。简单的意思就是让用户不怎么动脑去想就知道下一步我要做什么，用户操作满足自己的心智模型。
心智模式是指深植我们心中关于我们自己、别人、组织及周围世界每个层面的假设、形象和故事。并深受习惯思维、定势思维、已有知识的局限。简单理解就是在使用产品中满足我们对产品的认知思维。当然文中介绍的只是心智模型的很一小部分，主要是想让大家多去了解心智模型，更好地在以后的产品设计中运用它们。
比如淘宝的下单弹窗、微信的红包、QQ 音乐的音乐播放，都是用户容易上手，即使小白用户在使用时，根据它们简单的提示就可以操作，没有太多复杂选项，一目了然。
操作便捷
操作便捷就是用户在使用产品中操作效率高，没有太多干扰项目。（这类设计一般就是操作方便，尽可能地减少干扰项目，增加快捷入口等）。
比如淘宝产品中的物流信息，没有太多干扰直接出现在订单的头部位置，提高用户查看商品物流信息的操作效率，提升了用户体验。比如微信聊天中的发送图片功能，直接显示最近图片，快捷发送，提高用户发送图片的操作效率。比如 QQ 音乐的播放直接在首页出现，方便用户选歌切换，操作效率高。
负担少
负担少通常是减少记忆负担，不让用户累着，为用户分忧。
比如淘宝红包展示就是在我的页面里面直接显示；比如微信钱包余额直接在钱包按钮下方显示，不用进入三级页面；比如 qq 音乐自建歌单显示歌单数量，减少用户记忆负担。
满意度简单理解就是用户需求被满足后的愉悦感。它是相对的概念，就是用户需求和产品完成度之间的衡量。
对于满意度而言，在产品设计上有很多方面，今天我们简单讲一下两个方向的把控：视觉感官的刺激；奖励。
视觉感官刺激
视觉感官刺激主要是超乎用户想象的好看的视觉。而在 UI 设计中主要体现在动效设计、插画等等。
比如淘宝产品中的图标动效，趣味设计，提升用户对产品的情感交流。比如微信聊天中的表情包功能，简单的动作表达用户的心理，好看又好玩。比如 QQ 音乐的加载像音符一样有韵律地跳动着，给用户带来不一样的审美体验。
奖励
奖励是指用户在完成一些操作时给予奖励的设计。超出用户预期，带来愉悦。
比如淘宝用户每次下单/参加活动获得淘气值，满 1000 可以购买 88 会员，原件 888。比如 QQ 音乐的活动中心，用户每日签到累计可以获得会员体验奖励，更优质内容的声音享受激励。
用户体验设计最根本的就是以用户为中心进行设计，本文主要从有用性、易用性、满意度三个维度来把控用户体验设计，但是在日常工作中，因为产品业务的复杂程度，我们要因地制宜地进行设计，深入挖掘我们产品自己的体验设计特色，增加自己的设计市场竞争力。
文章来源：优设 作者：阿韩设计
想要做好用户体验设计，需要从那几个方面入手呢？
当互联网产业来到下半场，人口红利逐渐减少作用的时候，相信用户体验一定是产品设计的重点内容之一了。良好的用户体验不仅仅可以保证用户的数量，同时也能够保证优秀的用户粘度。那么，什么是用户体验呢？
你有没有在夜间使用移动设备的习惯？你觉得QQ现有的夜间模式亮度在使用时是否舒适？为了能够更科学的验证我们的设计，我们通过对比度分析、尼特值测试、色彩亮度和色彩通用性等维度去设计界面，并总结出一套优化方法来分享给大家，相互启发。
蓝蓝设计的小编 http://www.lanlanwork.com