首页

你在自己的设计生涯里是否迷茫过?

资深UI设计者

你在自己的设计生涯里是否迷茫过?UI设计在这个时代到底是好是坏?如何有效的提升自己的竞争力?

色盲不迷茫:股票UI设计突围之路

资深UI设计者

在股票市场中,色盲或色弱的投资者面临着独特的挑战。传统的用户界面设计通常依赖颜色来区分不同的信息,这为这些投资者带来了额外的困难。本文将探讨色盲投资者在使用股票市场应用时所面临的困境,并提出基于UI设计原则的解决方案,以帮助他们更好地理解和利用市场数据

做UI设计,为什么你总是没有思路?

资深UI设计者

当我第一次踏足UI设计这一行业的时候,我认为,UI设计的终极目标就是打造最完美的用户体验,当时的我对很多“体验不够完美”的产品嗤之以鼻,觉得为什么这个地方的设计是这样的,改成这样或者那样,岂不是更加友好。然而,在一次又一次的工作中,这些实战的商业项目不断地刷新了我的认知,让我对UI设计这一岗位又有了更多更深的理解。

清晰展现关键信息,助力高效决策——数据图表

ui设计分享达人

合理使用数据图表可以帮助用户更好地理解复杂的数据,提高用户体验和数据的可读性。选择合适的图表类型并遵循最佳设计实践是确保图表有效传达信息的关键。
数据图表是一种非常重要的可视化工具,它能够
帮助用户更直观地理解和分析数据。
借助于图形化的手段,清晰、快捷有效的传达与沟通信息。从用户的角度,数据可视化可以让用户快速抓住要点信息,让关键的数据点从人类的眼睛快速通往心灵深处。数据可视化一般会具备以下几个特点:准确性、创新性、简洁性。
清晰展现关键信息,助力高效决策——数据图表
 
 
清晰展现关键信息,助力高效决策——数据图表
 
 
清晰展现关键信息,助力高效决策——数据图表
 
 
清晰展现关键信息,助力高效决策——数据图表
 
 
清晰展现关键信息,助力高效决策——数据图表
 
 
清晰展现关键信息,助力高效决策——数据图表
 
 
清晰展现关键信息,助力高效决策——数据图表
 
 
清晰展现关键信息,助力高效决策——数据图表
 
 
清晰展现关键信息,助力高效决策——数据图表
 
 
清晰展现关键信息,助力高效决策——数据图表
 
 
清晰展现关键信息,助力高效决策——数据图表
 
 
清晰展现关键信息,助力高效决策——数据图表
 
 
清晰展现关键信息,助力高效决策——数据图表
 
 
清晰展现关键信息,助力高效决策——数据图表
 
 
清晰展现关键信息,助力高效决策——数据图表
 
 
 


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

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan。

WechatIMG27.jpg

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

 

 

C端和B端UI设计价值有何差异

ui设计分享达人

 
你是否曾好奇,为什么C端设计师的作品总是那么酷炫吸睛,而B端设计师的界面却显得相对低调内敛?这两者之间,难道真的存在一条不可逾越的鸿沟,让C端设计师对B端设计师产生偏见?
 
C端设计,追求的是极致的用户体验和视觉震撼,每一个细节都力求完美,让人一眼就能被吸引。
而B端设计,更注重的是功能的完善和信息的清晰,它或许没有华丽的外观,但每一个功能、每一个布局都经过深思熟虑,确保用户能够高效、准确地完成工作。
 
今天,让我们一起走进设计圈,深度剖析C端与B端设计师在设计价值上的差异与碰撞!看看这两大阵营的设计师们是如何在各自的领域中发光发热,又是如何相互借鉴、共同进步的!
 
⭐️ 
PART 1
  ——————
UI设计师的价值在哪里?
干货!C端和B端UI设计价值有何差异?
 
 
UI(用户界面)设计师在现代数字产品和服务中的角色至关重要,他们的工作直接影响着用户体验和产品的成功。UI设计师的价值主要体现在以下几个方面:
 
1、用户价值:
· UI设计师创建直观且吸引人的界面,使用户能够轻松、高效地完成任务。
· 优秀的UI设计确保用户界面响应迅速,操作流畅,减少用户困惑和挫败感。
· 设计师通过深入了解用户需求和行为,优化用户体验,提高用户满意度和忠诚度。
 
2、商业价值:
· 优质的设计有助于提高产品的市场竞争力,吸引并留住用户,从而增加销售额和市场份额。
· 通过减少用户流失率和增加用户参与度,UI设计可以降低获客成本,提高转化率。
· 设计师的工作还涉及优化工作流程,提高内部效率,减少开发时间和成本。
 
3、项目价值:
· UI设计师在项目中扮演协调者的角色,确保视觉设计与产品目标、技术限制和用户需求保持一致。
· 他们促进跨团队合作,包括与产品经理、工程师、市场营销人员等协作,以实现共同的项目目标。
 
4、品牌价值:
· UI设计师通过一致的设计语言和视觉风格来塑造和强化品牌形象。
· 他们确保所有数字产品和服务传达出品牌的一致性和专业性,增强品牌的识别度和信誉。
 
5、创新价值:
· UI设计师推动设计趋势和技术的应用,创造新颖的交互模式和视觉效果,提升产品的新颖性和吸引力。
· 他们探索新的设计解决方案,以适应不断变化的技术环境和用户期望。
 
6、沟通价值:
· UI设计师能够清晰地向非设计背景的团队成员解释设计决策,确保所有人都对设计目标有共同的理解。
· 良好的沟通技巧有助于解决冲突,促进项目的顺利进行。
 
综上所述,UI设计师不仅提升了产品的外观和感觉,更重要的是,他们通过设计促进了用户与产品的有效互动,为企业创造了显著的价值。
 
⭐️ 
PART 2
  ——————
B端和C端的差异
干货!C端和B端UI设计价值有何差异?
 
 
什么是B端?什么是C端?
B端是business ,To B 全称“To Business”,即面向企业用户服务,在B端产品的设计中要符合商业组织的战略要求,能满足企业需求的产品,为企业服务,提升效率、降低成本等。例如:OA系统、FIR系统、财务系统、监控运维系统等。
干货!C端和B端UI设计价值有何差异?
 
 
C端是customer,To C 全称“To Consumer”,即面向大众消费者进行服务,主要为了满足大众的生活、娱乐、交流、出行、购物等等一些生活常见需求而产生的产品会承担引流和转化的任务。例如:滴滴、微信、小红书、微博等。
干货!C端和B端UI设计价值有何差异?
 
 
以KPI考核系统和淘宝应用为例,我们可以更直观地看到B端和C端设计价值的实际应用。
干货!C端和B端UI设计价值有何差异?
 
 
KPI考核系统
:提供清晰的绩效衡量标准,帮助组织对齐战略目标与日常运营,通过量化指标促进员工表现的优化,同时支持管理层作出基于数据的决策,增强资源分配的效率和效果。
 
这类后台产品严格意义都属于B端产品。还有最常见的后台产品就是微信公众平台、京东云、阿里云等内部的ERP系统了。
B端产品设计的重心在于提升企业的生产力和竞争力,强调功能的全面性、数据的安全性和系统的稳定性,通过持续的技术支持和服务,帮助企业实现业务目标。
干货!C端和B端UI设计价值有何差异?
 
 
淘宝:
通过精细化的界面设计和智能化的推荐算法,为用户提供了丰富多样的商品选择和个性化的购物体验,成为了中国电商领域的领军企业。
 
C端产品设计的核心是围绕用户需求和体验展开,追求与用户的深度连接,通过不断创新和优化,提供既实用又愉悦的使用体验。C端产品也有着充足的竞品可以进行对比分析,前行的相对平顺。
干货!C端和B端UI设计价值有何差异?
 
 
· B端重视功能轻体验:
设计师应深入了解企业的业务流程和需求,与企业用户保持紧密沟通。在设计过程中注重功能性和实用性的平衡,避免过度追求美观而忽略实际需求。
· C端重视体验轻功能:
设计师应关注用户的心理和行为特点,从用户的角度出发进行设计。注重用户体验和情感共鸣的营造,让用户在使用过程中感受到愉悦和满足。
 
无论是B端还是C端设计,设计师都应注重细节和品质的追求。通过不断学习和实践,提升自己的设计能力和专业素养,为用户带来更好的体验和价值。
 
⭐️ 
PART 3
  ——————
B端与C端的设计价值差异
干货!C端和B端UI设计价值有何差异?
 
 
1、目标用户群体:
· B端设计主要面向企业或组织中的专业用户,如企业员工、管理层或特定业务领域的专家。这些用户通常具有明确的业务目标和流程需求。
· C端设计则主要面向个人消费者,他们的需求更加多样化和个性化,关注产品的易用性、美观性和情感连接。
 
2、设计重点:
· B端设计更注重效率、功能和业务流程的整合。设计师需要深入了解企业的业务逻辑和用户需求,确保产品能够满足企业的核心业务需求,提高工作效率。
· C端设计则更注重用户体验、情感连接和品牌形象。设计师需要关注用户的情感需求和心理体验,通过设计元素和交互方式激发用户的积极情感,同时强化品牌形象和认知。
干货!C端和B端UI设计价值有何差异?
 
 
3、复杂性:
· B端产品往往涉及复杂的业务流程和大量的数据交互,设计师需要处理更多的界面元素和交互逻辑,确保产品在功能性和易用性之间达到平衡。
· C端产品则相对简单,更注重直观性和易用性。设计师需要确保用户能够轻松上手,快速完成目标操作。
 
4、个性化与定制化:
· B端设计通常需要考虑企业的定制化需求,根据企业的业务特点和流程进行个性化设计。设计师需要与企业保持密切沟通,确保设计方案能够满足企业的实际需求。
· C端设计虽然也注重个性化,但更多是通过提供多种选择或自定义选项来满足用户的个性化需求。设计师需要关注用户的偏好和习惯,提供符合用户期望的设计方案。
干货!C端和B端UI设计价值有何差异?
 
 
5、设计迭代与更新:
· B端产品通常需要根据企业的反馈和市场需求进行频繁的迭代和更新。设计师需要密切关注业务变化和用户反馈,及时调整设计方案以满足企业的需求。
· C端产品的迭代和更新则相对较慢,更多是基于市场趋势和用户需求进行逐步优化和改进。设计师需要关注市场变化和用户需求的变化,持续优化设计方案以提升用户体验。
 
6、商业价值:
· B端设计的商业价值主要体现在提高企业的工作效率、降低运营成本、增强业务竞争力等方面。设计师需要通过设计创新帮助企业实现业务目标,提升企业的商业价值。
· C端设计的商业价值则主要体现在提升用户体验、增强品牌认知度、促进销售等方面。设计师需要通过设计创新吸引和留住用户,促进产品的销售和品牌的发展。
 
⭐️ 
PART 4
  ——————
B端和C端设计价值的衡量方法
干货!C端和B端UI设计价值有何差异?
 
 
1、商业属性:
· 销售额:通过统计产品的销售额来衡量产品的市场占有率和收入增长率。
· 新客户数与续费率:新客户数反映了产品的市场吸引力,而续费率则反映了客户忠诚度。
· 客户流失率:客户流失率越低,说明产品设计在保持客户方面越成功。
 
2、工具属性:
· 用户活跃度:通过统计产品的日活、周活、月活等数据来衡量用户活跃度。
· 功能使用频次与渗透率:统计功能的使用频次和渗透率,以了解用户对功能的接受度和使用习惯。
· 稳定性和可靠性:通过统计产品的故障率、响应时间、修复时间等数据来衡量产品的稳定性和可靠性。
干货!C端和B端UI设计价值有何差异?
 
 
3、产品竞争力:
· 功能对比:对比产品与同类产品的功能点、功能优势、功能创新等,以衡量产品的差异化和竞争力。
· 核心数据指标对比:对比产品与同类产品的核心数据指标,如审批效率、审批质量、审批成本等,以衡量产品在业务上的优势和价值。
 
4、用户满意度:
· 用户反馈:收集和分析用户的反馈、评价、建议等,以衡量用户对产品的满意度。
· 用户留存率、转化率与推荐率:计算和分析用户的留存率、转化率、推荐率等数据,以衡量用户对产品的忠诚度和推广度。
干货!C端和B端UI设计价值有何差异?
 
 
1、用户体验:
· 可用性:评估产品是否易于使用、是否符合用户习惯、是否能够快速完成目标。
· 满意度:通过用户反馈、评价等方式了解用户对产品的满意度。
· 忠诚度:通过用户留存率、复购率等指标衡量用户对产品的忠诚度。
 
2、功能吸引力:
· 功能使用率:统计各功能的使用率,以了解用户对功能的偏好和需求。
· 功能创新:评估产品功能是否创新、是否具有市场竞争力。
干货!C端和B端UI设计价值有何差异?
 
 
3、市场表现:
· 下载量与注册量:通过统计产品的下载量和注册量来衡量产品的市场吸引力。
· 活跃用户数与用户粘性:统计产品的活跃用户数以及用户的使用时长和频率,以衡量用户粘性和活跃度。
 
4、商业收益:
· 付费转化率:对于收费产品,统计付费用户的转化率以衡量产品的盈利能力。
· 广告收入:对于依赖广告收入的产品,统计广告点击率和广告收入以衡量产品的商业价值。
 
综上所述,B端和C端设计价值的衡量方法都关注于产品的商业属性、工具属性(或用户体验)、产品竞争力以及用户满意度等方面。但在具体执行时,两者在侧重点和具体指标上可能存在差异。
 
⭐️ 
PART 5
  ——————
如何提升B端C端产品的设计价值
干货!C端和B端UI设计价值有何差异?
 
 
1、用户体验:
· 可用性:评估产品是否易于使用、是否符合用户习惯、是否能够快速完成目标。
· 满意度:通过用户反馈、评价等方式了解用户对产品的满意度。
· 忠诚度:通过用户留存率、复购率等指标衡量用户对产品的忠诚度。
 
2、功能吸引力:
· 功能使用率:统计各功能的使用率,以了解用户对功能的偏好和需求。
· 功能创新:评估产品功能是否创新、是否具有市场竞争力。
 
3、市场表现:
· 下载量与注册量:通过统计产品的下载量和注册量来衡量产品的市场吸引力。
· 活跃用户数与用户粘性:统计产品的活跃用户数以及用户的使用时长和频率,以衡量用户粘性和活跃度。
 
4、商业收益:
· 付费转化率:对于收费产品,统计付费用户的转化率以衡量产品的盈利能力。
· 广告收入:对于依赖广告收入的产品,统计广告点击率和广告收入以衡量产品的商业价值。
 
综上所述,B端和C端设计价值的衡量方法都关注于产品的商业属性、工具属性(或用户体验)、产品竞争力以及用户满意度等方面。但在具体执行时,两者在侧重点和具体指标上可能存在差异。
干货!C端和B端UI设计价值有何差异?
 
 
1、把握用户需求与痛点:
· 用户调研:通过用户调研了解用户的真实需求和痛点。
· 数据分析:利用数据分析工具挖掘用户的行为模式和使用习惯。
 
2、提升用户体验:
· 设计创新:采用时尚、有创意的设计风格,提升产品的吸引力。
· 交互优化:优化产品的交互设计,使其更加符合用户的使用习惯和心理预期。
 
3、提供个性化与社交化服务:
· 个性化推荐:基于用户的行为和偏好提供个性化的推荐服务,提供用户可定制的个性化内容和服务。
· 社交化服务:在产品中融入社交功能,增强用户的互动性和参与感,提升产品粘性和用户忠诚度。
 
4、注重产品易用性:
· 简洁明了:确保产品的功能和操作流程简洁明了,降低用户的学习成本。
· 快速响应:优化产品的响应速度,确保用户在使用产品时能够得到快速、准确的反馈。
 
综上所述,提升B端和C端产品的设计价值需要深入理解目标用户、使用场景、产品功能以及业务需求等多个方面。通过不断优化产品的功能、界面、交互以及服务等方面,提升用户的使用体验和满意度,从而增加产品的竞争力和市场价值。
 
⭐️ 
PART 6
  ——————
了解B端C端差异于设计工作的指导意义
干货!C端和B端UI设计价值有何差异?
 
 
1、明确设计目标:
· B端设计:设计目标通常与提高工作效率、优化业务流程、增强企业竞争力等相关。因此,设计师需要深入了解企业的业务需求和流程,确保设计能够为企业用户带来实际的价值。
· C端设计:设计目标通常与提升用户体验、满足个性化需求、增强用户粘性等相关。设计师需要关注用户的情感需求和使用习惯,通过设计吸引用户并保持用户的活跃度。
 
2、选择适当的设计风格:
· B端设计:通常采用专业、简洁的设计风格,注重信息的清晰度和界面的整洁度。设计师需要避免过于花哨的设计,确保用户能够高效地完成工作任务。
· C端设计:可以采用更加时尚、有创意的设计风格,注重色彩的搭配和动画效果,以吸引用户的注意力并提升用户的情感体验。
 
3、注重用户研究:
· B端设计:需要深入了解企业用户的业务需求和工作流程,与用户进行深入的交流和沟通,以确保设计能够满足用户的实际需求。
· C端设计:同样需要关注用户的研究,但更多地关注用户的个人喜好、使用习惯和情感需求,以便设计出更符合用户期望的产品。
 
4、优化交互体验:
· B端设计:需要注重界面的清晰度和功能的易用性,确保用户能够快速地找到所需的功能并完成工作任务。同时,设计师还需要考虑如何减少用户的操作步骤和降低学习成本。
· C端设计:同样需要优化交互体验,但更多地关注用户在使用过程中的情感体验和娱乐性。设计师可以通过有趣的动画效果、个性化的提示等方式来提升用户的满意度和忠诚度。
 
5、考虑盈利模式:
· B端设计:在设计过程中需要考虑产品的盈利模式,确保设计能够为企业带来实际的经济利益。设计师可以通过提供增值服务、定制服务等方式来增加产品的附加值。
· C端设计:虽然不直接涉及盈利模式的设计,但设计师需要关注如何通过设计吸引用户并保持用户的活跃度,从而为企业的盈利创造有利条件。
 
6、注重行业特性
· B端设计:具有明显的行业特性,设计师需要深入了解所服务行业的业务特点、竞争态势等,以便设计出更符合行业特点的产品。
· C端设计:虽然不直接受行业特性的限制,但设计师也需要关注不同用户群体的需求和偏好,以便设计出更具普适性的产品。
 
⭐️ 
PART 7
  ——————
B端开源组件分享
干货!C端和B端UI设计价值有何差异?
 
 
设计B端后台,必须搞清楚这些组件~
 如果组件库服务的是 B 端或者中后台系统,那其实有很多可参考的开源组件框架:Ant Design、ElemetUI、Layui 等,注意不同的框架用到的前端技术不一样,兼容的浏览器版本也不一样,这要根据你们技术情况做选择。如果觉得开源框架的风格和你们的产品不统一,那就需要二次设计和开发封装。
 
推荐几个官方组件库:
饿了么官方组件库:https://element.eleme.cn/#/zh-CN/component/installation
蚂蚁金服官方组件库:https://ant.design/docs/spec/introduce-cn
layui 官方组件库:https://www.layui.com/admin/std/dist/views/
阿里官方组件库:https://fusion.design/component/doc/102
iviewui官方组件库:https://www.iviewui.com/components/menu
 
做之前大家一定要去多去查看这些大厂做的已成型的开源组件库,然后再结合工作业务特色做出自己公司特有的定制化组件库。有了组件库之后,再接到紧急需求,我们就可以做到事半功倍的效果。先去分析页面的构成,然后花费 80% 的时间去设计需求中 20% 的页面,剩下的通用型页面就可以直接用组件库堆出来了。
 


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

 

 
 

国外电商产品如何通过UI设计提高转化率

资深UI设计者

今天给大家带来一篇干货满满的译文,虽然国外的产品不一定符合国内的用户与环境,但是有些观点确实让我受益匪浅,来看看吧

教你电商APP商品详情页设计套路!UI/UE必须懂的营销设计思维!

资深UI设计者

认识、信任、恋爱、结婚——商品详情页转化四部曲!

简洁之美,细节成就卓越:打造极致移动端弹窗体验

博博

细节成就卓越,从精致弹窗设计开始。
在移动端应用的世界里,弹窗不仅是信息传递的桥梁,也是用户体验的微妙触点。一个精心设计的弹窗能够在正确的时刻捕捉用户的注意力,以一种既美观又功能性强的方式提供必要信息或引导用户操作。从视觉清晰度到操作简便性,再到出现的时机和频率,每一个细节都关乎着用户对应用的整体感受和满意度。让我们一起探索如何通过细致入微的设计思考,打造既符合业务目标又让用户感到愉快的移动端弹窗,提升体验,创造细节之美。
简洁之美,细节成就卓越:打造极致移动端弹窗体验
 
 
简洁之美,细节成就卓越:打造极致移动端弹窗体验
简洁之美,细节成就卓越:打造极致移动端弹窗体验
 
 
简洁之美,细节成就卓越:打造极致移动端弹窗体验
简洁之美,细节成就卓越:打造极致移动端弹窗体验
简洁之美,细节成就卓越:打造极致移动端弹窗体验
简洁之美,细节成就卓越:打造极致移动端弹窗体验
简洁之美,细节成就卓越:打造极致移动端弹窗体验
简洁之美,细节成就卓越:打造极致移动端弹窗体验
简洁之美,细节成就卓越:打造极致移动端弹窗体验
简洁之美,细节成就卓越:打造极致移动端弹窗体验
简洁之美,细节成就卓越:打造极致移动端弹窗体验
 
 

作者:Miao_C
来源:站酷

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

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

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

如何利用动效 打造B端的用户体验

博博

说到B端后台产品,我们会想到业务复杂、信息庞大、用户角色多、页面层级深、使用门槛高等特征。这些特征让后台产品在设计时更强调“简单直接”,无需多余的设计元素,相比之下,没有C端产品有趣。而作为B端后台设计师在工作中会面临很多复杂场景的设计需求,有时候需求方未必能理解设计理念,会让设计师陷入“头秃”的状态。 针对B端后台产品某些体验问题,我们可以借助动效的力量去解决。
下面将结合工作经验,以及线上文章,分享如何利用动效来提升B端后台产品的体验。
 
主要分为两大块:
如何利用动效  打造B端的用户体验
 
如何利用动效  打造B端的用户体验
 
使用动效不是为了炫技,而是辅助解决设计中发现的问题。我们要思考的是,眼下的问题结合动效能否达到1+1>2的解决效果。设计方案除了要得到需求方的认可,还要有开发团队的支持。设计师做到从痛点中出发,于可行处落地,才是有效的设计。那什么场景下的问题可以考虑结合动效呢?
 
1、信息量折叠收纳
B端业务的复杂程度决定了产品的信息体量,这也考验着设计师设计页面时,能为用户在有限的空间里获取多少信息。举个例子,用户的办公设备是小型笔记本,它的屏幕小,用户一屏看到的内容有限。这时需求方建议减少留白,压缩空间,信息往上堆积,页面最后会拥挤不堪。庞大的信息体量力求对用户的吸收效率,也对设计造成困扰,针对这种情况我们可运用“折叠收纳”法
 
应用案例1: 按钮折叠
如果一个页面的按钮太多,可“折叠”按钮。以下面的科目树为例,每个科目有若干个功能按钮,如按钮全部展示,不利于用户聚焦重要信息。用户必定是先看科目标题,如有需要才对科目进行操作,基于这个思路可把按钮折叠起来,待用户鼠标悬浮至科目才出现按钮。在恰当的场景下将按钮折叠,有助于精简页面结构。一个页面按区域划分功能区和信息区,信息区被文案铺满了,可简化功能区的表现形式。比如按钮和解释文案,可对解释文案进行收纳,用户鼠标悬浮上去显示。对于用户来说,一个按钮的含义只要使用一次便清楚。
如何利用动效  打造B端的用户体验
应用案例2: 内容折叠
B端后台因信息量大有很多长页面,这时可在用户进行页面滚动浏览时,根据用户滚动的内容进行折叠。如下的筛选项占据了页面头部一定的空间,用户滑到结果列表内容时,已选项固定在顶部精简展示。
如何利用动效  打造B端的用户体验
 
小结:通过“折叠收纳法”优化页面布局,根据用户的操作行为给予内容变化,帮助用户降低信息量过大带来的阅读疲劳,也让设计师在有限的设计空间里“堆积”信息。
 
2、对路径进行引导,及时给与用户反馈,提高效率
B端产品会有极其复杂的功能,这些功能通常用步骤条来拆分,引导用户分步完成。面对复杂功能。需求方希望
在页面的各个位置添加用法提示文案。但用户并不想阅读一串串文字,这时可结合用户的操作行为,及时响应引导下一步操作。
 
应用案例1:
操作响应如下的这个页面需要用户把左边的字段拖拽到右边生成卡片。当用户拖拽时,给予动效反馈让用户感知字段拖拽方向。这种可视可感知的方式帮助用户快速掌握用法,提升效率。
如何利用动效  打造B端的用户体验
 
应用案例2:引导响应
在工作中我们也许会接到类似的修改需求:“按钮不够突出,不够大,要又大又突出”。你看完后心里想:“还不够突出吗,要这么大干什么呢?”这时沉住气,分析修改的根本目的,它想要突出的目的是什么?
1、这个按钮在整个页面中承载极其重要的功能,视觉上用户需立刻注意到2、点击按钮后的内容十分重要,希望增强点击欲。
当用户鼠标悬浮至按钮时,及时响应引导,一个箭头既起到醒目作用,也引导着用户去往下一步。
如何利用动效  打造B端的用户体验
 
小结: B端后台页面信息繁杂,功能多。通过动效帮助用户在使用过程中增强反馈和引导,正确的引导能缩短用户的操作路径,提升效率。
 
3、增加情感化体验
B端后台产品大部分是给专业人员使用的,信息表单居多,页面内容相似,比较单调。加入适当友好的情感化式效可以提升产品的趣味性,减少用户使用的倦怠感。
应用案例1: Loading动效
常规的Loading动效通常是一个圆在转圈,当用户面对长时间加载时,一直盯着一个圈会产生焦虑感。情感化Loading动效可总结为两类:
1、产品本身有一个IP形象,可围绕IP进行创作。例如“加薪猫”,加载的时候猫咪追着钱币奔跑,增加了跑步流汗的细节,提升它已经在努力加载的形象感;
2、根据Loading的文案进行拓展设计,提取文案元素,图形场景化,分散用户等待的焦虑。
如何利用动效  打造B端的用户体验
 
应用案例2:化抽象为形象
有些B端产品的业务背景专业而又抽象,可借助动效的力量化繁为简,化抽象为形象。以下面数据字典为例。用通过该字典进行与业务相关的字段查询。该页结构较简单:搜索栏和热词入口。我结合模块名称,对特征进行具体物化,在页面加入字典和放大镜元素。通过物化让用户快速感知该模块的作用。类似的大入口页面也可以运用3D效果,它能让物化更加立体。
如何利用动效  打造B端的用户体验
 
 
如何利用动效  打造B端的用户体验
 
 
比较常用的动效设计工具有: Ae、Principle、ProtoPie。这里分享一下我在工作中常用的并能解决大部分问题的工具。
1、Principle:快速制成交互动效演示Demo
Principle是一款只能用于Mac OS系统的交互设计工具,它的操作界面跟Sketch类似,学习成本较低。它搭配Sketch使用,能对界面做转场过渡动效和一些细节的交与动效。当你想提出某个交互动效提案时,可用Princidle快速制成演示Demo,导出GIF或视频给到需求方,让他们快速明白你的想法及可行性后台界面演示demo可直接选择箭头光标,呈现效果更贴合真实场景。
 
如何利用动效  打造B端的用户体验
 
 
2、After Effect: 适合各种场景下的动效制作
AE是绝大UI设计师必备的动效制作工具。它支持Mac OS和Windows系统,其自身有着强大而丰富的特效库。现在也能通过AEUX插件,把Sketch里的图层直接导入到AE使用。AE的功能大而全,日堂工作中多用干制作情感化需要的图形动效,比如Loading、lcon点击动效等等。
如何利用动效  打造B端的用户体验
 
 
小结: 设计师需要学习和掌握的软件很多,软件更新迭代的速度也很快。可选择能解决工作中绝大设计需求的软件精学,其余可在空闲时作为知识技能储备来学习。
 
总结
做适合的动效为B端产品体验赋能
当你在设计一款从0-1或是重构的B端后台产品,你可重新定义设计风格、规范控件。当你是半途介入一款风格规范都已相当成熟的B端产品,通常遇到的问题较为繁琐,可能是对一个按钮、一个颜色、一句文案去精打细磨。这时设计师需提升产品全局观,在设计过程中对遇到的问题层层剖析,洞悉设计的发力点,并在恰当的场景下紧贴产品特性和业务需求,提出恰到好处的动效方案,以小点出发,真正为产品的体验赋能。
 

作者:CNLILY
来源:站酷

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

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

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

用视觉策略助力产品客户价值传达

博博

视觉策略:场景图形化
我们知道对于 PaaS 类产品而言,产品的客户价值传递是非常重要的,它决定着产品的增长获客、销售收入等。然而视觉设计师有时候会对所能提供的价值而感到方法有限,在完成了基本的页面布局、层级、组件的构建之外还能做些什么帮助产品传递客户价值。我们尝试为大家介绍一个设计方法“场景图形化设计”。
场景图形化设计是什么?
场景图形化设计是什么?
 
其实场景图形化的概念非常简单,它的核心点在于一方面将我们希望传达给用户的信息进行情境或情节的场景化构建,另一方面则是将构建好的场景通过图形化的方式进行视觉表达。那么为什么它可以帮助我们进行客户价值的传递?我们先简要的分析下它的原理。
 
场景图形化的原理
一般情况下我们认为用户产生某个行为背后的原理是,用户接受一个情境的刺激,然后会根据已有的认知经验去产生一个主观的期望效果,并产生与之对应的行为,行为产生的结果反馈又会成为认知经验,从而对下次行为产生影响。
用户行为原理
用户行为原理
 
而场景图形化就是在情境刺激这个阶段,通过将业务概念场景化或者情境化,然后用图形的方式去表达场景或情境来增强客户受到的感知,影响他的主观认知,从而更好的促进后续的行为。因为人类是视觉动物,图像对我们的吸引力是远大于文字的,将复杂、艰深的业务概念通过图形的形式表达出来,相比单纯的文字描述有着巨大的优势。
图形化设计优势
图形化设计优势
 
场景图形化的项目实践
在了解到场景图形化的含义和原理之后,我们接着来看在(小程序平台)这个 PaaS 产品里我们是如何运用这个方法的。
1.业务场景图形化,传递产品客户价值
其实在 B 端的视觉设计中图形化的表达方式已经屡见不鲜。但是在 PaaS 产品中,我们认为左侧这种常见的抽象化的表达形式其实并不适合,它虽然能够满足本能层和反思层的设计表现,但是在降低业务理解门槛这个需求上并不能提供足够的帮助,或者可以说情境刺激的强度不够。
「PaaS产品设计」用视觉策略助力产品客户价值传达
象化的图形设计方式在于把抽象的、看不见的事物通过提取、转化等形式变得看的见、容易理解。这显然更加符合我们希望增强情境刺激的效果,当然抽象化的表达方式在营造氛围和表达一些同样的抽象概念时也有自身优势,综合来看我们决定以具象化为主、抽象化为辅的形式来进行核心情境的图形化表达。
以 (小程序平台)控制台概览页为例,在这个场景里我们希望客户能够快速地了解并体验小程序平台的两个核心价值点,于是我们把这两个价值点梳理成了两个场景,那么相对应的我们就需要将这两个场景进行图形化。
「PaaS产品设计」用视觉策略助力产品客户价值传达
 
首先我们需要拆解文案中的描述,将文案转化为一个情境描述,这也需要交互设计师配合在文案设计阶段,就采用相同的设计方法首先将文案场景化。当然如果是一个非场景化的文案,我们也可以试着将它情境化。
「PaaS产品设计」用视觉策略助力产品客户价值传达
 
「PaaS产品设计」用视觉策略助力产品客户价值传达
 
接下来,我们根据转述好的情境来构建整个画面元素,在这里我们将画面分为了主体区和背景区,来表达重点的标题和次重点的正文。在实际操作中也可以根据现实情况来灵活调整。
「PaaS产品设计」用视觉策略助力产品客户价值传达
完成图形的构建后,在质感选择上因为希望映射现实世界,所以我们放弃在质感上过多修饰,使用了一些写实的金属、塑料、玻璃质感来营造整个场景氛围。
「PaaS产品设计」用视觉策略助力产品客户价值传达
最后运用相同的设计方法完成这个场景的图形化构建。
「PaaS产品设计」用视觉策略助力产品客户价值传达
以上的思路就是一个典型的场景图形化的设计方法。从围绕文案的拆解来构建图形元素,到映射现实实体的质感表达我们的目的都在于让场景变得更加生动更加可理解易理解,从而最大限度的对客户进行情境刺激。秉承这个思路,我们在产品的整个用户路径中,对于关键场景都采用了这种图形化的表达方式。
 
2.品牌传递融入场景,构建品牌认知
接下来从品牌维度来看,品牌价值是客户价值在品牌侧的体现,品牌价值的构建对客户价值传递有极大的帮助。我们希望客户在理解到产品的客户价值后,可以进一步的记忆它。针对这个维度,我们的想法是在场景图形化在搭建中融入和露出品牌,同时贯穿整个用户路径,一方面潜移默化完成品牌认知构建,另一方面增强客户价值的记忆。
「PaaS产品设计」用视觉策略助力产品客户价值传达
「PaaS产品设计」用视觉策略助力产品客户价值传达
对于 B 端产品来说品牌融入和露出可能方法并不多,但在场景化设计思路里我们可以把场景作为品牌的载体。这样的好处一方面是品牌的融入非常自然,形成从产品价值到品牌价值的传递链路。另一方面,可以在了解、试用、使用这条体验路径的核心场景里反复露出。
「PaaS产品设计」用视觉策略助力产品客户价值传达
3.场景图形表达标准化,打造统一心智
最后,针对视觉侧的客户价值传递形式我们需要进行规范的制定和标准化沉淀,来保证未来设计输出的统一规范,让客户价值在产品所有场景和阶段的传递都有统一的用户心智。首先我们将图形化的场景进行了区分,一类是传递业务,另一类是传递品牌,其次给出图形化设计的具体原则和构图规范,让场景图形构建都有据可循。
「PaaS产品设计」用视觉策略助力产品客户价值传达
「PaaS产品设计」用视觉策略助力产品客户价值传达
作者:cclava
来源:站酷

蓝蓝设计(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

存档