B端ui设计文章及欣赏 - 设计每日一贴---北京兰亭妙微/UI设计公司

首页

292024-2

B端设计—常见问题&解决方式

ui设计分享达人

一、UI设计师在B端产品界面设计时，可能会遇到的问题。

1.1复杂的数据可视化需求

B端应用往往涉及复杂数据，设计师需要创造清晰且有效的方式来显示这些信息。

对于B端产品设计中复杂的数据可视化需求，一个详细的解决方案需要从不同层面进行考虑和实施：

理解用户需求：

首先，进行深入的用户研究以理解不同用户的数据需求。这可能包括用户访谈、观察和问卷调查，以收集关于他们如何理解和使用数据的信息。

选择合适的图表类型：

根据数据类型和用户需求选择最合适的图表类型。例如，时间序列数据适合折线图，而比较数据则可能更适合条形图或饼图。同时，对于更复杂的数据关系，可能需要使用散点图、热图或树状图。

简化设计：

避免过度装饰的图表。使用清晰的轴标签、标题和图例，确保用户能够轻松读懂图表。选择合适的颜色方案来增强可读性，同时避免使用令人分心或误解的颜色组合。

增加交互性：

交互式元素可以大大增强数据可视化的效果。例如，当用户将鼠标悬停在图表的某个部分时，可以显示详细的数据点信息。此外，可以允许用户通过筛选、排序或拖动来自定义视图。

提供上下文和引导：

确保每个图表都有足够的上下文信息，比如引导性文本或简短的分析，帮助用户理解数据背后的故事。这不仅包括图表本身的解释，还包括如何使用图表进行有效决策的指导。

优化性能：

对于处理大量数据的可视化，确保性能优化是至关重要的。这可能涉及后端数据处理优化、前端渲染优化以及合理的数据加载策略。

用户测试和反馈：

设计完成后，进行用户测试以收集反馈。观察用户如何与数据可视化交互，并根据他们的反馈进行调整。这是一个持续的过程，旨在不断提高可视化工具的有效性和用户满意度。

可以找到大量的参考选择适用自己产品风格的可视化，之后进行修改。

1.2深层级的功能集成

与C端产品相比，B端产品可能有更深层次和复杂的功能，难以设计简洁直观的用户界面。

对于UI设计师在进行B端产品界面设计时遇到的“深层级的功能集成”问题，一个详细的解决方案需要包括以下几个关键策略：

模块化设计：

通过将复杂功能分解为独立、可重用的模块，可以简化界面并提高可维护性。每个模块应专注于单一功能或任务，从而使整体系统更加清晰易懂。

清晰的信息架构：

建立一个逻辑清晰的信息架构是至关重要的。这包括创建一个分层的菜单结构，将相关功能组织在一起，并通过适当的命名来指导用户。

分层的导航系统：

为不同层级的功能提供清晰的导航路径。这可能包括主导航菜单、次级导航以及面包屑导航等，帮助用户理解他们在应用中的位置以及如何访问特定的功能。

搜索功能：

随着功能数量的增加，提供一个强大的搜索工具变得尤为重要。这可以帮助用户快速找到他们需要的特定功能或信息。

自定义和个性化设置：

允许用户根据自己的工作流程和偏好来自定义界面。这包括选择要显示的模块、调整布局以及设置快捷方式等。

交互式教程和帮助文档：

为新用户提供交互式教程，帮助他们快速了解如何使用应用。同时，提供详细的帮助文档和FAQ，以便用户可以自助解决问题。

用户测试和反馈：

持续进行用户测试和收集反馈，了解哪些功能集成方式有效，哪些需要改进。根据用户的反馈不断调整和优化界面设计。通过实施这些策略，UI设计师可以有效解决深层级功能集成的问题，创造出既强大又易于使用的B端产品界面。

1.3用户习惯差异

B端用户可能来自不同行业，具有不同的操作习惯和偏好，满足所有用户的需求挑战较大。

针对B端产品界面设计中的“用户习惯差异”问题，一个详细的解决方案应包括以下几个步骤：

深入用户研究：

通过访谈、问卷调查、用户观察和分析用户数据来理解不同用户群体的习惯和需求。这些研究帮助揭示不同行业、角色和经验水平的用户如何与产品互动。

多样化的设计解决方案：

根据研究结果，设计可以适应不同用户需求的界面。这可能涉及提供多种布局、导航样式和交互方式供用户选择。

个性化和定制功能：

允许用户根据个人偏好调整界面，包括主题、布局、快捷方式和默认设置等。

清晰的指导和帮助：

为了帮助用户理解如何使用产品，提供详细的帮助文档、FAQ和交互式教程。

持续的反馈循环：

设立机制收集用户反馈，定期进行用户测试，并根据反馈迭代优化产品。

通过这些策略，UI设计师可以更好地应对用户习惯的差异，创造出既满足用户需求又易于使用的B端产品界面。

1.4访问权限管理

需要设计复杂的权限设置界面，确保不同级别的用户只能访问特定信息。

针对B端产品界面设计中的“访问权限管理”问题，一个详细的解决方案应该包括以下几个关键策略：

深入理解不同角色的需求：

与产品的各种用户群体（如管理者、普通用户、审计员等）进行交流，了解他们对权限管理的需求和期望。

设计灵活的权限框架：

创建一个可以灵活适应不同用户和角色需求的权限系统。这包括定义不同级别的权限，如查看、编辑、管理等，并允许细粒度的控制。

直观的权限配置界面：

为管理员设计一个清晰、直观的界面，让他们可以轻松分配和调整权限。提供明确的指示和反馈，确保管理员理解每种权限的含义。

透明的用户权限指引：

向用户清晰显示他们的权限等级和可以访问的内容。当用户尝试进行超出权限的操作时，提供友好的错误消息和指引。

权限变更的审计和记录：

记录所有权限的更改历史，以便于追踪和审计。这对于保障系统安全和满足合规要求非常关键。

持续的测试和反馈：

定期进行权限系统的用户测试，收集反馈并根据反馈调整和优化设计。

通过实施这些策略，可以构建一个既强大又易于管理的访问权限系统，从而提升B端产品的安全性、灵活性和用户满意度。

1.5多设备兼容

必须确保界面在各种设备和屏幕尺寸上均表现良好，

尤其是需要在宽为1440px和1920px下有效运行。

针对B端产品界面设计中的“多设备兼容性”问题，一个详细的解决方案涉及多个层面。

首先，采用响应式设计原则

，确保界面元素和布局能够根据不同的屏幕尺寸和分辨率自动调整。

其次，对于关键功能，进行彻底的跨平台测试，包括不同操作系统、浏览器和设备类型，确保功能的一致性和稳定性。

另外，考虑到触控和非触控设备的交互差异

，设计时应确保按钮和其他控件大小适中，易于操作。

通过这些综合策略，可以有效解决多设备兼容性问题，提升用户的整体体验。

1.6专业术语和内容

针对B端产品界面设计中的“专业术语和内容”问题，一个详细的解决方案包括深入行业研究，确保使用对目标用户群来说准确、相关的术语。

与此同时，与行业专家合作，以验证内容的准确性和适用性，确保信息传达清晰无误。

设计时，考虑到不同用户的知识背景，提供容易理解的解释或工具提示，对复杂术语进行简化。此外，创建全面的帮助文档和在线教育资源，帮助用户深入理解专业内容。

定期更新内容，确保与行业发展保持同步，同时收集用户反馈，不断优化和调整术语和内容的使用。通过这些方法，UI设计师可以在确保专业准确性的同时，提升用户的理解和操作效率

1.7交互复杂性

了解用户：

深入理解B端用户的工作流程和任务需求。B端用户往往更关注效率和功能，因此设计师需要明确用户的专业性和任务目标。

简化流程：

尽管B端应用可能功能复杂，但设计师应努力简化用户流程。这包括创建直观的导航系统，减少不必要的步骤，以及提供清晰的指引。

模块化设计：

将复杂功能拆分成独立的模块或组件。每个模块专注于一个具体任务或功能，用户可以根据需要组合使用它们。

定制化和个性化：

允许用户根据自己的需求和偏好定制界面和功能。例如，提供可定制的仪表板，让用户可以选择对他们最重要的信息和工具。

清晰的视觉层级：

通过颜色、大小和布局等视觉元素创建清晰的层级，帮助用户理解信息的重要性和操作的先后顺序。

二、不同的B端产品所面对的问题也不一样

不同B端产品可能面临的问题包括用户角色多样化、数据密集、严格的安全要求、高度定制的工作流程和快速变化的行业规范。在B端产品设计中，UI设计师可能面临的问题和注意事项举例：

ERP系统：

可能出现的问题包括复杂的数据集成和大量的用户角色。设计时应注重清晰的数据可视化和灵活的权限设置。

医疗保健平台：

面临严格的合规和隐私要求。设计应确保数据安全性，同时提供易于理解的导航和专业术语解释。

金融管理软件：

需要处理复杂的交易和报告。应关注于精确的数据展示和高效的任务流程设计。

CRM系统：

需管理大量客户数据和销售流程，可能面临数据整合和用户个性化需求的问题。设计时应侧重于清晰的数据组织和自定义视图。

供应链管理软件：

可能面临复杂的物流数据和多级用户访问问题。解决方案包括强大的数据过滤功能和灵活的权限设置。

项目管理工具：

需处理不同项目和任务的组织，可能面临用户协作和进度追踪的挑战。设计应侧重于简化的任务管理界面和实时更新功能。

财务报告系统：

可能遇到的问题包括复杂的财务数据展示和各种报告格式的需求。设计时应注重灵活的报告工具和定制的数据仪表板。

教育管理平台：

面临多样化的用户群体和教育内容的问题。设计应提供清晰的课程导航和易于访问的教学资源。

工业监控系统：

可能面临实时数据流和高级监控功能的需求。设计时应重视数据实时更新和高效的警报系统。

作者：张阳光Designer

来源：站酷

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。

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

银行金融软件 UI界面设计、能源及监控软件 UI界面设计、气象行业 UI界面设计、轨道交通界面设计、地理信息系统 GIS UI界面设计、航天军工软件 UI界面设计、医疗行业软件 UI界面设计、教育行业软件 UI界面设计、企业信息化UI界面设计、软件qt开发、软件wpf开发、软件vue开发

评论(0) 浏览(647)

202024-2

交互设计基础定律-泰斯勒定律

博博

“每一个产品有着不可降低的复杂性，这个复杂性有一个临界点，临界点的位置决定了谁将处理它。”

一、什么是泰斯勒定律？

泰斯勒定律又被称作「复杂度守恒定律」，由拉里·泰斯勒于1984年提出。定律认为：一个系统中有一定程度的复杂性是无法被降低的，内在的复杂度只能通过产品设计去设法平衡和转移。

二、泰斯勒定律在设计中的运用

每一个产品都必然会有其系统和用户两端无法简化的复杂度，不论是在产品开发环节还是产品交互环节都无法按照人们的意愿做删除，只能设法去调整、平衡。通过转移两者直接的临界点，来提高产品的体验度。

1、让用户识别而不是记忆

在操作中最大限度的减少用户的记忆负荷，通过减少获取信息的复杂性，让用户在操作中去识别信息而不是去记忆，界面的交互动作和选项都应该是可见的。

2、算法程序、推荐正确内容

用户在使用产品的过程中是一个逐渐适应成长的过程，他们会从无经验变得有经验，因此设计系统需要针对不同的人群提供差异化的操作，让系统操作难度与用户实际的经验水平相匹配，满足他们对产品灵活易用的控制欲，实现其目标感以及成就感。

3、整合功能、简化用户界面

随着用户需求的不断增加，产品也将会不断迭代，越到后面功能也可能会越来也多而且复杂。在不影响用户需求和体验的前提下，尽可能的整合同类的功能，简化用户界面的复杂度。

三、总结

在产品设计中，泰斯勒定律主要是为了权衡用户复杂度和系统复杂度之间的一个平衡。在应用「泰斯勒定律」平衡交互设计中的复杂度这时需要注意以下几个要点：

1、系统的总复杂度是一个常数，为用户提供更简单的功能会增加其他方面的复杂性；

2、找到复杂度转移的「最低成本的方式」；

3、界面不能太过简单，适当的复杂度也会吸引用户；

而设计本身其实是一个平衡过程，需要我们与业务方反复的沟通，考虑综合成本，确保以项目最低成本方式实现业务目标与体验目标之间的平衡。

作者：哆啦的设计笔记
来源：站酷

评论(0) 浏览(902)

182024-2

超长干货！UI设计师必须要懂的4个设计心理学

前端达人

简介

设计方法论在UI设计中的应用带来了显著好处，通过系统性的设计流程和框架，团队能够更有效地处理挑战、创造出用户关注的界面。它促进了团队协作与沟通，强调问题解决与创新，同时重视持续的用户测试与反馈循环，有助于提高设计质量和用户满意度，使得设计过程更为高效、有条理并具备创造性。

设计原则目录

希克定律

希克定律描述了选择时间与选择项数量之间的关系，即选择的时间会随着可选项的增加而增加。在设计中，这个定律提醒我们在界面设计时要简化选择过程，减少选项数量，使用户更轻松、更快速地做出选择。

确认偏差

确认偏差指出人们更倾向于接受与自己原有信念或期望相符的信息。在设计中，了解确认偏差有助于设计师合理呈现信息，将重要内容放置在用户预期区域，增强用户对界面的认可感。

邻近法则

邻近法则是指将视觉上相关的元素放置在彼此附近，使用户更容易将它们视作相关的一部分。在设计中，合理利用邻近法则能够组织信息、创造更清晰易懂的界面布局，提高用户对界面内容的理解和识别。

菲茨定律

菲茨定律描述了目标大小和距离对用户操作效率的影响。设计师可以利用这个原则优化界面元素的大小与间距，使用户更快速、更准确地完成操作，提升用户体验和界面的易用性。

什么是希克定律？

希克定律是一个与人类反应时间和选择数量之间关系的心理学原理，特别适用于界面设计和用户体验。这个定律是由英国心理学家威廉·希克（William Edmund Hick）在20世纪初提出的。

简而言之，希克定律表明人们做出选择所需的时间与可供选择的数量成正比。这意味着当选项的数量增加时，决策所需的时间也会相应增加。在UI设计中，这个定律强调了简化选择以提高用户体验的重要性。

通过减少选择数量，设计师可以帮助用户更快速、更轻松地做出决策。这可以通过多种方式实现，例如使用更简洁的菜单结构、合并功能或选项、使用默认设置以减少用户需要作出的选择等。

了解希克定律对于设计者来说是极为重要的，因为它提醒我们：在设计界面时，简化和优化选择可能会带来更流畅、更高效的用户体验。

它是怎么产生的？

希克定律是基于心理学和人类认知过程的研究而产生的。威廉·希克和他的同事在1930年代进行了一系列的实验，旨在了解人们在不同选择数量下做出决策的反应时间。

实验中，被试者面对不同数量的选择，例如按钮或选项，然后被要求尽快做出选择。实验结果显示，随着选项数量的增加，被试者做出选择所需的时间也相应增加。这一观察成为希克定律的基础。

希克定律的本质是认知心理学的一部分，它涉及到人类对信息的处理方式。当人们面对多个选项时，他们需要对每个选项进行评估和决策，这会增加认知负荷。结果是，随着选项数量的增加，处理和选择所需的时间也相应增加。

这个定律提出了一种对设计界面和交互方式有深远影响的见解：简化界面，减少选择数量，可以帮助用户更快速、更轻松地做出决策。这种认知负荷的理论成果对于优化用户体验和提高界面效率有着重要的指导作用。

思考下希克定律UI作用？

希克定律在UI设计中具有重要作用，它强调了简化选择以提高用户体验的重要性。以下是希克定律在UI设计中的一些具体作用和应用：

简化菜单和导航

：减少导航菜单中的选项数量，将类似功能的项目归类或合并，可以减轻用户的选择负担，帮助他们更快速地找到所需信息。

优化工作流程

：在应用程序或网站设计中，简化工作流程和操作步骤可以减少用户需要做出的决策，提高用户完成任务的效率。

默认设置和建议

：使用默认设置或提供建议可以减少用户必须做出的选择。通过合理设置默认选项，可以简化用户体验，让用户更快地进入应用或网站并开始使用。

信息层级结构

：设计清晰的信息架构和层级结构有助于将内容组织得更有条理，使用户能够更容易地定位所需信息，避免过多的选择。

上下文反馈和指导

：提供清晰的上下文反馈和指导，帮助用户更快速地了解当前操作的影响，减少不必要的犹豫和选择焦虑。

用户个性化和智能推荐

：利用个性化推荐或智能算法，根据用户的历史偏好为其提供定制化的选择，减少不必要的选择。

在UI设计中，理解希克定律可以引导设计师创造出更简洁、更直观、更易用的界面，从而提高用户满意度和效率。通过减少选择数量和简化操作，设计可以更好地配合人类认知特性，使用户在界面上的交互变得更加流畅和自然。

需要我们记住什么？

在UI设计中，了解和应用希克定律有助于创造更优秀的用户体验。以下是需要记住的一些关键点：

选择数量与决策时间成正比

：用户需要花费更多时间来做出决策，当他们面对更多选择时。减少选择数量可以提高用户的决策效率。

简化界面以降低认知负荷

：设计简洁、清晰的界面可以减少用户的认知负荷，帮助他们更轻松地使用应用或网站。

层级结构和组织

：通过良好的信息层级结构和内容组织，可以使用户更快速地找到所需信息，减少选择过程。

默认设置的重要性

：合理设置默认选项可以简化用户体验，降低他们需要做出的选择，从而更快地开始使用应用或网站。

上下文反馈和引导

：提供清晰的上下文反馈和指导，帮助用户更快速地了解其操作的影响，减少选择焦虑。

用户个性化和智能推荐

：利用用户个性化数据和智能算法，为用户提供定制化的选择，降低不必要的选择过程。

记住这些关键点能够帮助设计师更好地优化界面，提供更出色的用户体验，减少用户做出选择所需的时间，从而增强产品或应用的吸引力和实用性。

在app产品中，我们应该怎么应用希克定律

在移动应用程序（App）设计中，应用希克定律可以通过以下方式提高用户体验：

简化导航和菜单

：减少主导航菜单中的选项数量，将类似的功能合并或分类，以简化用户的选择过程。使用清晰的图标和标签帮助用户更快速地理解选项。

优化注册和登录流程

：在注册和登录过程中尽可能减少必填项，使用社交媒体登录或单一注册选项简化流程，降低用户的选择负担。

默认设置和个性化推荐：利用用户的偏好和历史数据，为用户提供个性化的推荐或默认设置，减少用户需要做出的选择，并快速展示最相关的内容或功能。

简化表单和输入

：最小化表单字段，根据上下文预填充表单内容或使用智能输入建议，以降低用户输入的认知负担。

上下文引导和反馈

：在用户进行关键操作时提供清晰的引导和反馈，让用户了解他们的操作将会带来的结果，减少不必要的犹豫和选择焦虑。

智能搜索和过滤功能

：提供强大的搜索和过滤功能，帮助用户快速找到所需内容，减少在大量选项中的选择时间。

简化购买流程

：在电商应用中，优化购买流程，减少购物车和结账过程中的步骤和选择，提供清晰的购买路径。

通过以上方式，设计师可以在App中运用希克定律，帮助用户更轻松、更高效地使用应用，提高用户满意度并增强应用的吸引力。这些方法都围绕着减少选择数量、简化操作和提供个性化的体验，以减少用户的认知负荷，提高用户的决策效率。

希克定律总结

希克定律在移动应用设计中的应用关键在于简化选择、优化流程以提升用户体验。通过减少主导航选项、优化注册与登录流程、提供个性化推荐、简化表单输入、提供清晰反馈和引导、强化搜索功能以及简化购买流程，设计师可以降低用户的选择焦虑和认知负荷，使用户更轻松、更高效地使用应用，提升用户满意度。这些策略围绕着简化操作、减少选项数量和提供个性化体验，有助于提高用户的决策效率，增强应用的吸引力与可用性。

什么是确认偏差？

确认偏差是一种认知偏差，指的是人们更倾向于寻找、记住或赞同支持已有信念或假设的信息，而忽视或排斥与其相矛盾的信息。这种偏差导致人们在寻求信息和形成观点时倾向于选择那些与他们已有信念相一致的信息，而忽视那些与之相悖的信息。

在设计和决策过程中，确认偏差可能会对判断和决策产生影响。设计师或决策者可能会倾向于寻找支持他们最初想法或假设的信息，而忽略潜在的反对观点或证据。这可能导致错误的假设、不完整的分析或偏离客观事实的判断。

了解确认偏差对于设计师和决策者来说是很重要的，因为它可以影响到他们对问题的看法和解决方案的选择。为了减轻确认偏差的影响，重要的做法包括寻求多样的观点和信息来源、鼓励团队开放性讨论、持续评估和反思自己的假设，以及意识到并主动应对这种偏差。

它是怎么产生的？

确认偏差的产生与人类的认知方式和信息处理方式有关。它可以追溯到我们处理信息的心理机制，以及对信息的选择性接收和处理。

信息过滤和选择性接收

：人类大脑处理的信息量庞大，为了应对这种信息负荷，我们会有意无意地选择性地接收与已有信念相符的信息，因为这样更容易被接受和理解。

认知一致性和舒适度

：我们倾向于寻求与我们已有信念一致的信息，因为这会让我们感到更加舒适和认知上的一致性，而与之相悖的信息则可能引起认知不适或挑战。

记忆偏差

：我们记忆中更容易保留和回忆起与我们已有信念相符的信息，而忽略或淡化与之不符的信息，导致我们更倾向于记住和重复暴露于已有信念的信息。

社会影响和团队动态

：在团队环境中，人们可能更容易受到同伴或领导观点的影响，导致更多地寻求与团队共识一致的信息。

因此，确认偏差源于我们处理信息的方式和寻求认知一致性的趋势，这种倾向性会影响我们对信息的选择、记忆和接受，使得我们更容易偏向于支持已有信念的信息。

思考下确认偏差在UI作用？

认知偏差在UI设计中有着深远的影响，设计师需要了解并考虑这些偏差，以创造更符合用户认知和行为的界面：

信息呈现与确认偏差：

UI设计中的信息呈现方式能够影响用户的感知。确认偏差提示我们，设计师应该精心布局信息，确保用户首先接触到的内容是符合其期望和信念的。在重要位置展示与用户预期一致的信息能够增强用户对界面的认可感。

用户体验与认知一致性：

UI设计应该符合用户的认知模式和习惯。保持一致的界面元素、布局结构和交互方式有助于降低用户学习成本，提升用户体验，因为这与用户的认知一致性相契合。

选择性暴露与设计引导：

设计师可以利用确认偏差的特性来引导用户，将重要信息或功能放置在易于察觉的位置，引导用户进行特定的操作。然而，需要谨慎处理，以避免对用户造成信息过载。

避免偏见与用户测试：

设计师应该避免自身的认知偏差影响设计，而是更多地关注用户的实际需求和行为。通过持续的用户测试和反馈，可以验证设计的有效性，确保设计更加客观、全面地服务于用户。

认知偏差不仅能够帮助设计师更好地了解用户行为和认知模式，也提醒设计师需要谨慎地处理信息的呈现方式，以创造出更符合用户认知特点和期望的界面。

需要我们记住什么？

用户选择性感知：

用户会倾向于选择性地接收与其已有信念相符的信息。因此，在设计中需要注意如何呈现信息，以便用户更容易接收并理解与其预期一致的内容。

认知一致性与用户体验：

用户更喜欢一致性的界面设计。保持界面元素、布局和交互方式的一致性有助于提高用户体验，减少认知负担。

引导与用户行为：

可以利用认知偏差的特性来引导用户行为，但需要谨慎，以避免对用户造成信息过载或误导。

客观设计与用户测试：

设计师需保持客观，在设计中避免个人偏见的影响。持续的用户测试和反馈是验证设计有效性的关键。

用户需求至上：

最重要的是设计能够满足用户的实际需求。认知偏差提醒我们关注用户行为和反馈，确保设计更加贴近用户期望。

记住这些关键点有助于设计师更好地应用认知偏差的理论，创造出更符合用户认知和行为习惯的界面，提升用户体验和产品吸引力。

在app产品中，我们应该怎么应用认知偏差

在App产品中，了解和应用认知偏差可以改善用户体验和促进用户参与。以下是一些应用认知偏差的方法：

个性化内容推荐

：利用用户的历史数据和偏好，提供个性化的内容推荐，引导用户浏览与其兴趣相关的信息，这符合用户的认知偏好。

强调常用功能

：将常用功能放置在易于察觉的位置，这有助于用户更快速地找到并使用常用功能，符合用户对信息的选择性感知。

引导用户决策

：通过明确的引导和推荐，帮助用户做出决策。例如，突出显示推荐选项或使用明确的指导语言，以降低用户的选择焦虑。

增加用户互动和奖励机制：利用认知偏差中的奖励机制，激励用户参与互动。例如，奖励积分、勋章或奖励物品以促进用户的积极参与。

社交证据和影响力

：强调其他用户的行为和意见，例如显示用户评论或社交分享，可以影响新用户的决策，符合社会影响的认知偏差。

提供个性化的反馈和建议

：根据用户的行为提供个性化的反馈和建议，引导用户完成特定的动作或行为，符合用户的认知偏好和选择性感知。

综合利用这些策略可以更好地与用户互动，促进参与度，提高用户对产品的满意度。然而，需要谨慎运用，避免过度使用以至于影响用户体验或导致信息过载。

认知偏差总结

综合利用认知偏差的这些方面，设计者可以更加精准地与用户互动，提升用户体验和参与度。但务必注意，应用认知偏差需要在不影响用户信任和体验的前提下进行，避免过度干预或引导，以免影响用户的自主性和信任感。

什么是邻近法则？

邻近法则是设计中的一项基本原则，描述了物体或元素在空间中距离越近，就越有可能被视为相关的部分。这个原则是Gestalt心理学的一部分，指出物体在空间上的接近会引起它们被认为是相关的，无论它们的形状或特征如何。

在设计中，邻近法则指导着将相关的元素放置在彼此附近，以便用户能够将它们视为一组或相关部分。这个原则常用于布局设计，例如将相关的菜单选项放在一起、相关的控件放置在同一区域等。通过利用元素之间的空间距离，设计师可以引导用户对信息进行逻辑分组，提高用户对页面内容的理解和整体结构的认知。

邻近法则的应用有助于创造出更清晰、更易于理解的设计布局，让用户更轻松地识别和理解相关的信息，提升界面的可读性和可理解性。

它是怎么产生的？

邻近法则源自格式塔心理学，起源于20世纪初期。格式塔探索者观察到人类视觉系统倾向于将靠近的物体视为一组或相关的部分，而将远离的物体视为不相关的。

本次创作的原则是基于观察：

人们倾向于将距离较近的元素视为相关的整体，即使它们的形状、颜色或其他特征不同。

空间上的接近性会引导人们将相关的元素组合在一起，形成逻辑上的群体或集合。

基于这些观察，计算者得出结论：元素之间的接近程度影响了人们如何和组织信息。这个理论评估理解视觉，成为设计中常用的一项原则，帮助设计师创建更多条理和易于理解的界面布局和视觉组织。通过合理的安排和组织元素之间的距离，设计师能够引导用户更清晰地理解页面的结构和相关性。

思考下邻近法则UI作用？

邻近法则在 UI 设计中有着重要的应用，能够指导设计师创建更直观、更易理解的界面布局和组织方式。以下是邻近法则在 UI 设计中的应用方法：

逻辑分组和视觉关联：

将相关的元素放置在彼此附近，例如将菜单选项、功能按钮或相关信息放在相近的区域，以形成逻辑上的群组或关联，使用户能够更快速地理解信息之间的相关性。

表现信息层级和结构：

通过合理安排元素之间的间距，设计师可以展现信息的结构和层级。在网页或应用中，合理的邻近性有助于传达页面组织的逻辑和信息的重要性。

避免视觉混乱和误导：

合理利用邻近法则可以避免界面的视觉混乱。将不相关的元素保持一定的间距，避免过度拥挤，让用户更轻松地理清界面的内容和结构。

指引用户流程和操作：

在设计工作流或操作步骤时，将相关的元素放在一起，以引导用户流程，提高用户操作的连贯性和流畅性。

视觉组织与导航：

在导航设计中，将相关功能或内容放置在相邻位置，例如将相关菜单项放在同一区域，以便用户更快速地找到并使用所需功能。

适当运用邻近法则可以改善用户对界面的理解和认知，提高用户操作的效率和体验。它有助于营造清晰的信息层级、减少视觉混乱，并引导用户更直观地浏览和操作界面。

需要我们记住什么？

在设计中运用邻近法则时，需要记住以下几点：

分享精彩的后台管理软件界面设计欣赏 —蓝蓝UI设计公司

前端达人

今天分享B端后台管理界面欣赏，网上我们会搜集一些公开的国内外优秀的软件界面设计和大家分享。

蓝蓝设计也有很多精彩的案例，B端后台管理界面是我们最主要的工作方向之一，但大多数是保密状态的，所以不能在网上发。欢迎我们联系，请到www.lanlanwork.com欣赏更多案例作品。

#后台界面设计欣赏 #界面设计灵感 #设计外包 #UI设计公司 #b端设计接单 #B端设计

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务

关键词：UI咨询、UI设计服务公司、软件界面设计公司、界面设计公司、UI设计公司、UI交互设计公司、数据可视化设计公司、用户体验公司、高端网站设计公司银行金融软件UI界面设计、能源及监控软件UI界面设计、气象行业UI界面设计、轨道交通界面设计、地理信息系统GIS UI界面设计、航天军工软件UI界面设计、医疗行业软件UI界面设计、教育行业软件UI界面设计、企业信息化UI界面设计软件qt开发、软件wpf开发、软件vue开发

评论(0) 浏览(694)

172024-2

XDC干货｜雪球表情升级全纪录

前端达人

写在前面

在社区平台语境里，表情无疑是很重要的组成部分。一套丰富且定位准确的表情可以帮助用户更清晰地表达自己的感受，增进沟通的准确性，同时增添社交互动的趣味性，拉进用户之间的距离。带有平台特性的表情更能彰显平台自身的独特性。

雪球作为金融社区平台，表情自然也是重要的元素。我们通过数据调研，发现雪球社区互动中表情的渗透率达到18%，表情的使用率比较高。而现有的表情年久失修，存在几个比较明显的问题，首先视觉风格陈旧辨识度低；再有，表情中原本存在一些股票梗的表现力较弱，画风不够有趣。第三，雪球诞生了新IP“呦呦”，非常适合在表情中应用来推广雪球品牌特性。

基于以上背景我们展开了对于表情翻新改版的项目。

现状&问题

通过对当前状况进行系统梳理，我们发现了一些存在的问题。

1.设计风格陈旧，不易识别表现力弱：

目前线上雪球表情风格老旧，视觉表达不符合当下设计潮流趋势；由于表情是白色在行文中表现力不足且不易被用户识别，因而趣味性表达的作用不够凸显。

2.缺乏股票基金场景的情绪表达

社区场景中有大量的股票基金的讨论和相关内容的情绪表达，而目前表情体系中缺乏此类表达或表达不够生动。

比如「关灯吃面」和「割肉」，在行文中一眼能识别到视觉主体是表情脸，而“吃面”和“割肉”的语义没有生动的体现出来；还比如「跳水」又太具象和写实，少了表情的趣味性。

3.没有将雪球的新IP融入表情

雪球诞生了新的IP“呦呦”，表情的体系非常适合融入IP向的内容，将IP表情化也更利于IP的推广和品牌的传播。

视觉风格探索

1.雪球用户特征

设计风格需要根据平台用户特征进行确定。开始设计之前，我们先看看雪球用户大概是什么样的。

雪球的主要用户为男性且集中在30-50岁左右，所以在视觉表现上尽量避免女性化或低龄化的风格。

2.视觉风格探索

风格确定

旧版的表情苍白，虽然细节很多但在行文中难以识别，本次改版重要任务之一是改版新的视觉风格。emoji是最被用户熟知的表情体系，我们决定新版向传统黄脸emoji表情靠拢。大方向定了，但还需要确定视觉感受符合雪球的emoji。最后在两种视觉风格中我们选择了视觉感受偏中性、风格扁平的这个方向，这个风格和雪球用户特征更契合。

提升辨识度

表情在交流中作为非文字的“语言”，其辨识度至关重要。表情在行文中的尺寸相对较小和单个文字差不多，那么如何保证在文字中依然能一眼读懂表情？

在对表情整体风格的把控下，需要通过对细节的打磨和反复实验，得出更有辨识度的设计方案。保持视觉扁平，尽量使用简洁的几何图形，加强颜色对比度，减少颜色数量，放大表情特征。通过以上手段有效的提升了表情的一致性和在行文中的辨识度。

发现股民讨论语境下的“梗”

本次表情升级除了对现有表情进行改造升级，还针对雪球社区特色进行挖掘。

1.挖掘“梗”

前面我们说到雪球用户是集中在30-50岁左右的男性，那么这类人群在社区中有怎样的表达特点呢？

通过观察我们发现，在面对股市的波动和不确定性，雪球用户更喜欢用幽默诙谐的论调来调侃市场以宣泄心中的无奈和负面情绪，同时在波动面前展现出一种坚韧和自嘲的心态。我们可以在这种“戏谑调侃”中挖掘可以视觉化的情绪和表情。以此作为本次表情升级的一个重要方向。

戏谑调侃的表情有哪些呢？我们挖掘了当下网络社交流行的表情包和热词。回想一下我们是否也经常使用类似“地铁老人看手机”“黑人问号脸”等网络热图来表达内心的复杂情绪呢。

在变幻莫测的股市中，面对现实的无力和不确定，祈福求平静成了股民表达情绪舒缓心情的一种方式，比如“敲木鱼”“祈求大涨”等仪式感的情境以表情的方式呈现，也能一定程度上引起用户的共鸣。

2.让表情“淋漓尽致”

微表情尽显“内心戏”

一个表情里往往蕴含不只一种情感，短暂而难以察觉的面部变化最能传达个体真实的情感状态，一个眼神、嘴唇微动等细微变化，常常表达出个体内在的真实状态。

在设计“大哭”这个表情时，我们挖掘到大哭背后可能是某种“绝望”，那么观察下人们绝望时最大的面部特点是不是空洞的眼神和僵硬的脸？用这样的微表情和大哭结合在一起，感受大哭情绪的同时也传递了绝望的内心戏。

赚了、亏了一目了然

股票社区中涨跌是永远的话题，市场的涨跌背后牵动着的是股民们真金白银的账户。“亏大了”和“暴富”这两个表情很生动的表达了用户盈亏的两种处境，但原有表情的视觉表达过于保守和隐晦。要让用户一眼看到就产生共鸣，红绿色是最直观的涨跌信号，我们把这种语义和表情结合，“亏大了”除了表情沮丧还得加点绿色烘托氛围，“暴富”的喜悦中再加上红包加持情绪。

戏剧化表达

在某些极端情绪上我们还尝试打破旧表情的禁锢，用更加生动夸张的方式呈现。比如“绝望”，只靠面部表情似乎无法充分的表达，所以我们营造了简单的环境和肢体动作，一个瘫在墙角双目无神的小黄脸，绝望的形象跃然纸上。

3.股票专属“梗”

雪球社区里有一些独特的表情，比如“关灯吃面”，它是雪球老用户传承的经典梗；还有诸如跳水、割肉、抄底、满仓等股票术语梗也颇受欢迎。升级优化这类表情的同时我们小开脑洞在原有基础上增加了“好基友”等新梗，让股民表达更丰富有趣。

IP表情化

去年雪球诞生了自己的IP“YOYO”，此次表情升级正好可以将IP表情化，在平台应用和传播。

YOYO所代表的品牌语义

1.福禄寿：因其原型是驯鹿，取福禄寿之意，代表财富；

2.温暖陪伴&服务感：驯鹿具备天生的陪伴和服务感，与雪球强调的品牌服务感相契合。

YOYO品牌语义表情化

根据YOYO的两种品牌语义，我们分别开脑洞。

哪些意向和财富相关呢？我们找到“锦鲤”“招财猫”“金元宝”，这些元素和表情相结合形成财富类表达；那么陪伴和服务感我们使用“抱抱”、“打call”这类温暖鼓励意向的肢体语言来和YOYO结合传达。

写在最后

此次表情改版我们不仅从视觉和交互体验角度进行优化升级，还通过挖掘平台特征、用户特征来探索表情更丰富的表达和更深层语义。通过本次升级希望助力雪球社区的互动性、丰富性、趣味性。引发用户共鸣和更积极的互动，建立更强大的社区链接。

内容指导 | @Zway @默默

内容写作｜@洁洁

排版编辑&优化 | @丸子

作者：雪球设计中心XDC
链接：https://www.zcool.com.cn/article/ZMTYwOTE0OA==.html
来源：站酷
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

评论(0) 浏览(611)

152024-2

XDC干货 | 如何用服务思维做体验升级？

前端达人

本文旨在分享从私募服务旅程着手，讲述如何用服务思维去重构金融品类服务动线，从全链路角度梳理服务容器的价值表达，提升服务效率，让用户感知到服务，推动设计落地实现。

前言：金融产品设计为什么引入服务思维？

金融行业特点

金融品类交易中，客户和平台产品再也不是「决策-购买-结束」这种买完即走的关系，产品体验路径贯穿投前-中-后、线下后台，用户体验链路漫长且复杂。尤其是私募品类，百万起投的用户门槛极高，高净值人群的需求更加千人千面，给体验升级带来很大的难题：

·渠道，产品不断趋同，如何让高净值客户选择你？为什么在雪球买私募？我们可以提供什么样的服务？如何缩短服务路径提升获客效率？

·私募品类理解、购买门槛极高，内容及优势难以让用户感知，用户几乎无法独立完成购买流程。

·高净值用户需求千人千面，如何精准服务用户和个性化服务？

除了金融产品本身之外，平台服务能力很大程度决定了客户的体验和选择；除了客户的使用体验、交易体验，服务体验是后续增长的核心关键点。所以如何让用户在雪球感知服务？如何把我们的好服务做显性化表达？我们的产品架构交互路径应该怎么去做？是体验侧需要亟待解决的问题。

先来看看用户眼中的好服务

既然要提升产品的服务体验，那用户希望提供什么样的服务？什么是用户眼中的好服务？雪球买私募有啥优势？

“多数受访者不知道财富顾问可以做什么，不知道雪球买私募有什么优势”
“多数受访者需要某种形式的推荐，自己很难选出各方面都满足自己要求的私募”
“越资浅的受访者，对财富顾问需要的程度越高”
-引用自雪球私募用户访谈

通过私募用户访谈，我们发现用户眼中的好服务是专业性强、立场中立、有温度、持续陪伴的，所以我们应该

·把平台服务价值外显、更具象的展现财富顾问专业能力

·为财富顾问提供更高效的管理工具

如何用服务思维做体验升级？

再来看看服务思维是什么？

是一种跨学科的思维方式，是用全局化、系统化的视角看待问题，通过对一段服务过程中的触点体验进行系统、有组织地挖掘优化，用设计思维去解决实际场景里的人与人的关系。
-引用Interaction Design Foundation

三个方向

服务体验升级的切入点我们可以抽象为3个方向：

01.产品服务化

以用户为中心，基于用户旅程去做创新；从被动响应到主动服务，是人到人的服务

02.服务品牌化

有序的把各个触点串联，打造有识别性，连贯统一、感知强的服务体验

03.服务产品化

把服务标准化、规范化、打包成具体的产品，实现快速复制

设计动作

01.服务动线重构

私募产品的购买门槛高，用户从作出购买决策到完成购买的链路非常长，我们希望客户通过与“财富顾问”建立连接，来辅助用户完成购买前-中-后的整条链路；以及帮助财富顾问提升效率，为后续的交易转化带来各种交易线索。在体验升级最开始的阶段，我们尝试在强调按钮操作，独立优化预约建联页面信息布局等做了很多次的迭代升级，数据并不理想，并没有提升用户建联率，需要跳出固有思维，从服务思维视角出发，基于用户旅程优先迭代人到人的服务。

从被动等待变主动服务

从用户需被动等待财富顾问联系转换为主动添加财富顾问；缩短触达链路，通过跨端跳端的体验去帮助用户简化流程链路。

补齐服务场景缺口

服务缺口是用户对服务的期待或需求和实际接受到的服务之间的落差（也是一个服务设计分析模型，用来探讨服务为什么发生），在设计探索阶段，我们可以梳理服务缺口，去找到设计切入点。

我们在重构的时候发现，用户仅在投中场景（私募详情页）才能联系到财富顾问，用户在发现场景下遇到类私募这种高门槛产品及内容时是急需一个触点去咨询财富顾问的-即在发现决策场景的沟通缺口缺失，所以我们在私募用户高频链路上都进行了服务容器的补齐。

02.服务价值显性化

我们在访谈私募用户的时候，很多客户都会提到雪球财富顾问的服务好，态度中立不营销；以及客户希望提供更丰富的产品，但其实雪球私募的产品数量、品类是丰富的。

37.5%的私募意向用户会在选择平台时选择推销感弱，能站在客户角度的平台；在访谈中，用户对雪球财富顾问的中立立场，弱营销感有较强感知
-引用自雪球私募用户画像报告

但我们并没有把雪球的服务优势在前端传递给用户，也从未系统性梳理过雪球私募品牌在用户整条链路的信息和表达，所以我们给用户传递的界面、视觉、文案是杂乱无章的。

我们需要自上而下的去明确我们的服务价值主张是什么，然后自下而上的从视觉设计、文案表达、交互等把我们服务价值在用户消费场景去做显性化透传。

作者：雪球设计中心XDC
链接：https://www.zcool.com.cn/article/ZMTYwMzgxMg==.html
来源：站酷
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

评论(0) 浏览(551)

152024-2

蓝蓝设计作品：B端软件首页2种设计风格

前端达人

hello，大家好！今天蓝蓝要介绍的是我们近期的作品，两种不同风格的B端产品平台首页，一起来欣赏吧！

方案一：驾驶舱风格采用驾驶舱形式，以生产为主的业务，使用户可以更直观，更全面地了解企业中所有指标的具体情况，以便快速做出决策。整体显示更为重要的实时数据，监控掌握大局观，及时对有问题的数据进行及时处理，板块区分明显，更方便找到相关数据。

方案二：平台主页风格在初步调研产品框架的基础上，系统首页重构信息组织架构，丰富信息和数据，根据不同权限可调整页面信息增加办公效率。设计风格采用简约的设计语言，模块化布局，方圆并构的设计模式，界面强调可复用性和通用性，配色采用品牌色，品牌融合度高。

#ui设计

#B端产品 #UI界面设计 #设计案例分享 #北京ui设计公司 #ui设计

评论(0) 浏览(598)

142024-2

原创作品案例:医疗电子病历界面设计 —蓝蓝UI设计

前端达人

今天分享原创作品案例：医疗电子病历界面设计，

这是一个我们公司的设计师对自己理解自由发挥的界面设计概念稿，有此类需求的企业，欢迎和我们联系01063334945。

我们公司可以对外公开的界面设计不是特别多。

公司官网www.lanlanwork.com 上面有一些。

#后台界面设计欣赏 #界面设计灵感 #设计外包 #UI设计公司 #b端设计接单 #B端设计 #电子病历系统

#医疗软件

评论(0) 浏览(730)

072024-2

看完这篇万字文章，你也能绘制用户体验地图

前端达人

各位总监不好意思拖更这么久

用户体验地图

一个目前作品集里常在的工具

希望这篇文章给你不一样的思路～

书籍参考

《简约至上》-贾尔斯·科尔伯恩

《体验文化》-胡晓

《视觉之外·全链路ui设计思维提升的培养与提升》-黄方闻

《用户体验要素》-杰西·詹姆斯·加特勒

作者：胡三七
链接：https://www.zcool.com.cn/work/ZNjU2MTI3NDg=.html
来源：站酷
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

评论(0) 浏览(761)

072024-2

从用户体验到细节之美：移动端弹窗设计

博博

在当今的移动应用设计中，弹窗作为一种重要的交互元素，对于提升用户体验和增强应用的可用性具有举足轻重的作用。然而，弹窗设计并非简单的堆砌信息，它需要考虑到用户的使用习惯、心理预期以及操作流程等多个方面。因此，如何设计出优秀的移动端弹窗，成为了一个值得探讨的话题。

本文旨在为设计师们提供一份全面的移动端弹窗设计指南。我们将从弹窗的定义与重要性、类型与使用场景、设计原则以及不同场景下的弹窗设计等方面进行深入探讨。希望通过本文的分享，能够帮助设计师们更好地掌握移动端弹窗设计的技巧，提升应用的用户体验。

弹窗是用户界面中的一种重要元素，它是一种临时性的、可交互的窗口，用于向用户展示信息、提示、警告或提供额外的功能。在移动应用中，弹窗通常用于在用户执行某些操作或触发某些事件时提供反馈或额外的信息。

弹窗设计的好坏直接影响到用户体验和应用的易用性。一个好的弹窗设计能够提供清晰、简洁、易于理解的信息，同时不会干扰用户的操作流程。而一个不好的弹窗设计可能会让用户感到困惑或不便，甚至可能导致误操作。

1、阻断式弹窗

模态弹窗是一种需要用户进行响应的弹窗。它通常会覆盖整个屏幕，并阻止用户进行其他操作，直到用户对弹窗做出响应。打断用户当前的操作流程，属于强势的干扰行为，通常用于需要用户确认或选择的操作，例如删除数据、确认操作等。

2、非阻断式弹窗

非模态弹窗是一种不会覆盖整个屏幕的弹窗。它通常会以小窗口的形式出现在屏幕的一角或下方，用于提供一些简短的信息提示或警告。是一种轻量级的反馈，不会对用户流程产生干扰，同时又给了用户反馈和信息。并且有时间限制，在一定时间里自动消失。不需要用户进行点击操作，只需要让用户看到即可，常见的非模态弹窗包括Toast提示框、Snackbar提示对话框等。