共识目标大致分为两方面，拉齐理解和对齐标准。

拉齐理解，减小彼此间的认知差距。总体上，我们需要拉齐彼此对度量长短期价值和目标的理解；到各执行阶段，则需要拉齐对所需资源和预期输出的理解。

对齐标准，选择团队认同的维度指标与监测方式。个体对体验优劣的主观感受和不同岗位职责的关注视角不尽相同。总体上，我们需要以产品定位规划为指导，结合客观资源情况选择适合的衡量标准。

如上图举例，一个对内的商户操作系统与其他竞对在系统操作层面的比较意义不大，度量模型中用于和同类产品对标的功能完整性的参考价值降低，则可以考虑暂不纳入监测维度。

确定维度后的下探监测指标是共识最主要的内容。如上举例，当前业务首要关心产品SOP（Standard Operating Procedure 标准操作程序）“使用率”，而这项指标与已确认的参与度指标定义极为贴合，那我们就不妨直接将该项做为参与度内衡量指标优先接入。

二、共识内容

到了具体的共识内容，我们再按立项之前、项目执行，项目复盘的阶段顺序聊聊。

1、立项之前

01.确认要做体验度量吗？
体验度量模型从搭建、验证，到持续分析应用需要一个渐进的过程。充足的数据和稳定的调研机制是良好应用模型的基础。处于探索与深化初期的产品调整较为频繁，数据资源可能也有待完善。这一阶段体验度量理论方法或可以辅助完善线上埋点、建立定期走查、用户调研等机制，但对度量前期数据可用于分析的价值预期要适度降低。

02.首期度量的范围和预期？

首因效应的影响不容忽视。虽然第一印象并非总是正确的，但却是最鲜明、最牢固的，并且决定着以后双方交往的进程。

如上说到，度量需要一个渐进的过程。我们可以选择由局部扩充至整体，也可以由整体完善至局部。首期度量就面临着这样的选择，当然选择的范围也对应着不同的预期。

由局部扩充至整体，围绕业务当前需求，圈定最小度量范围。这样选择，一方面可以适度减低试跑数据的成本；另一方面，首期度量结果还不便向前比对应用分析，但这不妨碍调研监测到的信息为业务当前需求提供辅助价值。需要注意的是，虽然选择了由局部开始，但要始终遵循度量模型既定的统一框架，不能过分定制化。

由整体完善至局部，先监测宏观指标再逐步完善下探。这样选择，一般可以快速选定已处于长期监测的指标接入系统，但也因指标较为宏观，初期不免暂时无法解释数据现象，就需要多期的下探追踪来定位原因。

2、项目执行

01.指标统计

这部分是共识内容的主体，具体指标选取与统计方式我们在《体验度量经验分享：如何搭建体验指标模型?》中进行了梳理介绍。这里补充两个共识小方法，准备详细参考资料和选取整合已有资源。

对应每次共识的内容，参考资料可以有效提高沟通效率。“站在前人的肩膀上”在具体可感的案例指标基础上调整，远比凭空讨论有效。

选取整合已有资源，“避免重复造轮子”。举例满意度维度，如此前已建立了相似的NPS调研制度，那便不必费时费力重新发调研问卷或是开发线上场景化调研能力。接入现有调研数据，选择符合模型需要的数据接入或许更经济适用。然后，在此基础上再去优化指标细项与收集方式。

02.分析提炼

指标选取和统计仅仅是准备，怎么应用现有食材炒出好吃的“菜”，目前依旧需要人工分析提炼。

结合业务所需，明确重点分析方向，深挖原因是收获满意结果的基础。面对大量的数据呈现，虽不可预知提炼的结果，但唯有聚焦能减少迷失，尽量避免最终呈现结果过于泛泛。
分析结果往往包含需求洞察、痛点定位等多条信息，整体打包解决稍不实际。为跟进度量结果逐步落地，需明确优先级共识，推动度量不仅仅停留在“报告”的阶段。

3、项目复盘

01.如何评定度量的投入产出？

每期度量复盘，除共识达成情况和后期调整外，团队内对度量本身的投入产出评定常常有被忽略。

因度量周期较长，定位问题也较宽泛，即便已经定义了问题优先级，通常状况下也不便短期内解决，有些方向性的洞察也会分散应用到更多常规需求上，度量的价值也就没能被很好的跟踪记录下来。这一方面我们的经验也稍显欠缺，与需求绑定似乎还是不够明确的解决方案。拿出来和大家分享，期待收获更多的讨论。

三、共识方式

最后，简要聊聊共识的态度与形式。

中立的态度是沟通的基础。每个环节共识前，可以先单独收集团队成员的思路想法，引导大家放心分享自己的见解，提高收集效率，而不需当即讨论合适与否。

内部访谈，基于团队成员职责差异，制定访谈大纲与沟通顺序，为方便更高效的沟通与记录。内部沟通在达成指标统计共识的基础上，更可以帮我们对产品表象之下的业务逻辑有更加深入的理解。

稳定的节奏，明确每一阶段的待办与负责人，定期组会对齐进度，定期汇总小结，逐层汇报共识，得到更广泛团队成员的认可。

以上，便是对往期度量共识中非理论方法部分的梳理。如何沟通没有标准，共识程度也难以衡量。期待大家提出宝贵意见，共同讨论如何将度量的理论方法更好地应用于业务实践。

作者：李明玥、贺紫蒙

转载请注明：学UI网》体验度量经验分享：如何沟通共识?

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请加蓝小助，微信号:ben_lanlan，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系01063334945。

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

一、暗色模式下饱和度不宜过高

高饱和度的颜色能形成强烈的对比。在暗黑模式下使用高饱和度会很刺眼，给用户很不好的体验。暗黑模式一般在晚上使用，因此对设计师来说，需要做的是让整个配色相对柔和，让用户感到放松。基于此，在设计的时候应该将饱和度限制在200-500之间。

(彩云注：这里的200-500彩云去查了不少资料，但没有找到最好的答案，这里引用的是Material Design中的颜色规范，感兴趣的同学可以自行查找)

二、 按钮要有优先级

在同一个界面，最理想的状态是只有一个最主要的关键按钮和紧跟着的次要按钮。这是因为如果一个界面上有太多这种行动按钮（CTA）按钮，会让关键操作淹没在这些按钮中，让用户不知所措。

三、简化不必要的动词

没必要在菜单上增加动词和短语，用最少的信息写清楚功能就足够让用户理解了。所以，在菜单设计上要尽量避免增加无关紧要的词，这样才不会影响用户体验。

四、字体尺寸类别越少越好

你可能注意到，很少有表单的字体大小不平衡，字体之间的类别尽量少一些看起来会更加平衡。在决定字体大小时，尽量规范字号的标准。比如标题（16px），副标题（12px），正文（10px），说明文字（8px），这些尺寸都是以2为倍数的。

五、不要混用图标风格

尽管我知道要做好图标一致性，但在实际工作中依然经常犯错。很多设计师经常用不同风格的图标混在一起，这样会让整个UI界面的设计显得很不成熟。图标是为了让用户更有效率地理解事物。在使用图标的时候一定要注意图标的一致性，尤其是一些是一些风格细节。

这里也跟大家分享2个我自己常用的figma图标库：

1)Unicorn    (https://www.figma.com/community/file/931512007012650048)

2)Basil Icons     (https://www.figma.com/community/file/931906394678748246)

六、不同背景下的颜色饱和度适当微调

通常情况下，我们会认为一个颜色在深色模式和亮色模式下是用的同一个颜色值，但这其实是错误的。一个颜色在亮色模式下看起来非常漂亮，但在深色模式看可能就太暗了，反之亦然。解决这个问题最好办法是使用2套不同饱和度的颜色。

七、新手引导多给用户自主权

App的新手引导决定了用户第一次体验产品时的感受。在设计的时候，试着公开需要哪些具体步骤，增加”跳过“和前后移动查看的能力对新用户来说非常重要。

八、在图片上增加叠加层

许多网站和App都是用图片驱动的，但在图片上直接增加文字内容有时候会被淹没掉。在图片上增加一个叠加层可以提升内容的可读性。

九、信息部分露出

对于一些大屏设备来说，像笔记本电脑，平板电脑和智能电视，它们都有非常多闲置的空间。对于这些闲置的空间来说，尽量通过设计告诉它底部还有更多内容。这对UI和UX方面都有好处，因为空间的使用方式能够让用户清晰的知道所有内容。

十、拆分大段文字

为了让用户聚焦阅读，应尽量避免使用大段的长/宽行。保持短句和简洁能够增加内容的可读性。（彩云注：这点用在你的作品集里也是很合适的，有些人经常使用大段的文字内容来描述，很可能直接劝退面试官）

十一、Z字形原理

Z字形原理，也就是大众所熟知的”古腾堡原理“，它描述了当人们看到一个均匀分布元素的设计时，眼睛的总体运动情况。通过这个原理我们知道，用户在内容上的视线是沿着Z字形来阅读的，所以遵循这一原理设计你想要核心表达的内容。

十二、扩大可点击范围

扩大点击区域，维护像按钮、单选、多选等控件的响应尺寸，如果你设计的点击区域太小会让用户点击困难，造成流失。

十三、尽量使用简洁的图标

避免使用花俏和俗气的图标，它们会让整个设计显得非常不成熟，同时也是很难理解的。用上更简单的图标形式，会让界面更高级。（彩云注：当然越简单的图标其实想画出彩会更难，另外也需要区分不同的场景，像一些运营类的图标可能会为了活动氛围做的相对风格化一些。）

十四、正确的文案表达

选错文案，会让人们对于任务缺乏兴趣，根据上下文使用更合适的词组。

十五、考虑手势操作

轻敲和点击有时候很累人，可能不如使用滑动、拖拽等手势操作，这些操作会让界面更简洁并且也能顺利地完成既定任务。

十六、展示部分文案

在探索酒店、目的地甚至是阅读任何文章时，用户经常都需要点击卡片。为了使得探索更加吸引人注目和干脆，避免使用长文本导致的滚动。相反，可以加一个阅读更多的按钮方便想看全所有内容的用户。

十七、接近法则

”邻近的物体往往被视为是同一组内容“。有时候为了把内容区分开的更清晰，尝试用线对相关内容进行分组。（彩云注：其实有留白和不同颜色做区分也是可以的，建议根据自己的设计风格和具体内容来定）

十八、文字控件可视化

在设计控件时，如果可以用图形可视化的地方就优先尝试把控件图形化，除了非常需要很精确的设置参数。对于价格范围这种，很容易将它可视化为滑块控件。

十九、占位符要接近要填写内容

对一些人来说容易理解的东西，对某些人来说可能不是。因此，最好使用示例占位符来解释输入字段，这可以防止用户在填写内容时出错。

二十、系列位置效应

根据”系列位置效应“，心理倾向于记住列表的第一项和最后一项，而不是中间项。因此，在任何App中设计导航时，根据应用的上下文保持最左和最右的选项。例如instagram，最左边是”首页“，而最右边是”用户“。（彩云注：这是一个心理学上的理论，人们对于一系列的材料更容易记住开头的内容，也叫做首因效应或者首位效应；更容易记住末尾的内容，就叫近因效应。）

二十一、减少点击次数

在设计任何体验时，点击次数都是非常重要的指标。统计用户需要点击多少次才能完成他的目标，额外的点击会减慢整个操作过程。简化过程，自然体验就会更好，所以尽可能的减少点击次数。（彩云注：下面的案例，增加可点击符号也可以减少用户思考的时间。）

二十二、少即是多

为了使内容突出，没有必要使用多种字体类型，包括加粗、改色等等。只在最需要的位置使用增强的的文字层次结构、字体重量，同时只使用一种字体足以吸引用户对内容的注意力。

二十三、留白定义重点

留白在设计中非常重要，太少或者没有留白会使得设计非常混乱。明智地使用留白可以明确地强调内容。

二十四、别让用户闲着

根据多尔蒂阈值(Doherty Threshold)这个理论：”系统需要在 400ms 内对使用者的操作做出响应，这样才能够让使用者保持专注，并提高生产效率。“。因此，我们可以使用动画、图像甚至文本来保持用户的注意力。（彩云注：给用户的提示可以先快速加载信息框架，让用户有事可做，而不是什么都看不到）

作者：彩云Sky

转载请注明：学UI网》用上这24个UI体验优化经验，果然做出来的设计更高级了！

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请加蓝小助，微信号:ben_lanlan，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系01063334945。

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

人类与其他物种最显著的不同点之一是人类拥有与他人沟通和交流的能力。在整个人类社会的发展史中，沟通和交流行为需要双方处在同一个物理空间中。但进入21世纪，虚拟空间的出现让我们社交方式正在发生翻天覆地的变化，它已经成为我们每天生活的一部分，对设计师而言，虚拟空间设计仍是一个全新的、亟待探索的领域，我们有很多事可以做。

你或许听说过元宇宙这一新兴概念，它是一个增强的、或者说是一个完全虚拟的空间，我们需要使用VR头戴设备和数字形象才能进入。在这个有社交距离的时代，元宇宙可以让我们感受到更加紧密的社交关系：不论我们相隔多远，我们都可以看到和感受到对方。包括META（前身为Facebook）在内的很多商业巨头正在入局元宇宙，在他们洞察到的的商业机会上投资数十亿美金，这些投资在未来将为大量的元宇宙设计创造机会。

考虑到这一点，这篇文章主要描述关于元宇宙设计的一切：包括元宇宙的概念、设计元宇宙的技术，以及设计元宇宙的工具。

 

一、什么是元宇宙？

元宇宙一词首次出现在Neal Stephenson于1992创作的科幻小说《雪崩》中，讲述了主人公在被称为“元宇宙”的虚拟空间和现实空间中来回穿梭旅行。斯皮尔伯格的电影《头号玩家》也描绘了一个在不久的将来会出现的类似元宇宙的概念，在电影中，主角生活在类似于虚拟现实中，与其他玩家一起在元宇宙世界中探索。

《头号玩家》

元宇宙有很大概率成为Web3.0的关键元素，这是基于区块链的新一代更加民主化的互联网版本。产品设计师将专注于创建 3D 空间，这些空间可以是现有物理场所（即家庭、办公室、俱乐部），也可以是一个全新的世界（空间站、卡通世界等），但无论是什么样的虚拟空间，它都应该让用户感到舒适。

虚拟办公空间. 图片取自Meta.

2、元宇宙中的内容 

互联网时代的用户习惯浏览网站和应用程序来获取内容，那么元宇宙中，用户会期待什么样的内容呢？答案很有趣：和现在他们每天正在获取的内容一样就可以了。在元宇宙世界中，用户会选择他们熟悉的内容进行互动，比如文章、视频、音乐、电影等等。但他们消费这些内容的方式可能不同，比如元宇宙中用户无需购买大屏幕电视即可观看电影，他们可以依靠他们的头戴设备。

从设计的视角来看，在元宇宙中内容以最适合的形式展示给用户这一点尤为重要，但目前还没有简单且正确方法可以实现这一目标，因此设计师必须尝试各种内容形式，才能找到适合在元宇宙展示内容的形式。

3、数字商品 

元宇宙是一个拥有数字商品的数字世界。数字商品有它的局限性，你不能把它们带到物理世界中去，但它们也拥有巨大的优势——你在元宇宙中购买的数字商品可以以不同的方式在不同的环境中使用。例如，你可以购买一顶棒球帽，在你最喜欢的游戏和办公室中佩戴它，使其成为你个人风格的重要组成部分。当然，这个功能目前只是一个构想，需要那些在元宇宙运营的公司愿意支持数字商品在不同场景下的切换时才有可能实现。

4、去中心化的支付系统 

去中心化支付是元宇宙体验的重要一环。在虚拟空间中用加密货币支付数字商品比用真钱支付要方便得多。加密货币可以在用户加入的所有不同虚拟世界中发挥作用，在今天，一些虚拟世界也证明了这种商业模式的可持续性。Decentraland就是一个很好的例子，它是一个 3D 虚拟世界平台，提供自己专有的货币，名为 Mana。

5.为增强现实和虚拟现实设计 

从技术角度来看，AR 和 VR 设备的质量在未来一定会大幅提升，它们是用户进入元宇宙的硬件基础。在过去，AR技术被认为是迈向虚拟世界的第一步，但随着技术不断进步，我们逐渐发现虚拟世界的真正力量将通过 VR 展现。可以预见的是 VR 技术在未来会更加吸引用户，因为它可以创造一种逼真的感觉，一种让用户沉浸在交互中的体验。

以下几个方面值得在设计时重点关注：

• 环境理解理解物理环境中的用户。景深和透视是物理环境的两大特征，因此，VR 设备中的传感器将能够映射用户周围的世界，以便设计师可以在创造沉浸虚拟世界的同时保证用户的安全。
• 真实的面部表情设计众所周知，人类之间的互动很多都是不依赖语言的，面部表情可以帮助人们传达感受，因此，数字形象要像真实的人与人交互一样传达人类情感。
• VR手势设计标准化（头部、手部和身体移动）设计标准化将会制定一些通用交互模型，这样当设计师为元宇宙制作产品时，用户将更轻松地学习如何使用它。
• 声音交互以声音为基础的交互很可能成为虚拟世界中的一个重要组成部分。对用户来说，在私密环境中用语音进行交互要比在公开场合更加舒适。

6、隐私保护 

在元宇宙中，侵犯在线隐私的行为会让用户感到被冒犯，所以从元宇宙设计第一天开始，隐私、安全和数据保护就应该是重要的组成部分。

不仅如此，防止网络霸凌也应是元宇宙设计中不能忽视的一部分，用户应该有自由决定他们在何时想和谁在一起的权利（或一个人独处，或去公司上班），并将那些对他们产生负面影响的人从他们的社交圈中移除。产品设计师需要与数据安全专家以及行为心理学家密切合作，以创建更安全和人性化的服务。

7、更少的干扰性广告 

谈到元宇宙，或许我们脑中会想到一些基于广告曝光的商业模式，因为在元宇宙中植入广告将会是一件收入颇丰的生意，然而事实上，将广告植入虚拟世界需要谨慎、谨慎再谨慎。

想象一下，在你未来生活的元宇宙中，一些公司为了能更有针对性的为你提供服务，会跟踪你并记录下你的一举一动。这是一件让人非常恐惧的事，虽然元宇宙的创建者可能并不会这么做，但我们必须意识到这样做的风险非常高，特别对于那些把广告曝光作为商业模式重点一环的商业巨头来说（比如Meta），需要非常严肃的去思考是否可以接受过度广告植入带来的风险。

三、元宇宙设计工具

这里列举了5个设计工具，对于想要设计元宇宙的设计师来说，这些工具都应该派上用场。

1.、故事板

故事板是来自电影行业的创作工具。它是一个图形组织板，其中包含按顺序显示的动作场景的图片，这些能让工作人员更容易理解场景的性质和演员必须传达的情感。就像拍摄电影一样，如果没有好的故事讲述，就不可能创造出身临其境的虚拟世界体验。

故事版案例。图片来自NN Group.

2、3D建模工具

元宇宙是一个天然的3D世界，这个世界越真实，用户越能够进入沉浸式的体验。对于想要创造元宇宙体验的设计师来说，最好能成为3D建模大师，熟练使用如Blender、Cinema 4D、Houdini等建模工具。

使用 Blender 创建房屋模型。图片来自Blender.

作者：百度APP用户平台

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请加蓝小助，微信号:ben_lanlan，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系01063334945。

分享此文一切功德，皆悉回向给文章原作者及众读者.免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

前言

先来看这段话，大家猜猜这说的是一件什么事情？

我联合硬件排查部门、采购部门、电力工程部门等等，结合这些资源。我快速找到了问题根结，推动各个部门协同合作，在各部门共同努力之下，最后成功和圆满的解决了问题。最后，我也总结出了一套流程，打造出了一个新系统，该系统可用于自动检测类似问题。一旦被系统发现问题，系统将自动下发指令给最精准的业务部分，自动完成整个工程，解决问题。该系统不但节省了资源，还节省了人力。以前需要多人才能解决的问题，现在只需要1个人即可完成失去光明的时间，由以前的一个月，缩短到了1小时，在线时间达到99.99%。

如果用通俗的语言来说，就是：买了个灯泡，问了一圈同事，最后自己换了。以后灯泡再坏，也自己换了就好。

明明一句话就能说明做的事情，为什么非通过黑话去进行转译？

因为在日常工作中，大部分同事做的事情大同小异，很多都是很小的事情，如何能拉开差距，体现自己做的事情有价值，那么这时候，通过黑话可以很好的拉开和大家的差距，虽然本质上大家做的事情都大同小异。

黑话的流行，个人认为有以下两种原因：

1、同事间相互内卷的结果，通过黑话的包装，去拉开和同事间的差距。

2、更加高效地沟通。一个黑化名词，是一两句话极度简化的结果。如果每次大家沟通都大篇幅的白话去沟通，效率就会降低。

例如：消费者对品牌和产品形成固有看法和观念，这句话用“消费认知”这个词代替，就很高效了。

随着时代的进步，上面换灯泡的黑话来自于2019年，现在看来，已经显得很朴素。不够更黑话，步入2022年，黑话的维度也迎来升维增幅。

我进行一波修改，大家感受下这样是不是感觉更高级呢？

拉通多部门角色倒逼流程迭代，建立模型化、标准化、流程化范式。通过对建立范式的流程化复用，实现核心业务价值转化。通过新范式的迭代，形成不同业务标准分层，人效提升高达2000bp。

一个小小的换灯泡，都能说地如此高深莫测。那么在实际工作中，即使是对文案进行小修改，那文字会变得更加高深莫测。干的活立马就显得高级了。

接下来让我们来看看如何将黑话整进项目里面。

一、项目背景

以下这段是常见的项目背景的白话文：

目前购买流程用户流失率高，通过优化该流程，提升整体转化效率。

如何将这句话包装的高大上呢，显示的有格局呢？那么可以这么说:

通过数据分析发现整个购买转化漏斗，用户流失率高。通过设计手段重塑用户动线和购买心智，加固消费购买场，以此提升整体转化率和整体GMV。

通过上面可以看出，要将具体的细节手段写出来，具体的手段通过一些对应的高端词汇去替换，这样一整段话，就有比较深度和格局的样子。

最后通过具体的核心指标去验证项目背景的设计优化的意义。

二、设计目标

以下这段是常见的设计目标的白话文：

1、统一设计风格，提升整个购买流程统一性。

2、减少操作层级，降低多层级导致的流失率。

3、简化视觉元素，强化重要信息。

上述的这个设计目标通常来说没毛病，说的也比较清晰，但是不够黑话。接下来看看下面这个升级版，感觉如何：

1、通过平台IP统一植入到购买链路，深度绑定购买心智场景，全面占领用户心智。

2、通过设计策略透传平台的信任价值。

3、信息降噪，通过重构用户动线和视觉布局，简化用户认知与操作负荷。

4、重建购买链路的优惠服务承载力。

三、设计策略

以下这段是常见的设计策略的白话文：

1、统一性：通过优化图标，文字和视觉布局，提升整个流程的统一性。

2、简化层级：通过简化用户操作次数，提升转化率。

上述的这个设计策略，比较好懂，主要通过两方面提升整体转化率。如果给其他高纬度的大佬看的话，显得小白好懂，接下来看看下面这个升级版。

1、深挖品牌价值、提炼ip、强化信任，形成多矩阵购买心智，通过平台ip反哺购买链路。

2、透传信任，通过官方、第三方保险、用户评价等多维度组合拳深化用户信任感知。

3、通过对用户调研，重构用户购买动线，简化操作流程和信息降噪等方式提升转化率。

4、通过视觉表现和交互布局全方位展示优惠服务卖点，提升操作能效。

四、设计方案

常见的设计方案，都是直接放主界面和交互流程。但是这会显得不够高级。项目方案显得普普通通。

如果按照升维思路的话，那么就应该先展示以下四部分:

1、深挖品牌价值、提炼ip、强化信任，形成多矩阵购买心智，通过平台ip反哺购买链路。

2、透传信任，通过官方、第三方保险、用户评价等多维度组合拳深化用户信任感知。

3、通过对用户调研，重构用户购买动线，简化操作流程和信息降噪等方式提升转化率。

4、通过视觉表现和交互布局全方位展示优惠服务卖点，以此提升购买效率。

首先单独建一个画板，将上述的四个方面全方位展示。

然后做一个整体的方案汇报，展示全局性、局部性以及异常等。

最后才展示具体的设计方案。

最重要的是展示的角度要让阅读者眼前一亮，富有创意和高格局。

五、设计验证

以下这段是常见的设计验证的白话文：

本次优化，用户反馈良好。设计感官有一个整体的质量提升。上线之后，收到了业务方的好评。

上述的描述，只能说明上线效果良好，缺乏更细节的东西，例如可以这样说:

定量方面：

1、核心指标：GMV提升360bp，月人均订单数从5.1提升至6.2

2、大幅度降低用户操作时长，降低用户跳出率。用户操作时长从45s降低到了30s

3、整个购买链路，用户完成率提升550bp。

定性方面：

1、进一步完善购买场景操作链路，强化用户对平台消费心智。

2、通过对用户问卷数据回收，购买链路整体好感完成了一个新的升维定位。

作者：Echo

转载请注明：学UI网》如何高级的说话？设计师项目汇报之黑话指南

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请加蓝小助，微信号:ben_lanlan，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系01063334945。

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

1、表单排列

表单承载的主要功能是向用户清楚地传达信息，单列表单形式更利于用户浏览动线，帮助用户识别和填写内容。而多列表单形式用户的视觉横向移动范围更大，浏览和填写效率更低。

例如QQ邮箱设置页面中，选项都是采用了纵向布局的方式。当然这种布局方式是比较理想化的，是与场景相匹配的。首先作为设置界面，并非高频操作业务，用户只会调整部分内容，而不是全业务的操作。所以更强调信息的查看，纵向布局更有利于浏览。

其次，表单项内容应并不复杂，即使采用纵向布局，对整体的表单长度影响也比较有限。另外配合底部常驻按钮，对用户的操作效率影响不大。

而在B端输入型表单中，本身内容填写的任务就比较重，所以需要适当控制表单的整体长度，因此一味地追求浏览动线也是不可取的。

2、输入框长度

1）输入框排版

如下图所示，右图采用的是错落有致的排版，左图更加整齐划一。但是相比较而言，似乎右图的诗句舒适度更高。因为在视觉上我们更容易将右图的空间和内容视为一个和谐的整体，但左图过度的对齐导致暗示隐性的截断，我们会感觉表单列右侧空间缺了一大块。

所以表单中要注意整体的协调性，不要为了对齐而对齐。

2）输入框长度的暗示

输入框的长度具有一定的暗示作用，因为用户会认为它是与输入的内容是相对应的。尤其是邮政编码、电话号码和银行卡号等长度固定的字段。在设计这类输入框的时候，可以采用与内容相互匹配的长度，避免过长引起用户对输入内容正确性的疑虑。

下图即一典型案例。在上图中，不需要花多少钱的金额输入框进行等宽处理，容易误导用户对所需输入金额的判断，造成用户的不安全感。

3、必填与选填

必填和选填是表单的基本信息，用来引导用户识别关键信息，做出行为决策。

通常必填字段较少时，优先采用星号（*）标注显示，更好地提高信息识别效率。当必填字段较多时，则可以标注选填项的方式，避免出现满屏星号，增加额外信息量。

但是同一个系统中建议还是采用统一的标记方式。我个人更倾向于星号（*）方式，用户成本低，对内容干扰性更小。

4、识别好过记忆

这是尼尔森十大可用性原则之一，要求能够通过各种方式给予用户足够的信息，减少用户的记忆成本。在表单设计中，主要是各种提示信息辅助用户完成表单填写。

1）主动性提示

对于开放性、复杂的、超出用户认知的输入信息，需要做出主动性提示。例如在阿里云、腾讯云中，很多名称字段都是需要以字母开头的。而普通用户为了便于信息的识别和记忆，更习惯于中文命名。这种情况下，表单中就需要默认给出填写说明，减少用户的记忆和出错概率。

另外一些具有限制性的规则，对用户的操作会产生直接影响的，也需要显性地告知用户，尽量避免出现理解偏差，带来用户投诉。

主动性提示可以通过输入框中的「占位标签」告知用户；不过过长的提示信息通常放置在输入框下方，便于用户查看。

2）交互性提示

还有一种提示增加了信息交互。例如密码设置时，光标停留会触发密码规则提示。既保证了默认界面信息的精简，又可以保证提示的有效性。用户输入时，还会进行内容校验反馈，交互性更强。

3）被动性提示

对用户而言，解释说明、帮助信息更偏向于业务属性。随着用户深入使用产品，这些信息会变得不再重要，用户查看的频率也会越来越低。所以这类信息通常被默认收起，减少界面的信息量，用户在需要时主动触发查看。

5、主任务与分支任务的协同

有些展示型表单，主要是为用户提供信息服务的。但是为了保证操作链路的流畅，会加入一些分支任务。例如任务预览时，会增加「发布」或者「编辑」功能，便于用户直接完成二次操作；或者智能报告表单中会增加人工「修正建议」，对内容进行纠偏。这些操作只是可选项，并不是用户必需的操作行为。

如果按照顺序将信息罗列展示，这些内容会被放在页面底部。长表单场景下，这些信息会无法直观展示，用户难以感知。所以需要为这些支线任务增加额外曝光。

例如顶部的引导文字按钮，借助定位锚点，实现路径直达，提高操作效率；或者采用底部浮层弹窗的形式，方便信息的填写及表单内容的查看。

具体的设计方案有很多种方式，需要根据场景和用户确定。但是设计师需要能够将主任务和分支任务进行有机的协同，保证用户对页面内容的全感知和操作效率。

6、数量级的影响

有些时候我们不得不面对很大的数据量，这对设计师和用户都是一个挑战。设计时，我们需要根据信息量做出合适的设计方案。

信息量比较大时，首先要进行内容拆解，按照用户的认知习惯完成信息分层，让用户不要直接面对大量数据。例如通过树表结合，或者双层关联下拉选择，逐步缩小用户的目标范围。

某些场景下，还要增加辅助搜索功能，让信息筛选更加简单。

表单设计除了静态展示效果外，还有大量的交互操作。主要的设计目标就是「效率」和「防错」。

1、操作效率

1）减少用户输入

虽然PC端输入比移动端更加便捷，但是输入型操作对用户而言成本仍然较高。一方面用户需要思考应该填写什么内容，另一方面需要准确地完成内容输入。而选择的成本相对更低，因此在表单设计时，尽可能让用户以选择的方式完成任务。

例如邮箱在上传附件时，如果邮件没有填写过标题，会将附件名称直接填入邮件标题中，减少用户输入。

2）合理预设

表单信息可以通过信息的抓取、内容关联度分析，预设合理内容值，减少用户的操作。例如QQ邮箱设置时，系统提供了默认话术，用户只要快速启用即可。

对于如证件类型、手机区号、国籍等较为通用的选项，为用户提供默认选择，同样可以有效简化操作步骤，减轻用户输入，帮助用户更快地完成表单填写。

2、业务流程顺畅

当我们在填写A任务时，需要关联选择B任务。而B任务并没有创建，该怎么办呢？

通常情况下，需要在A任务中完成创建B任务。例如弹窗、抽屉、甚至是新开页面的形式，保证主流程的畅通。否则对于高频操作的任务，会严重影响用户的操作效率。

如果由于各种因素，在流程中无法直接创建分支任务，或者由于各种限制条件阻断用户操作时，该怎么办呢？

此时需要在任务开始前，给用户足够的信息提示。避免用户已经填写了部分内容后，发现缺少相关的内容，导致任务无法完成。这会带给用户非常糟糕的体验，尤其是会消耗用户较大精力的工作。

3、保存机制

表单填写时，可能会遇到各种异常场景，需要有防错机制和保存功能，避免用户误操作时造成信息丢失。

4、即时反馈

表单填写是为了向用户收集正确有效的信息，所以需要在用户填写完成或者提交表单时增加校验机制。

校验机制分为前端校验和后端校验。

前端校验无需服务器传输数据，前端页面会根据校验规则，对输入完成的内容进行验证。例如邮箱格式、手机号长度、密码是否符合规则等。

后端校验需要将表单内容传入后台数据库进行匹配，不匹配则会将信息反馈至前端页面。通常用在点击提交按钮后，例如账号不存在、密码错误等。

前端检验可以帮助用户及时发现问题并修改，纠错的效率更高。后端校验相对滞后，出错后用户需要自行定位错误项。

无论采用哪种方式都要告知用户错误原因，帮助用户快速解决问题。

写在最后

表单设计是设计师绕不开的内容，无论用什么方法论也无法穷尽其中的可能性，也没有一套覆盖所有场景的设计模板。设计师需要根据实际的业务场景，去完成合适的设计方案，并在不断的实践中积累经验，总结得失。

作者：子牧先生

转载请注明：学UI网》设计基础(8): 表单设计中的认知与交互

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请加蓝小助，微信号:ben_lanlan，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系01063334945。

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

一、持续时长和速度

动效设计中的持续时长和速度是两个密切相关的因素。在动效设计中，需要确保动效不要移动得太快或太慢，从而影响可用性，破坏使用体验。

那么，动画的最佳时长是多少呢？

一般来说，标准的UI动画时长应该在200毫秒-500毫秒之间——这组数字是基于我们大脑的处理能力而得到的时长区间。

小于100毫秒的动画是瞬时的，不会被用户注意到；如果时长大于1000毫秒(1s)，会让用户感到动画很缓慢，带来一种拖沓的感觉。

同时，我们也要考虑其他可能影响动画速度的因素：

屏幕尺寸：由于手机和电脑有着不同物理尺寸的屏幕，尺寸的不同会影响动效的速度，屏幕越小，运动路径越短。对于移动屏幕，动效速度应保持在200-300ms之间，平板电脑应该保持在400-450ms之间；

web动画：在浏览网页时，我们更习惯于网站的即时响应效果，因此网站的动画速度也更快。因此对于网站来说，转场动画的时长保持在150-200毫秒之间，更符合用户的浏览习惯。

以上提到的区间是相对保准的动效时长，并不是一成不变，具体的动效时长和速度需要根据具体的需求、场景，灵活分析。

二、缓动

现实中的物体由于受到重力、阻力等因素的影响，速度并不是恒定不变的。换句话说，物体都会有加速、减速、平滑等不同的运动状态。

为了使动画更真实，我们需通过缓动来模拟出这些因素，让界面中的元素运动的更自然，避免过于死板。

缓动决定了元素在运动过程中速度的变化，常用的类型包括：线性匀速、缓入、缓出、缓入缓出。

1、线性匀速

当元素没有受到物理力的影响，速度保持恒定，就会发生线性匀速运动的效果。

线性匀速在改变元素位置的设计中使用相对较少，更多是用在改变元素的状态、属性（透明度变化）等不涉及元素位置改变的设计中。

2、缓入

缓入对应于元素的加速曲线，通常用于当对象从静止到加速离开用户视线的过程。例如一辆汽车驶出时，速度从0开始逐渐增加，然后在驶出时达到最大值。

3、缓出

缓出是缓入的对立面，用于屏幕上的对象从高峰值进入，逐渐减速直到到达特定位置的过程。例如一个人从屏幕外全速进入屏幕内时，进入画面时的速度最高，然后逐渐减速到零。

4、缓入缓出

缓入缓出也称为标准曲线，指对象从画面的一个部分移动到另一个部分，整个移动过程中始终保持在帧中，通常用于为在同一界面中改变位置的元素创建动画。例如一个钟摆，它的速度从峰值开始，缓慢减速到0，然后再次加速，不断在一个固定的位置区域循环。

需要注意的是，不对称标准曲线会使物体的运动变得更加自然。

在使用缓入缓出时，要强调减速而不是加速，因此减速的时间要比加速时间要长。在这种情况下，用户会更关注物体的后半段，从而更容易关注物体的新状态。

三、动效编排

动效编排是指对界面中不同的元素进行统一、有序的编排，让元素间更协调，通过更流畅的动效来引导用户的注意力。动效编排包括平等互动和从属互动。

1、平等互动

平等互动指对象根据相同的规则移动。

在这种情况下，界面中的元素会变得整齐有序。以界面中的卡片列表为例，平等的互动编排保证卡片一个接一个，从上到下以一种协调的方式出现，能够从上到下引导用户的注意力。

如果不按照这种编排规则，界面中元素的出现顺序会产生混乱，从而影响用户的浏览。

在表格类页面中，元素的运动情况会更复杂。

在表格视图中，应该按照对角线的方式来引导用户的关注点。如果使用水平方向的运动让元素一个一个展示，会造成元素的加载时间过长，用户的浏览路线来回曲折，体验不流畅。

2、从属互动

从属互动指界面中有一个主体对象，用来吸引用户的注意力，界面中的其他元素都从属于这个主体对象。这样的编排方式让用户的注意力更聚焦到界面中重要的元素上，保持元素的运动主次更清晰。

还需要注意元素的运动曲线。如果一个元素不成比例地改变大小，例如从一个正方形变成一个矩形，那么元素应该沿着弧线移动。

如果元素的大小按比例变化，元素应该沿着直线运动。

此外，我们可以将曲线运动分为两类：垂直向外（水平开始，垂直结束）、水平向外（垂直开始，水平结束）。

例如如果页面上下垂直滚动，页面中的元素应该以垂直向外的方式展开，先移动到右侧，然后向下运动。如果页面是水平滑动，元素则以水平向外的方式展开。

另一个问题是元素的运动路径相交时，元素间应该遵循物理定律，不能互相穿越。或者在元素移动前将元素提升到最上层，让动效看起来更自然。

四、UI动效设计常用到的软件

当看到一个好看的动效时，常常会有小伙伴问到使用什么软件做的。

目前有很多软件可以进行UI动效设计，借着这次讲解动效的机会，我简单列举三个自己用过并感觉还不错的软件，仅供参考，建议大家可以去亲自体验一下每款软件。

1、ProtoPie

ProtoPie是一款轻量级的动效软件，将页面原型、交互和动画整合到了一起，既可以直接在里面设计高保真的UI页面，还能让这些页面快速动起来。

ProtoPie操作页面设计简洁，上手相对简单，没用过的新手也能快速开始。ProtoPie通常和Sketch搭配起来使用，先在Sketch里设计UI页面，之后导入到ProtoPie中进行动效设计，效率贼高。

2、Principle

Principle也算轻量的动效软件，相对更成熟。Principle通常是和Axure搭配使用，产品经理或者交互设计师在设计界面原型和交互时用的比较多。需要注意的是，Principle只能在MAC系统中使用，可能对于不熟悉它的人来说，刚上手使用可能会有一点点困难。

3、After Effects

AE作为一个老牌的设计工具，大家应该都或多或少接触过。AE功能非常强大，可以实现很多复杂的动效效果，但操作起来相对复杂，学习成本也相对较高。

目前大部分的动效都可以通过这三款软件做出来，小伙伴们可以根据自己的需求，选择适合自己的动效软件，从而提升设计效率。

五、最后

以上就是UI动效设计需要考虑的三要素，希望通过这些内容能帮助你对动效设计有更多的认识和思考。

 
作者：Clippp

转载请注明：学UI网》UI动效设计指南！三个要素打造流畅的动效体验

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请加蓝小助，微信号:ben_lanlan，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系01063334945。

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

品牌价值“藏品化”的可能性

通过对阿里云用户调研发现，数字藏品这项技术有着广泛的用户认知基础，有91%的阿里云用户对阿里云推出数字藏品感兴趣，其中81%的用户比较感兴趣及非常感兴趣，40%的用户曾经购买过数字藏品。这项结论让设计师们非常兴奋，这就意味着利用数字藏品传递阿里云品牌价值存在确实的可行性。

致敬里程碑 

设计师和业务团队就数字藏品的设计方向进行了多轮沟通和论证，以阿里云飞天5K纪念碑为表现形态的思路脱颖而出。

出发点是设计师们想借此项目重塑营销品牌心智，回到“为了无法计算的价值”阿里云品牌主张，用“飞天5K纪念碑”这个开发者心中的图腾，在网站上进行数字藏品与任务平台的联动，通过创意与品牌为业务带来用户增长价值。

回溯历史，阿里云飞天5K是阿里云计算技术发展的一个里程碑，飞天5K集群上线是中国云计算最值得纪念的时刻，代表了中国云计算技术人勇敢追梦、追求极致的理想主义精神，其在用户心中的意义不亚于一次成功的“登月”，这种寄托已经成为阿里云品牌的核心资产之一。

因此选择云计算开发者的精神图腾——“飞天5K纪念碑”作为创意原型，进行数字藏品的设计，进一步拉进与用户的距离，同时能在开发者圈层中打造心智，营造传播声量，链接阿里云品牌与用户间的情感共鸣。阿里云首款数字藏品让用户充满期待，用户关注的将不仅是藏品的使用价值或增值价值，更多的是一种不可替代的情绪价值。

业务目标的自然融入

〇 破圈裂变组合拳

在整体方案设计上，团队将拉新的核心目标和飞天5K数字藏品做了深度结合，利用「阿里云IP品牌价值+首发造势+大促氛围+精准的种子用户裂变+所见即所得的虚拟权益」的超强组合拳，构建了完整的爆点传播链，带来规模化新增用户，完成了一次成功的破圈尝试。

〇 多端联动引发爆点

通过所见即所得的虚拟权益，突破用户预期，引发了活动参与用户通过微信群、朋友圈、微博、论坛等各种平台的自传播，形成稳定裂变链条，吸引更多玩家参与。同时官方通过阿里云App、官方微博、鲸探App、鲸探小程序形成流量矩阵为活动背书，引爆活动传播。

用户因情感的唤醒，通过数字藏品活动自然的完成了对阿里云产品的了解，并在主会场产品力彰显、爆款价格吸引下，成为了阿里云新用户，帮助业务完美的完成了既定目标。活动仅仅上线6天即完成一万份数字藏品的发放，首购ROI达到58，同比上一次奥运小宝的拉新活动提升230%。

未来之路 

数字藏品未来将成为阿里云传递品牌价值的重要载体，更多承载了中国云市场情感的作品将定期与用户见面，逐步形成阿里云独有的云数字藏品矩阵，赋能云业务的发展。

原文地址： 阿里云设计中心（公众号）

作者： 阿里云设计中心

转载请注明：学UI网》B端营销创意｜数字藏品能否成为B端业务力爆发的新介质？

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请加蓝小助，微信号:ben_lanlan，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系01063334945。

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司