首页

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

ui设计分享达人

B端设计—常见问题&解决方式
 
 
一、UI设计师在B端产品界面设计时,可能会遇到的问题。
1.1复杂的数据可视化需求
B端应用往往涉及复杂数据,设计师需要创造清晰且有效的方式来显示这些信息。
对于B端产品设计中复杂的数据可视化需求,一个详细的解决方案需要从不同层面进行考虑和实施:
理解用户需求:
首先,进行深入的用户研究以理解不同用户的数据需求。这可能包括用户访谈、观察和问卷调查,以收集关于他们如何理解和使用数据的信息。
选择合适的图表类型:
根据数据类型和用户需求选择最合适的图表类型。例如,时间序列数据适合折线图,而比较数据则可能更适合条形图或饼图。同时,对于更复杂的数据关系,可能需要使用散点图、热图或树状图。
简化设计:
避免过度装饰的图表。使用清晰的轴标签、标题和图例,确保用户能够轻松读懂图表。选择合适的颜色方案来增强可读性,同时避免使用令人分心或误解的颜色组合。
增加交互性:
交互式元素可以大大增强数据可视化的效果。例如,当用户将鼠标悬停在图表的某个部分时,可以显示详细的数据点信息。此外,可以允许用户通过筛选、排序或拖动来自定义视图。
提供上下文和引导:
确保每个图表都有足够的上下文信息,比如引导性文本或简短的分析,帮助用户理解数据背后的故事。这不仅包括图表本身的解释,还包括如何使用图表进行有效决策的指导。
优化性能:
对于处理大量数据的可视化,确保性能优化是至关重要的。这可能涉及后端数据处理优化、前端渲染优化以及合理的数据加载策略。
用户测试和反馈:
设计完成后,进行用户测试以收集反馈。观察用户如何与数据可视化交互,并根据他们的反馈进行调整。这是一个持续的过程,旨在不断提高可视化工具的有效性和用户满意度。
B端设计—常见问题&解决方式
 
 
可以找到大量的参考选择适用自己产品风格的可视化,之后进行修改。
1.2深层级的功能集成
与C端产品相比,B端产品可能有更深层次和复杂的功能,难以设计简洁直观的用户界面。
对于UI设计师在进行B端产品界面设计时遇到的“深层级的功能集成”问题,一个详细的解决方案需要包括以下几个关键策略:
模块化设计:
通过将复杂功能分解为独立、可重用的模块,可以简化界面并提高可维护性。每个模块应专注于单一功能或任务,从而使整体系统更加清晰易懂。
清晰的信息架构:
建立一个逻辑清晰的信息架构是至关重要的。这包括创建一个分层的菜单结构,将相关功能组织在一起,并通过适当的命名来指导用户。
分层的导航系统:
为不同层级的功能提供清晰的导航路径。这可能包括主导航菜单、次级导航以及面包屑导航等,帮助用户理解他们在应用中的位置以及如何访问特定的功能。
搜索功能:
随着功能数量的增加,提供一个强大的搜索工具变得尤为重要。这可以帮助用户快速找到他们需要的特定功能或信息。
自定义和个性化设置:
允许用户根据自己的工作流程和偏好来自定义界面。这包括选择要显示的模块、调整布局以及设置快捷方式等。
交互式教程和帮助文档:
为新用户提供交互式教程,帮助他们快速了解如何使用应用。同时,提供详细的帮助文档和FAQ,以便用户可以自助解决问题。
用户测试和反馈:
持续进行用户测试和收集反馈,了解哪些功能集成方式有效,哪些需要改进。根据用户的反馈不断调整和优化界面设计。 通过实施这些策略,UI设计师可以有效解决深层级功能集成的问题,创造出既强大又易于使用的B端产品界面。
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开发

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

博博

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

一、什么是泰斯勒定律 ?

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

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

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

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

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

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

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

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

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

三、总结

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

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

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

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

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

 

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

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

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

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

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

前端达人

简介
设计方法论在UI设计中的应用带来了显著好处,通过系统性的设计流程和框架,团队能够更有效地处理挑战、创造出用户关注的界面。它促进了团队协作与沟通,强调问题解决与创新,同时重视持续的用户测试与反馈循环,有助于提高设计质量和用户满意度,使得设计过程更为高效、有条理并具备创造性。
超长干货!UI设计师必须要懂的4个设计心理学
 
 
设计原则目录
希克定律
希克定律描述了选择时间与选择项数量之间的关系,即选择的时间会随着可选项的增加而增加。在设计中,这个定律提醒我们在界面设计时要简化选择过程,减少选项数量,使用户更轻松、更快速地做出选择。
确认偏差
确认偏差指出人们更倾向于接受与自己原有信念或期望相符的信息。在设计中,了解确认偏差有助于设计师合理呈现信息,将重要内容放置在用户预期区域,增强用户对界面的认可感。
邻近法则
邻近法则是指将视觉上相关的元素放置在彼此附近,使用户更容易将它们视作相关的一部分。在设计中,合理利用邻近法则能够组织信息、创造更清晰易懂的界面布局,提高用户对界面内容的理解和识别。
菲茨定律
菲茨定律描述了目标大小和距离对用户操作效率的影响。设计师可以利用这个原则优化界面元素的大小与间距,使用户更快速、更准确地完成操作,提升用户体验和界面的易用性。
 
超长干货!UI设计师必须要懂的4个设计心理学
 
 
什么是希克定律?
希克定律是一个与人类反应时间和选择数量之间关系的心理学原理,特别适用于界面设计和用户体验。这个定律是由英国心理学家威廉·希克(William Edmund Hick)在20世纪初提出的。
简而言之,希克定律表明人们做出选择所需的时间与可供选择的数量成正比。这意味着当选项的数量增加时,决策所需的时间也会相应增加。在UI设计中,这个定律强调了简化选择以提高用户体验的重要性。
通过减少选择数量,设计师可以帮助用户更快速、更轻松地做出决策。这可以通过多种方式实现,例如使用更简洁的菜单结构、合并功能或选项、使用默认设置以减少用户需要作出的选择等。
了解希克定律对于设计者来说是极为重要的,因为它提醒我们:在设计界面时,简化和优化选择可能会带来更流畅、更高效的用户体验。
超长干货!UI设计师必须要懂的4个设计心理学
 
 
它是怎么产生的?
希克定律是基于心理学和人类认知过程的研究而产生的。威廉·希克和他的同事在1930年代进行了一系列的实验,旨在了解人们在不同选择数量下做出决策的反应时间。
实验中,被试者面对不同数量的选择,例如按钮或选项,然后被要求尽快做出选择。实验结果显示,随着选项数量的增加,被试者做出选择所需的时间也相应增加。这一观察成为希克定律的基础。
希克定律的本质是认知心理学的一部分,它涉及到人类对信息的处理方式。当人们面对多个选项时,他们需要对每个选项进行评估和决策,这会增加认知负荷。结果是,随着选项数量的增加,处理和选择所需的时间也相应增加。
这个定律提出了一种对设计界面和交互方式有深远影响的见解:简化界面,减少选择数量,可以帮助用户更快速、更轻松地做出决策。这种认知负荷的理论成果对于优化用户体验和提高界面效率有着重要的指导作用。
超长干货!UI设计师必须要懂的4个设计心理学
 
 
思考下希克定律UI作用?
希克定律在UI设计中具有重要作用,它强调了简化选择以提高用户体验的重要性。以下是希克定律在UI设计中的一些具体作用和应用:
简化菜单和导航
: 减少导航菜单中的选项数量,将类似功能的项目归类或合并,可以减轻用户的选择负担,帮助他们更快速地找到所需信息。
优化工作流程
: 在应用程序或网站设计中,简化工作流程和操作步骤可以减少用户需要做出的决策,提高用户完成任务的效率。
默认设置和建议
: 使用默认设置或提供建议可以减少用户必须做出的选择。通过合理设置默认选项,可以简化用户体验,让用户更快地进入应用或网站并开始使用。
信息层级结构
: 设计清晰的信息架构和层级结构有助于将内容组织得更有条理,使用户能够更容易地定位所需信息,避免过多的选择。
上下文反馈和指导
: 提供清晰的上下文反馈和指导,帮助用户更快速地了解当前操作的影响,减少不必要的犹豫和选择焦虑。
用户个性化和智能推荐
: 利用个性化推荐或智能算法,根据用户的历史偏好为其提供定制化的选择,减少不必要的选择。
在UI设计中,理解希克定律可以引导设计师创造出更简洁、更直观、更易用的界面,从而提高用户满意度和效率。通过减少选择数量和简化操作,设计可以更好地配合人类认知特性,使用户在界面上的交互变得更加流畅和自然。
超长干货!UI设计师必须要懂的4个设计心理学
 
 
需要我们记住什么?
在UI设计中,了解和应用希克定律有助于创造更优秀的用户体验。以下是需要记住的一些关键点:
选择数量与决策时间成正比
: 用户需要花费更多时间来做出决策,当他们面对更多选择时。减少选择数量可以提高用户的决策效率。
简化界面以降低认知负荷
: 设计简洁、清晰的界面可以减少用户的认知负荷,帮助他们更轻松地使用应用或网站。
层级结构和组织
: 通过良好的信息层级结构和内容组织,可以使用户更快速地找到所需信息,减少选择过程。
默认设置的重要性
: 合理设置默认选项可以简化用户体验,降低他们需要做出的选择,从而更快地开始使用应用或网站。
上下文反馈和引导
: 提供清晰的上下文反馈和指导,帮助用户更快速地了解其操作的影响,减少选择焦虑。
用户个性化和智能推荐
: 利用用户个性化数据和智能算法,为用户提供定制化的选择,降低不必要的选择过程。
记住这些关键点能够帮助设计师更好地优化界面,提供更出色的用户体验,减少用户做出选择所需的时间,从而增强产品或应用的吸引力和实用性。
 
在app产品中,我们应该怎么应用希克定律
在移动应用程序(App)设计中,应用希克定律可以通过以下方式提高用户体验:
简化导航和菜单
: 减少主导航菜单中的选项数量,将类似的功能合并或分类,以简化用户的选择过程。使用清晰的图标和标签帮助用户更快速地理解选项。
优化注册和登录流程
: 在注册和登录过程中尽可能减少必填项,使用社交媒体登录或单一注册选项简化流程,降低用户的选择负担。
默认设置和个性化推荐: 利用用户的偏好和历史数据,为用户提供个性化的推荐或默认设置,减少用户需要做出的选择,并快速展示最相关的内容或功能。
简化表单和输入
: 最小化表单字段,根据上下文预填充表单内容或使用智能输入建议,以降低用户输入的认知负担。
上下文引导和反馈
: 在用户进行关键操作时提供清晰的引导和反馈,让用户了解他们的操作将会带来的结果,减少不必要的犹豫和选择焦虑。
智能搜索和过滤功能
: 提供强大的搜索和过滤功能,帮助用户快速找到所需内容,减少在大量选项中的选择时间。
简化购买流程
: 在电商应用中,优化购买流程,减少购物车和结账过程中的步骤和选择,提供清晰的购买路径。
通过以上方式,设计师可以在App中运用希克定律,帮助用户更轻松、更高效地使用应用,提高用户满意度并增强应用的吸引力。这些方法都围绕着减少选择数量、简化操作和提供个性化的体验,以减少用户的认知负荷,提高用户的决策效率。
 
希克定律总结
希克定律在移动应用设计中的应用关键在于简化选择、优化流程以提升用户体验。通过减少主导航选项、优化注册与登录流程、提供个性化推荐、简化表单输入、提供清晰反馈和引导、强化搜索功能以及简化购买流程,设计师可以降低用户的选择焦虑和认知负荷,使用户更轻松、更高效地使用应用,提升用户满意度。这些策略围绕着简化操作、减少选项数量和提供个性化体验,有助于提高用户的决策效率,增强应用的吸引力与可用性。
 
 
超长干货!UI设计师必须要懂的4个设计心理学
 
 
什么是确认偏差?
确认偏差是一种认知偏差,指的是人们更倾向于寻找、记住或赞同支持已有信念或假设的信息,而忽视或排斥与其相矛盾的信息。这种偏差导致人们在寻求信息和形成观点时倾向于选择那些与他们已有信念相一致的信息,而忽视那些与之相悖的信息。
在设计和决策过程中,确认偏差可能会对判断和决策产生影响。设计师或决策者可能会倾向于寻找支持他们最初想法或假设的信息,而忽略潜在的反对观点或证据。这可能导致错误的假设、不完整的分析或偏离客观事实的判断。
了解确认偏差对于设计师和决策者来说是很重要的,因为它可以影响到他们对问题的看法和解决方案的选择。为了减轻确认偏差的影响,重要的做法包括寻求多样的观点和信息来源、鼓励团队开放性讨论、持续评估和反思自己的假设,以及意识到并主动应对这种偏差。
 
超长干货!UI设计师必须要懂的4个设计心理学
 
 
它是怎么产生的?
确认偏差的产生与人类的认知方式和信息处理方式有关。它可以追溯到我们处理信息的心理机制,以及对信息的选择性接收和处理。
信息过滤和选择性接收
: 人类大脑处理的信息量庞大,为了应对这种信息负荷,我们会有意无意地选择性地接收与已有信念相符的信息,因为这样更容易被接受和理解。
认知一致性和舒适度
: 我们倾向于寻求与我们已有信念一致的信息,因为这会让我们感到更加舒适和认知上的一致性,而与之相悖的信息则可能引起认知不适或挑战。
记忆偏差
: 我们记忆中更容易保留和回忆起与我们已有信念相符的信息,而忽略或淡化与之不符的信息,导致我们更倾向于记住和重复暴露于已有信念的信息。
社会影响和团队动态
: 在团队环境中,人们可能更容易受到同伴或领导观点的影响,导致更多地寻求与团队共识一致的信息。
因此,确认偏差源于我们处理信息的方式和寻求认知一致性的趋势,这种倾向性会影响我们对信息的选择、记忆和接受,使得我们更容易偏向于支持已有信念的信息。
 
超长干货!UI设计师必须要懂的4个设计心理学
 
 
思考下确认偏差在UI作用?
认知偏差在UI设计中有着深远的影响,设计师需要了解并考虑这些偏差,以创造更符合用户认知和行为的界面:
信息呈现与确认偏差:
UI设计中的信息呈现方式能够影响用户的感知。确认偏差提示我们,设计师应该精心布局信息,确保用户首先接触到的内容是符合其期望和信念的。在重要位置展示与用户预期一致的信息能够增强用户对界面的认可感。
用户体验与认知一致性:
UI设计应该符合用户的认知模式和习惯。保持一致的界面元素、布局结构和交互方式有助于降低用户学习成本,提升用户体验,因为这与用户的认知一致性相契合。
选择性暴露与设计引导:
设计师可以利用确认偏差的特性来引导用户,将重要信息或功能放置在易于察觉的位置,引导用户进行特定的操作。然而,需要谨慎处理,以避免对用户造成信息过载。
避免偏见与用户测试:
设计师应该避免自身的认知偏差影响设计,而是更多地关注用户的实际需求和行为。通过持续的用户测试和反馈,可以验证设计的有效性,确保设计更加客观、全面地服务于用户。
认知偏差不仅能够帮助设计师更好地了解用户行为和认知模式,也提醒设计师需要谨慎地处理信息的呈现方式,以创造出更符合用户认知特点和期望的界面。
 
超长干货!UI设计师必须要懂的4个设计心理学
 
 
需要我们记住什么?
用户选择性感知:
用户会倾向于选择性地接收与其已有信念相符的信息。因此,在设计中需要注意如何呈现信息,以便用户更容易接收并理解与其预期一致的内容。
认知一致性与用户体验:
用户更喜欢一致性的界面设计。保持界面元素、布局和交互方式的一致性有助于提高用户体验,减少认知负担。
引导与用户行为:
可以利用认知偏差的特性来引导用户行为,但需要谨慎,以避免对用户造成信息过载或误导。
客观设计与用户测试:
设计师需保持客观,在设计中避免个人偏见的影响。持续的用户测试和反馈是验证设计有效性的关键。
用户需求至上:
最重要的是设计能够满足用户的实际需求。认知偏差提醒我们关注用户行为和反馈,确保设计更加贴近用户期望。
记住这些关键点有助于设计师更好地应用认知偏差的理论,创造出更符合用户认知和行为习惯的界面,提升用户体验和产品吸引力。
 
在app产品中,我们应该怎么应用认知偏差
在App产品中,了解和应用认知偏差可以改善用户体验和促进用户参与。以下是一些应用认知偏差的方法:
个性化内容推荐
: 利用用户的历史数据和偏好,提供个性化的内容推荐,引导用户浏览与其兴趣相关的信息,这符合用户的认知偏好。
强调常用功能
: 将常用功能放置在易于察觉的位置,这有助于用户更快速地找到并使用常用功能,符合用户对信息的选择性感知。
引导用户决策
: 通过明确的引导和推荐,帮助用户做出决策。例如,突出显示推荐选项或使用明确的指导语言,以降低用户的选择焦虑。
增加用户互动和奖励机制: 利用认知偏差中的奖励机制,激励用户参与互动。例如,奖励积分、勋章或奖励物品以促进用户的积极参与。
社交证据和影响力
: 强调其他用户的行为和意见,例如显示用户评论或社交分享,可以影响新用户的决策,符合社会影响的认知偏差。
提供个性化的反馈和建议
: 根据用户的行为提供个性化的反馈和建议,引导用户完成特定的动作或行为,符合用户的认知偏好和选择性感知。
综合利用这些策略可以更好地与用户互动,促进参与度,提高用户对产品的满意度。然而,需要谨慎运用,避免过度使用以至于影响用户体验或导致信息过载。
 
认知偏差总结
综合利用认知偏差的这些方面,设计者可以更加精准地与用户互动,提升用户体验和参与度。但务必注意,应用认知偏差需要在不影响用户信任和体验的前提下进行,避免过度干预或引导,以免影响用户的自主性和信任感。
 
 
超长干货!UI设计师必须要懂的4个设计心理学
 
 
什么是邻近法则?
邻近法则是设计中的一项基本原则,描述了物体或元素在空间中距离越近,就越有可能被视为相关的部分。这个原则是Gestalt心理学的一部分,指出物体在空间上的接近会引起它们被认为是相关的,无论它们的形状或特征如何。
在设计中,邻近法则指导着将相关的元素放置在彼此附近,以便用户能够将它们视为一组或相关部分。这个原则常用于布局设计,例如将相关的菜单选项放在一起、相关的控件放置在同一区域等。通过利用元素之间的空间距离,设计师可以引导用户对信息进行逻辑分组,提高用户对页面内容的理解和整体结构的认知。
邻近法则的应用有助于创造出更清晰、更易于理解的设计布局,让用户更轻松地识别和理解相关的信息,提升界面的可读性和可理解性。
 
超长干货!UI设计师必须要懂的4个设计心理学
 
 
它是怎么产生的?
邻近法则源自格式塔心理学,起源于20世纪初期。格式塔探索者观察到人类视觉系统倾向于将靠近的物体视为一组或相关的部分,而将远离的物体视为不相关的。
本次创作的原则是基于观察:
人们倾向于将距离较近的元素视为相关的整体,即使它们的形状、颜色或其他特征不同。
空间上的接近性会引导人们将相关的元素组合在一起,形成逻辑上的群体或集合。
基于这些观察,计算者得出结论:元素之间的接近程度影响了人们如何和组织信息。这个理论评估理解视觉,成为设计中常用的一项原则,帮助设计师创建更多条理和易于理解的界面布局和视觉组织。通过合理的安排和组织元素之间的距离,设计师能够引导用户更清晰地理解页面的结构和相关性。
 
超长干货!UI设计师必须要懂的4个设计心理学
 
 
思考下邻近法则UI作用?
邻近法则在 UI 设计中有着重要的应用,能够指导设计师创建更直观、更易理解的界面布局和组织方式。以下是邻近法则在 UI 设计中的应用方法:
逻辑分组和视觉关联:
将相关的元素放置在彼此附近,例如将菜单选项、功能按钮或相关信息放在相近的区域,以形成逻辑上的群组或关联,使用户能够更快速地理解信息之间的相关性。
表现信息层级和结构:
通过合理安排元素之间的间距,设计师可以展现信息的结构和层级。在网页或应用中,合理的邻近性有助于传达页面组织的逻辑和信息的重要性。
避免视觉混乱和误导:
合理利用邻近法则可以避免界面的视觉混乱。将不相关的元素保持一定的间距,避免过度拥挤,让用户更轻松地理清界面的内容和结构。
指引用户流程和操作:
在设计工作流或操作步骤时,将相关的元素放在一起,以引导用户流程,提高用户操作的连贯性和流畅性。
视觉组织与导航:
在导航设计中,将相关功能或内容放置在相邻位置,例如将相关菜单项放在同一区域,以便用户更快速地找到并使用所需功能。
适当运用邻近法则可以改善用户对界面的理解和认知,提高用户操作的效率和体验。它有助于营造清晰的信息层级、减少视觉混乱,并引导用户更直观地浏览和操作界面。
 
超长干货!UI设计师必须要懂的4个设计心理学
 
 
需要我们记住什么?
在设计中运用邻近法则时,需要记住以下几点:
相关性与空间接近性
: 用户倾向于将距离近的元素视为相关的整体。因此,在设计中将相关的元素放置在彼此附近,能够帮助用户更直观地理解它们的关联性。
信息组织和层级结构
: 通过合理的空间安排,展示信息的逻辑结构和层级关系。这有助于用户更轻松地理清界面内容和操作流程。
避免视觉干扰和混乱
: 控制元素之间的距离,避免过度拥挤和混乱,以免干扰用户的视觉和理解。
引导用户视线和操作:
合理利用邻近法则可以引导用户的视线和操作流程,使其更自然、更顺畅地浏览和使用界面。
反复测试与用户反馈
: 不断测试和收集用户反馈,以确保所安排的元素之间的关联性和距离对用户理解和操作的有效性。
记住这些关键点有助于在设计中更好地应用邻近法则,创造出更清晰、更易于理解的界面布局,提高用户体验和界面的可用性。
 
在app产品中,我们应该怎么应用邻近法则
在App产品设计中,应用邻近法则可以改善用户界面的布局和交互,提升用户体验。以下是一些应用邻近法则的方法:
相关功能分组
: 将相关功能或信息放置在彼此附近,例如将设置选项放在同一区域,让用户能够更轻松地找到并使用相关功能。
类似操作的分组
: 将相似操作或功能放在相邻位置,例如将编辑工具放在同一区域,以便用户更快速地使用相关工具。
导航栏与内容对应
: 将导航栏与相应的内容区域对应,以减少用户在不同页面间的跳转,并帮助用户更好地理解页面的结构。
按钮和功能布局
: 设计时将按钮和功能布局合理分组,保持相关的按钮或操作尽可能靠近,减少用户在界面中寻找所需功能的时间。
信息层级和结构展示
: 通过邻近法则将相关信息放置在一起,展现信息的逻辑层级和关联性,以帮助用户更清晰地理解页面结构。
交互流程的布局
: 设计操作流程时,将相关步骤或功能放置在相邻位置,以引导用户进行更自然、连贯的操作流程。
这些方法能够通过邻近法则帮助设计师更好地组织界面元素,提高用户对界面的理解和操作效率,增强用户的满意度和体验。
 
邻近法则总结
邻近法则在App产品设计中指导着将相关的元素放置在彼此附近,以创建更直观、更易于理解的界面布局。通过合理的空间分配和元素排列,帮助用户更快速地找到相关功能、理解信息层级结构,提升用户操作的效率和界面的可用性。这个原则可以优化布局设计,使得用户能够更轻松地掌握界面内容和操作流程。
 
 
 
超长干货!UI设计师必须要懂的4个设计心理学
 
 
什么是菲茨定律?
菲茨定律是一项关于人机交互的基本原理,描述了人类手指或鼠标等指针设备移动到目标区域的时间与目标的大小和距离成反比的关系。这个定律是由保罗·菲茨在20世纪50年代提出的,广泛应用于人机界面设计领域。
根据菲茨定律,目标越大或距离越近,用户将指针移动到目标区域的时间就越短。具体而言,菲茨定律可以用以下公式表示: T=a+b×log 2 ( W/D+1)
其中:
T 是用户移动到目标区域所需的时间。
D 是指针初始位置与目标中心之间的距离。
W 是目标区域的宽度或大小。
a 和 b 是与设备和任务有关的常数。 这个定律的应用范围非常广泛,尤其在界面设计中。设计师可以利用菲茨定律来优化界面布局和交互元素的设计,使得用户更容易、更快速地点击或选择目标区域。通过增大目标区域的大小、减少目标间距离和提供合适的反馈,可以显著改善用户体验,并使用户更高效地使用界面。
 
超长干货!UI设计师必须要懂的4个设计心理学
 
 
它是怎么产生的?
菲茨定律的产生是基于人类运动学和认知心理学的研究。保罗·菲茨在20世纪50年代的研究中发现,在人类运动中存在一种模式,即手指或鼠标等指针设备移动到目标区域的时间与目标的大小和距离成反比关系。
这个定律的提出是基于以下观察和假设:
较大的目标区域更容易命中。用户更容易准确地将指针移动到较大的目标上。
较近的目标更容易到达。距离更近的目标比距离更远的目标更容易被选中。
基于这些发现,菲茨提出了一个数学模型来描述这种关系,并提出了菲茨定律。这个定律通过对目标的大小和距离进行量化,为界面设计和人机交互提供了理论依据,指导设计师如何优化界面布局和元素设计,以提高用户的操作效率和准确性。因此,菲茨定律成为了设计界面和交互方式的重要指导原则之一。
 
超长干货!UI设计师必须要懂的4个设计心理学
 
 
思考下菲茨定律UI作用
菲茨定律在 UI 设计中有着深远的影响,设计师可以利用这个原理来优化界面,提高用户的操作效率和体验。以下是一些菲茨定律在 UI 设计中的应用方法:
增大可点击区域
: 根据菲茨定律,较大的目标区域更容易被点击,因此,为重要的操作按钮或功能区域提供更大的点击面积。这有助于用户更准确地点击目标,尤其对于移动设备上的小屏幕更为重要。
减少目标间距离
: 将常用功能或相关操作的按钮或链接放置更接近,以减少目标之间的距离。这样用户在切换不同功能时能更快速地移动到目标区域,减少了操作时间。
考虑手势操作和屏幕布局
: 对于触摸屏设备,菲茨定律同样适用。设计师可以考虑手势操作、放大目标区域或布局方式,使得用户更容易地触摸、滑动或缩放屏幕上的目标。
合理利用白空间
: 在设计中留出足够的空间,确保目标区域不会过于拥挤,从而减少误触或混淆。良好的白空间布局有助于提高用户的操作准确性。
提供视觉反馈和指引
: 为了帮助用户更准确地选择目标区域,提供视觉反馈,如按钮状态变化或指示箭头,可以让用户更清晰地了解下一步操作。
通过运用菲茨定律,设计师可以优化界面布局和元素的大小与间距,使得用户更轻松、更快速地进行交互操作。这有助于提升用户体验,减少用户的操作时间和错误率。
 
 
超长干货!UI设计师必须要懂的4个设计心理学
 
 
需要我们记住什么?
在设计中运用菲茨定律时,需要记住以下几点:
目标大小与距离关系
: 目标的大小和距离会影响用户操作的效率。大的目标区域和较近的距离能够更快速、更准确地被选中。
重要操作优先考虑
: 对于常用或重要的操作按钮,设计师应该确保其具有足够的大小和合适的间距,以提高用户操作的效率和准确性。
触摸屏设备的优化
: 对于移动设备和触摸屏,合理设置触摸区域大小和间距,有助于用户更轻松地操作,避免误操作。
视觉反馈和引导
: 提供明确的视觉反馈,如按钮状态变化或指示箭头,有助于用户更准确地选中目标区域。
用户反馈和测试
: 不断收集用户反馈并进行测试,以确保设计的目标大小和距离对用户操作的有效性。
记住这些关键点有助于设计出更符合菲茨定律原理的界面,提高用户的操作效率和满意度。优化目标区域的大小和距离,可以有效地改善用户体验,并增强产品或应用的易用性。
 
在app产品中,我们应该怎么应用菲茨定律
在 App 产品设计中,应用菲茨定律可以优化用户体验和操作流程。以下是一些应用菲茨定律的方法:
按钮大小与布局
: 增大重要操作按钮的大小,确保它们容易点击并位于用户自然手指或鼠标移动的路径上。将常用的按钮放置在更接近用户自然操作位置的地方。
减少操作距离
: 将相关操作或页面之间的距离缩短,以减少用户在不同功能区域间的切换所需的操作次数和时间。
设计适合手势操作的界面
: 针对触摸屏设备,设计手势操作区域,使得用户能够轻松地进行滑动、放大缩小等手势操作。
避免过度拥挤和重叠
: 在设计中避免过多的重叠元素和拥挤,确保目标区域清晰可见且易于选择。
提供清晰的反馈和指引
: 确保用户点击或选择目标时获得清晰的视觉反馈,如按钮状态变化、高亮显示或动画效果,以便明确指示用户的操作结果。
持续优化与用户反馈
: 不断收集用户反馈,通过用户测试和数据分析,优化界面的目标大小和距离,以提高用户的操作效率和满意度。
这些策略都是基于菲茨定律,旨在提高用户点击或选择目标区域的效率和准确性,从而改善用户体验并增强产品的易用性。
 
菲茨定律总结
菲茨定律在App产品设计中强调了目标区域的大小和距离对用户操作的影响。通过增大重要按钮的大小、减少操作间距离、设计适合手势操作的界面以及提供清晰的反馈指引,可以优化用户体验,提高用户操作的准确性和效率。这个原理指导着设计师如何布局界面元素,使得用户更轻松、更快速地进行交互操作,进而提升产品的易用性和吸引力。
 

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

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

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



作者:A大林子
链接:https://www.zcool.com.cn/article/ZMTYwNjk2MA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

分享精彩的后台管理软件界面设计欣赏 —蓝蓝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开发

 

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

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

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

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

前端达人

写在前面
在社区平台语境里,表情无疑是很重要的组成部分。一套丰富且定位准确的表情可以帮助用户更清晰地表达自己的感受,增进沟通的准确性,同时增添社交互动的趣味性,拉进用户之间的距离。带有平台特性的表情更能彰显平台自身的独特性。
雪球作为金融社区平台,表情自然也是重要的元素。我们通过数据调研,发现雪球社区互动中表情的渗透率达到18%,表情的使用率比较高。而现有的表情年久失修,存在几个比较明显的问题,首先视觉风格陈旧辨识度低;再有,表情中原本存在一些股票梗的表现力较弱,画风不够有趣。第三,雪球诞生了新IP“呦呦”,非常适合在表情中应用来推广雪球品牌特性。
基于以上背景我们展开了对于表情翻新改版的项目。
 
XDC干货|雪球表情升级全纪录
 
 
现状&问题
通过对当前状况进行系统梳理,我们发现了一些存在的问题。
 
XDC干货|雪球表情升级全纪录
 
 
 
1.设计风格陈旧,不易识别表现力弱:
目前线上雪球表情风格老旧,视觉表达不符合当下设计潮流趋势;由于表情是白色在行文中表现力不足且不易被用户识别,因而趣味性表达的作用不够凸显。
XDC干货|雪球表情升级全纪录
 
 
 
2.缺乏股票基金场景的情绪表达
社区场景中有大量的股票基金的讨论和相关内容的情绪表达,而目前表情体系中缺乏此类表达或表达不够生动。
比如「关灯吃面」和「割肉」,在行文中一眼能识别到视觉主体是表情脸,而“吃面”和“割肉”的语义没有生动的体现出来;还比如「跳水」又太具象和写实,少了表情的趣味性。
XDC干货|雪球表情升级全纪录
 
 
 
3.没有将雪球的新IP融入表情
雪球诞生了新的IP“呦呦”,表情的体系非常适合融入IP向的内容,将IP表情化也更利于IP的推广和品牌的传播。
XDC干货|雪球表情升级全纪录
 
 
 
XDC干货|雪球表情升级全纪录
 
 
视觉风格探索
1.雪球用户特征
设计风格需要根据平台用户特征进行确定。开始设计之前,我们先看看雪球用户大概是什么样的。
XDC干货|雪球表情升级全纪录
 
 
雪球的主要用户为男性且集中在30-50岁左右,所以在视觉表现上尽量避免女性化或低龄化的风格。
2.视觉风格探索
风格确定
旧版的表情苍白,虽然细节很多但在行文中难以识别,本次改版重要任务之一是改版新的视觉风格。emoji是最被用户熟知的表情体系,我们决定新版向传统黄脸emoji表情靠拢。大方向定了,但还需要确定视觉感受符合雪球的emoji。最后在两种视觉风格中我们选择了视觉感受偏中性、风格扁平的这个方向,这个风格和雪球用户特征更契合。
XDC干货|雪球表情升级全纪录
 
 
 
提升辨识度
表情在交流中作为非文字的“语言”,其辨识度至关重要。表情在行文中的尺寸相对较小和单个文字差不多,那么如何保证在文字中依然能一眼读懂表情?
在对表情整体风格的把控下,需要通过对细节的打磨和反复实验,得出更有辨识度的设计方案。保持视觉扁平,尽量使用简洁的几何图形,加强颜色对比度,减少颜色数量,放大表情特征。通过以上手段有效的提升了表情的一致性和在行文中的辨识度。
XDC干货|雪球表情升级全纪录
 
 
 
XDC干货|雪球表情升级全纪录
 
 
发现股民讨论语境下的“梗”
本次表情升级除了对现有表情进行改造升级,还针对雪球社区特色进行挖掘。
1.挖掘“梗”
前面我们说到雪球用户是集中在30-50岁左右的男性,那么这类人群在社区中有怎样的表达特点呢?
通过观察我们发现,在面对股市的波动和不确定性,雪球用户更喜欢用幽默诙谐的论调来调侃市场以宣泄心中的无奈和负面情绪,同时在波动面前展现出一种坚韧和自嘲的心态。我们可以在这种“戏谑调侃”中挖掘可以视觉化的情绪和表情。以此作为本次表情升级的一个重要方向。
戏谑调侃的表情有哪些呢?我们挖掘了当下网络社交流行的表情包和热词。回想一下我们是否也经常使用类似“地铁老人看手机”“黑人问号脸”等网络热图来表达内心的复杂情绪呢。
XDC干货|雪球表情升级全纪录
 
 
 
在变幻莫测的股市中,面对现实的无力和不确定,祈福求平静成了股民表达情绪舒缓心情的一种方式,比如“敲木鱼”“祈求大涨”等仪式感的情境以表情的方式呈现,也能一定程度上引起用户的共鸣。
XDC干货|雪球表情升级全纪录
 
 
 
2.让表情“淋漓尽致”
  •  
    微表情尽显“内心戏”
一个表情里往往蕴含不只一种情感,短暂而难以察觉的面部变化最能传达个体真实的情感状态,一个眼神、嘴唇微动等细微变化,常常表达出个体内在的真实状态。
在设计“大哭”这个表情时,我们挖掘到大哭背后可能是某种“绝望”,那么观察下人们绝望时最大的面部特点是不是空洞的眼神和僵硬的脸?用这样的微表情和大哭结合在一起,感受大哭情绪的同时也传递了绝望的内心戏。
XDC干货|雪球表情升级全纪录
 
 
 
  •  
    赚了、亏了一目了然
股票社区中涨跌是永远的话题,市场的涨跌背后牵动着的是股民们真金白银的账户。“亏大了”和“暴富”这两个表情很生动的表达了用户盈亏的两种处境,但原有表情的视觉表达过于保守和隐晦。要让用户一眼看到就产生共鸣,红绿色是最直观的涨跌信号,我们把这种语义和表情结合,“亏大了”除了表情沮丧还得加点绿色烘托氛围,“暴富”的喜悦中再加上红包加持情绪。
 
XDC干货|雪球表情升级全纪录
 
 
  •  
    戏剧化表达
在某些极端情绪上我们还尝试打破旧表情的禁锢,用更加生动夸张的方式呈现。比如“绝望”,只靠面部表情似乎无法充分的表达,所以我们营造了简单的环境和肢体动作, 一个瘫在墙角双目无神的小黄脸,绝望的形象跃然纸上。
XDC干货|雪球表情升级全纪录
 
 
3.股票专属“梗”
雪球社区里有一些独特的表情,比如“关灯吃面”,它是雪球老用户传承的经典梗;还有诸如跳水、割肉、抄底、满仓等股票术语梗也颇受欢迎。升级优化这类表情的同时我们小开脑洞在原有基础上增加了“好基友”等新梗,让股民表达更丰富有趣。
XDC干货|雪球表情升级全纪录
 
 
XDC干货|雪球表情升级全纪录
 
 
IP表情化
去年雪球诞生了自己的IP“YOYO”,此次表情升级正好可以将IP表情化,在平台应用和传播。
YOYO所代表的品牌语义
1.福禄寿:因其原型是驯鹿,取福禄寿之意,代表财富;
2.温暖陪伴&服务感:驯鹿具备天生的陪伴和服务感,与雪球强调的品牌服务感相契合。
XDC干货|雪球表情升级全纪录
 
 
 
YOYO品牌语义表情化
根据YOYO的两种品牌语义,我们分别开脑洞。
哪些意向和财富相关呢?我们找到“锦鲤”“招财猫”“金元宝”,这些元素和表情相结合形成财富类表达;那么陪伴和服务感我们使用“抱抱”、“打call”这类温暖鼓励意向的肢体语言来和YOYO结合传达。
XDC干货|雪球表情升级全纪录
 
 
 
写在最后
此次表情改版我们不仅从视觉和交互体验角度进行优化升级,还通过挖掘平台特征、用户特征来探索表情更丰富的表达和更深层语义。通过本次升级希望助力雪球社区的互动性、丰富性、趣味性。引发用户共鸣和更积极的互动,建立更强大的社区链接。
XDC干货|雪球表情升级全纪录
 
 
 
内容指导 | @Zway @默默
内容写作|@洁洁
排版编辑&优化 | @丸子
 
 
 


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

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

前端达人

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

 

 

 

 

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

金融行业特点

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

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

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

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

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

 

 

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

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

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

 

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

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

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

 

 

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

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

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

 

 

三个方向

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

01.产品服务化

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

02.服务品牌化

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

03.服务产品化

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

 

 

 

设计动作

01.服务动线重构

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

 

从被动等待变主动服务

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

 

 

 


补齐服务场景缺口

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

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

 

 

02.服务价值显性化

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

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

 

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

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

 

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

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

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



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

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

前端达人

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

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

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

#ui设计

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

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

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

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

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

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

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

前端达人

 

 

 

 

 

 

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

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

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

公司官网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开发

 

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

前端达人

各位总监不好意思拖更这么久
用户体验地图
一个目前作品集里常在的工具
希望这篇文章给你不一样的思路~
 
书籍参考
《简约至上》-贾尔斯·科尔伯恩
《体验文化》-胡晓
《视觉之外·全链路ui设计思维提升的培养与提升》-黄方闻
《用户体验要素》-杰西·詹姆斯·加特勒
看完这篇万字文章,你也能绘制用户体验地图
 
 
收藏
看完这篇万字文章,你也能绘制用户体验地图
 
 
收藏
看完这篇万字文章,你也能绘制用户体验地图
 
 
收藏
看完这篇万字文章,你也能绘制用户体验地图
 
 
收藏
看完这篇万字文章,你也能绘制用户体验地图
 
 
收藏
看完这篇万字文章,你也能绘制用户体验地图
 
 
收藏
看完这篇万字文章,你也能绘制用户体验地图
 
 
收藏
看完这篇万字文章,你也能绘制用户体验地图
 
 
收藏
看完这篇万字文章,你也能绘制用户体验地图
 
 
收藏
看完这篇万字文章,你也能绘制用户体验地图

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

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

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


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

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

博博

在当今的移动应用设计中,弹窗作为一种重要的交互元素,对于提升用户体验和增强应用的可用性具有举足轻重的作用。然而,弹窗设计并非简单的堆砌信息,它需要考虑到用户的使用习惯、心理预期以及操作流程等多个方面。因此,如何设计出优秀的移动端弹窗,成为了一个值得探讨的话题。
本文旨在为设计师们提供一份全面的移动端弹窗设计指南。我们将从弹窗的定义与重要性、类型与使用场景、设计原则以及不同场景下的弹窗设计等方面进行深入探讨。希望通过本文的分享,能够帮助设计师们更好地掌握移动端弹窗设计的技巧,提升应用的用户体验。
从用户体验到细节之美:移动端弹窗设计
 
 
从用户体验到细节之美:移动端弹窗设计
 
 
弹窗是用户界面中的一种重要元素,它是一种临时性的、可交互的窗口,用于向用户展示信息、提示、警告或提供额外的功能。在移动应用中,弹窗通常用于在用户执行某些操作或触发某些事件时提供反馈或额外的信息。
弹窗设计的好坏直接影响到用户体验和应用的易用性。一个好的弹窗设计能够提供清晰、简洁、易于理解的信息,同时不会干扰用户的操作流程。而一个不好的弹窗设计可能会让用户感到困惑或不便,甚至可能导致误操作。
从用户体验到细节之美:移动端弹窗设计
 
 
从用户体验到细节之美:移动端弹窗设计
 
 
1、阻断式弹窗
模态弹窗是一种需要用户进行响应的弹窗。它通常会覆盖整个屏幕,并阻止用户进行其他操作,直到用户对弹窗做出响应。打断用户当前的操作流程,属于强势的干扰行为,通常用于需要用户确认或选择的操作,例如删除数据、确认操作等。
从用户体验到细节之美:移动端弹窗设计
 
 
2、非阻断式弹窗
非模态弹窗是一种不会覆盖整个屏幕的弹窗。它通常会以小窗口的形式出现在屏幕的一角或下方,用于提供一些简短的信息提示或警告。是一种轻量级的反馈,不会对用户流程产生干扰,同时又给了用户反馈和信息。并且有时间限制,在一定时间里自动消失。不需要用户进行点击操作,只需要让用户看到即可,常见的非模态弹窗包括Toast提示框、Snackbar提示对话框等。
从用户体验到细节之美:移动端弹窗设计
 
 
从用户体验到细节之美:移动端弹窗设计
 
 
1、弹窗设计尺寸定义
移动UI弹窗的设计尺寸通常取决于多个因素,通常需要考虑设备的屏幕尺寸和分辨率。以下是一些常见的移动端弹窗设计尺寸定义规范:
① 弹窗宽度
在移动设备上,弹窗的宽度通常会与设备屏幕宽度相适应。因此,弹窗的宽度可以设置为设备屏幕宽度的80%至90%,这样可以确保弹窗在不同屏幕尺寸上都能良好地展示。
从用户体验到细节之美:移动端弹窗设计
 
 
② 弹窗高度
移动端弹窗的高度应该根据内容的多少进行自适应,但要避免过高导致用户需要滚动查看。通常建议弹窗的最大高度不超过设备屏幕高度的80%。
从用户体验到细节之美:移动端弹窗设计
 
 
③ 按钮大小
在移动端弹窗中,按钮的大小应该足够大,以便用户能够轻松点击。按钮的大小一般建议在44px至56px之间,同时保持足够的间距,避免误触。
从用户体验到细节之美:移动端弹窗设计
 
 
④ 字体大小
移动端弹窗中的字体大小应该适中,既要保证内容的可读性,又要避免过大或过小导致视觉上的不适。通常建议标题字体大小在16px至20px之间,正文字体大小在14px至16px之间。
从用户体验到细节之美:移动端弹窗设计
 
 
这些尺寸定义规范可以帮助我们在移动设备上创建具有良好用户体验的弹窗。然而,需要注意的是,这些规范并非绝对,在实际设计中还需要根据具体需求和场景进行调整。同时,考虑到不同设备和操作系统的差异,还需要进行充分的测试和调整,以确保弹窗在各种情况下都能提供最佳的用户体验。
 
2、弹窗设计版式
弹窗的版式设计可以根据需求进行多种多样的变化,但一般来说,以下几种版式设计是比较常见的:
① 文字列表框
在页面底部出现,以简洁的功能描述性文字展示功能按钮,敏感的功能操作一般颜色字体标出。
从用户体验到细节之美:移动端弹窗设计
 
 
在进行此类弹窗设计时,有几个关键要点需要特别关注:
首先,文案必须简洁明了,直接传达核心信息。避免使用冗长或复杂的措辞,以免用户产生困惑。
从用户体验到细节之美:移动端弹窗设计
 
 
其次,为了突出核心内容,可以采用一些视觉上的设计技巧,如加粗、变色或增大字体大小。这样有助于迅速吸引用户的注意力。
从用户体验到细节之美:移动端弹窗设计
 
 
在颜色、字体和布局方面,保持一致性至关重要。这样可以增强应用的品牌识别度,并为用户提供更加统一和连贯的体验。
从用户体验到细节之美:移动端弹窗设计
 
 
再次,对于包含大量文字信息的弹窗,可读性是关键。合理使用标题、段落和列表来组织内容,避免布局过于拥挤或空白过多。这样可以提高信息的可读性和易理解性。
从用户体验到细节之美:移动端弹窗设计
 
 
最后,考虑弹窗在不同尺寸屏幕上的适应性是必要的。通过合理的设计布局和响应式设计,确保弹窗在实际使用中的显示效果和用户体验不受屏幕尺寸的影响。
从用户体验到细节之美:移动端弹窗设计
 
 
② 图文排列
当功能按钮数量很多的时候,将文字和图片按照一定的排列方式组合在一起,以吸引用户的注意力并传达信息。这种样式下需要注意弹窗内各功能按钮的UI设计和排列布局。
以下是一些常见的图文排列类型的弹窗设计方式:
2.1 文字居中,图片居侧
这种方式将文字居中显示,而图片则位于文字的一侧。这种设计方式常用于一些需要强调文字信息的弹窗,例如确认框或者提示框。
从用户体验到细节之美:移动端弹窗设计
 
 
2.2 图片居中,文字居侧
这种方式将图片居中显示,而文字则位于图片的一侧。这种设计方式常用于一些需要展示图片的弹窗,例如相册或者图片查看器。
从用户体验到细节之美:移动端弹窗设计
 
 
2.3 文字在下方,图片在上方
这种方式将文字放置在图片的下方,以增强文字与图片的联系。这种设计方式常用于一些需要展示产品或者文章的弹窗,例如产品详情页或者新闻摘要。
从用户体验到细节之美:移动端弹窗设计
 
 
2.4 文字和图片交错排列
这种方式将文字和图片交错排列在一起,以增强信息的层次感和视觉冲击力。这种设计方式常用于一些需要展示多个信息的弹窗,例如表单或者调查问卷。
从用户体验到细节之美:移动端弹窗设计
 
 
无论采用哪种图文排列类型的弹窗设计方式,都需要注重文字和图片的协调性和统一感,以保证弹窗的整体美观度和易用性。同时,还需要根据具体的弹窗类型和目的来选择合适的设计方式,以便更好地传递信息并吸引用户的注意力。
 
③ 选择列表框
用选项代替了功能按钮,这种设计方式的好处是减少了功能流程中的页面跳转,但如果选项很多而且描述文字较多的时候,还是设计成选项详情页更好些。
以下是一些常见的选择列表框的类型:
3.1 单选列表框
这种方式只允许用户选择一个选项,常用于一些需要用户做出唯一选择的场景,例如性别选择、国家选择等。
从用户体验到细节之美:移动端弹窗设计
 
 
3.2 多选列表框
这种方式允许用户选择多个选项,常用于一些需要用户做出多个选择的场景,例如定制化需求、标签选择等。
从用户体验到细节之美:移动端弹窗设计
 
 
3.3 下拉列表框
这种方式将所有选项折叠在一个下拉列表中,用户可以通过滑动或者点击来查看并选择选项。这种设计方式常用于一些需要节省空间或者隐藏复杂选项的场景。
从用户体验到细节之美:移动端弹窗设计
 
 
3.4 弹出式列表框
这种方式将选项以弹出式的方式展示在弹窗中,用户可以通过点击来查看并选择选项。这种设计方式常用于一些需要快速选择的场景,例如快捷菜单、操作菜单等。
从用户体验到细节之美:移动端弹窗设计


作者:散落的那些
链接:https://www.zcool.com.cn/article/ZMTYwNDQ2NA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

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

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

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

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档