出轨调查取证-体验｜关于从C端到B端的情感设计的简短讨论

发布时间：2025-04-19 18:10:09 丨 浏览次数：

调查6:8:a:b:d:9:6:7:e:1:5:a:7:e:8:c:0:6:a:4:f:d:9:d:6:6:c:c:5:9:2#

1。查看C-End的情感设计

数字插图在情感设计中的应用

现在，具有引人注目且有趣的数字插图的用户界面。在创新和实施艺术实验的愿望的推动下，设计师不怕尝试UI设计中的明亮而勇敢的插图。

用户界面设计师Victor Nikitin

用户互动现在伴随着可爱的微动画或插图。他们看起来像豪华艺术品！您可以看到各种艺术风格，技术和新的数字插图趋势，它们结合在一起，形成了令人难忘的图片，对用户产生了强烈的情感影响。

微交互动画在情感设计中的应用

动画概念可以保持公司的整体风格并展示品牌的声音。通过在移动应用程序动画中重复一些品牌元素，公司试图在客户的看法中灌输牢固的品牌风格并提高品牌知名度。

语音识别动画在情感设计中的应用

2020年的趋势催生了屏幕文本评级应用程序，应用程序内语音导航工具，基于振动的用户手势响应以及可以使内容更对比的应用程序更好地增强用户体验。

Cristian Hurhui的语音识别动画

情绪设计分为三种类型

在唐纳·A·诺曼（Donner A.

本能水平设计

人类是视觉动物，他们对外部图像的观察和理解是本能的。目前，主要的物理特征和视觉美学解释了主要的主要因素。良好的美学图片易于接受和喜欢。

行为层面的设计

行为层面的设计集中在实用程序上，产品功能应易于使用，并有效地解决用户使用功能的设计。

反射级设计

当用户使用产品时，可以在产品和用户之间建立情感链接，并通过与用户的互动，可以满足用户的安全感，满意度，品牌存储点等。

情绪设计案例

本能水平的设计（如下图所示）

1。本能级别的设计要求设计师在设计中从审美视觉中学习，并采用符合对用户思想的本能认知的符号和图形元素，以满足用户本能的美学体验和惊喜感。

行为水平的设计（如下图所示）

1。该产品为人们提供服务，并提高用户满意度和偏爱。

事实是：安装了72个小时后，三分之二的用户不再使用该应用程序。最成功的应用程序是那些经常设计的是由于人们用来更好地为用户服务的良好行为。

产品设计不仅应该看起来不错，而且还应促进用户的行为；

1。左侧的情况：获取产品屏幕截图后，有一个两按钮的操作设计，并在弹出窗口的底部进行反馈，并在弹出窗口的底部共享，这是一种具有用户感知和易用性的设计。

2。右边的情况：微信设计。当用户单击“+”时，微信系统将识别相册中最新的屏幕截图，并将其设置为用户可能发送的图片。

高质量的产品设计 - 符合用户行为心理学，例如以下设计工作

反射级设计（如下图所示）

反思设计：“它使我完整而个性化的设计。它可以讲述有关它的故事（和我）。”这是关于IP图像，个人安全和满意度，品牌点记忆以及经验的良好记忆。

左侧的1个案例：交易产品设计的界面。当用户想要保护其资产的隐私时，他可以单击右上角的封闭眼图。基金显示成为隐藏的星号，它向用户传达了安全感。

2右侧的情况：为了您的帐户安全性，请设置一个手势密码或跳过；一个小的护理，安全和情感设计立即使用户感到他在登录过程中具有安全感。

品牌和图像设计的反射水平 - 符合用户的心理模型，例如以下出色的设计工作：

情感设计的价值非常有意义

1。产品设计不仅需要了解用户的使用习惯出轨调查取证-体验｜关于从C端到B端的情感设计的简短讨论，而且还需要掌握用户的情感感受和经验，如下图所示：

2。情感运动设计使产品体验可以接触用户的声音，并缩小产品与用户之间的距离。

3。互联网上相同类型的产品缺乏服务，功能和内容的差异化设计。他们对设计驾驶情感诉求，更好地满足用户的情感需求以及增强用户的粘性和乐趣。如下图所示：

4。差异化的设计，符合用户心理模型的设计，占据了用户的心理位置；良好的经验设计能够增强产品设计的用户满意度。如下图所示：

2。探索B端的情感设计

1。肯尼亚哈拉曾经提到过一个概念：让感官重新发现。 “设计师不应该急于绘制素描，而应该首先考虑用户的感受。

2。我们决定将用户的感觉情绪用作入口点，并通过解释用户行为背后的情感情感来探索用户的忽视需求。

3。关键点是：为什么在B端上进行情感设计？

用户研究思想：

与用户聊天时，他发现他经常觉得自己不想使用某种产品，并且他必须每天使用B端系统来工作。常规的研究方法通常基于用户的行为。 “基于产品自身功能，设计和经验的三个维度，我对用户的内在和情感护理的观点几乎没有考虑。

如何在情感上为B-End产品设计？

TOC结束的情感设计，在登录提示，空状态等上使用插图和微交互作用，改善了用户体验，带来满意和惊喜，并具有在蛋糕上添加结冰的作用。

我们在实施B端产品时发现了三个问题：

1。改善用户情绪的方法缺乏系统化和系统化；

2。使用视觉和微交互技术，对于企业级产品用户来说有点薄，可以为用户带来一些良好的价值和情感点；

3。设计输出在改善用户情绪方面的准确性和实际效果无法得到充分验证。

在这里，我们了解蚂蚁设计的特征情感设计系统

让我们首先回顾2018年之前的蚂蚁设计的设计值：“确定”，“自然”。

“确定”是指设计的界限，使设计师能够在维护克制的同时做出更好的决策；

“自然”是指从自然中汲取灵感，探索自然的美学表达和行为相互作用，并创造更高效和分层的产品体验；

基于“确定论”和“自然”，我们反思了蚂蚁设计情感设计应带给用户的色调。当涉及企业级产品时，他们给人们提供了一些寒冷和人为的关键字的印象，例如“技术阈值”，“复杂操作”和“专业术语”，因此我们必须将热情和人为的产品带给用户。情感产品体验，“情感”一词，是蚂蚁设计语言中的第三个价值。

覆盖范围

继续上述情感设计着重于插图和微交互水平。结合诺曼（Norman）的三级情感设计理论，有更多的本能层。

这是一个非常好的设计机会，可以更丰富：

例如：企业级产品的核心价值反映在解放生产力和提高效率上。设计师如何通过完整的设计解决方案帮助产品提高用户的效率？

这需要通过行为设计做一些事情，帮助用户有效地使用产品并对产品产生积极的情绪。

反光级别的设计反映在用户对产品的想法中，这是最后的触摸，我们需要考虑整体情况以及适合完成触摸的场景。

Ant Design的情感设计系统不仅保持在视觉本能层面，而且还在行为层面增加了设计思维。

从用户的情感吸引力开始，系统地思考产品中需要在情感上设计哪些场景，如何做到这一点，以及在多大程度上决定设计目标，制定情感护理解决方案，结合业务级别的思维，迭代优化的实现，并改善产品使用过程中用户的情感体验。

情绪定义

用户的“情感感觉”来自心理学。这是一个人的态度经验，即客观事物是否满足他们的需求。它扩展到企业级产品领域，可以理解为产品是否满足其需求的态度经验。

在这里，我们借鉴了传统的设计过程，并以五个步骤完成情感设计的探索和实施：

将蚂蚁设计企业级产品的情感指标视为一种情况：

改善积极的情绪指标：

快乐，惊喜，信任，期望，自豪感

改变负面情绪指标：

愤怒，失望，怀疑，焦虑，挫折

在谈到蚂蚁设计系列的产品时，用户对期望和怀疑的两种情感感到最感受到，但是他们很少自豪（即成就感），因此他们排名最后。

根据这种分类，蚂蚁设计团队已经实现了：加强/改善用户的积极情绪，减少/转换用户的负面情绪；

结合工作情景的思考，用户可以理解的情感设计非常重要：

保持期望感

b减少怀疑和焦虑

C加强信任和愉悦

D改变挫折愤怒和失望

E增强惊喜和自豪感

3.企业级产品的设计语言系统1. Web PC的设计语言

在2020年，插图始终在网络端设计趋势中保持一定位置。插图以新的方式重新定义了Web/产品设计。在设计界面时，应该是设计过程的一部分，以帮助强调品牌或网站提供的服务和产品信息。它可以创造产品氛围并表达产品的情感。

插图有助于讲述品牌故事，并以无法完成单词的方式传达产品信息，风格和个性。此外，图像识别是最直观和最快的，因此插图也对品牌的业务运营产生了深远的影响。

“插图是一种视觉设计，其基本吸引力的功能是将最清晰，最清晰，最直接的信息传达给观众。” -xu haiou“插图艺术”

国际UI设计师Mike的作品：

精美的原型设计如下：

几何插图如下：

2。国内企业级产品的设计系统 - 和设计

Ant的企业级产品是一个庞大而复杂的系统，具有大量和复杂的功能，并且经常发生变化和并发，这通常需要设计师和开发人员迅速做出响应。同时，这种类型的产品中有许多类似的页面和组件，并且可以通过抽象获得一些稳定且高度可重复使用的内容。

随着商业化的趋势，越来越多的企业级产品对更好的用户体验有更多的要求。以这样的最终目标，我们（Ant Financial Experience技术部门）逐渐抛弃了一种设计系统，该设计系统通过大量的项目实践和摘要为企业级产品提供服务。基于“自然”，“确定性”，“意义”和“增长”的四个主要设计值，通过模块化解决方案，冗余生产成本降低，设计师可以专注于更好的用户体验。

颜色：

ANT设计将颜色系统解释为两个级别：系统级颜色系统和产品级别的颜色系统。

系统级颜色系统主要定义ANT中间平台设计中的基本颜色板，中性颜色板和数据视觉颜色板。产品级别的颜色系统是一种颜色，可根据特定设计过程中的系统颜色满足产品音调和功能要求。

颜色模型：

Ant Design的设计团队倾向于使用HSB颜色模型进行设计，这使设计师在调整颜色时更容易对颜色具有清晰的心理期望，并促进团队之间的沟通。

布局：

空间布局是系统视觉设计的起点。与传统图形设计的不同之处在于，UI接口的布局空间应基于“动态和系统”的角度开发。受到建筑大师Corbusier的模型思想的启发，我们根据“秩序之美”的原理探索了UI设计中的动态空间顺序，形成了Ant Design的界面布局方法，为设计师创造了与理性美丽建立布局空间的条件。

在中间和后端视觉系统中定义布局系统，我们建议从五个方面开始

统一的图片板尺寸

适应解决方案

网格单元

网格

常用模型

在中间和后端视觉系统中定义字体系统，我们建议从以下五个方面开始

字体家庭

主字体

角色等级

单词重量

字体颜色

图标

Ant Design的图标设计原理来自“确定”和“自然”，并在图标设计领域实现。共有四个，即：

图标的设计是UI设计中非常容易被忽略的链接。对于一两个设计师来说，建立出色的图形系统不是问题。整个团队需要在设计之前，期间和之后达成共识，共同完成共同构建。

阴影

阴影来自现实生活中的物理现象，反映了物体之间的距离。在接口中，我们经常直接通过模拟元素投影直接告诉用户元素之间的高度距离和层次结构关系。

黑暗模式使用场景来考虑黑暗模式的设计原理

内容的舒适性

避免在黑暗模式下使用具有强对比度的颜色或内容，因为长期使用会导致疲劳。

信息的一致性

黑暗模式下的信息内容必须与浅色模式一致，并且不应打破原始的层次关系。

如下图所示：

设计模式

遵循ANT设计值，我们为企业级产品反复出现的设计问题提供了一般解决方案，并实现了跨应用相互作用一致性的有效整合。根据设计模式，使用ANTD组件设计接口可降低不必要的认知成本东莞私人调查取证公司，并提高相互作用的确定性和设计效率。考虑到需要适应各种独特的业务场景，该模型的规则具有一定的灵活性，并且永远不会分开。通过了解设计模型的构建逻辑，可以得出更多方案的解决方案。设计模式包含以下内容：

原则

基于值得出的一般设计技术包括原则上的要求，例如如何有效组织信息并帮助建立用户界面交互。

全球规则

通过调节常见的交互式行为，包括导航，数据输入，数据显示，反馈，操作，帮助等，并学习如何将它们整合在一起以创造良好的体验，来创建组件元素的标准用法和组件元素的弹性空间。

模板文档

根据ANT中间平台的设计经验，我们汇总了几种类型的页面，表格，列表，数据可视化，详细信息页面，工作台，例外，结果和编辑的典型解决方案，并介绍了每种页面的设计目标，设计技能，设计技能以及典型的页面内容，以帮助设计师快速启动构建构建接口。您还可以在Ant Design Pro中在线预览这些典型页面。

蚂蚁设计企业级产品确实很体贴和出色〜

C：视觉设计

视觉语言是一组设计指南，具有来自ANT设计的数据可视化特性，它使数据表达更符合用户心理学，以帮助“设计师”孵化更多特定于业务的数据可视化解决方案，阻止不必要的设计差异和实施成本，从而使“设计师”的生产力释放“设计师”的生产力，并在数据中综合效率，以综合效率。

例如：外国案件：

D：插图（图形设计语言）

设计原则

从最低的设计值到最高的设计方法，Hitu都遵循Ant Design的ETC设计思想，组成图形资产，并通过将它们组合组合并将其构建为案例。为设计值提供了强大的灵活性和自定义。

E：运动效应值

概括：

简短的动画视频，动画的UI装饰和微型互动 - 这些元素中的每一个几乎都成为了几乎每个行业的移动应用程序。所有形式的动画都可以创造情感吸引力，并为用户带来美学满意度。它还可以帮助品牌与目标受众建立更多的个人联系并建立对公司的用户忠诚度。

通过在移动应用程序动画中重复一些品牌元素，公司试图在客户的看法中灌输牢固的品牌风格并提高品牌知名度。

总结：

我们希望这种情感设计路径能激发您的灵感，并且有两个点特别值得与您分享。

///////////////结尾//////////////////////////////////////////