首页

Bs界面设计之一:从视觉产品两方面,分析2022年B端设计的发展趋势

博博


前言:


在 2020 年,疫情最为严峻的时候,B 端这一领域得到了前所未有的关注,而那时,身为 B 端用户体验设计师的我,也曾总结过,当时 B 端设计的诸多趋势,比如:

多端需求:即桌面端、平板端、移动端的设计形式

设计中台:拥有更为统一的设计平台,与这两年讨论较多的设计资产相同,都是起到快速协作的作用

随着 2022 年的到来,B 端行业又会迎来哪些新的机会?今天我们就从整个的 B 端入手,回顾一下 2021 年的设计形式,展望一下 2022 年的设计趋势。当然趋势完全是我自己个人主观理解,仅供参考,如有异议,以你为准~

完整的趋势,我们会分为视觉趋势与产品趋势:

  1. 视觉趋势:主要围绕设计当中的细节展开,比如图标、色彩、字体、插画等
  2. 产品趋势:主要是了解不同的 B 端产品当中究竟有哪些发展形式,对于设计师又会产生何种影响?


视觉趋势

1. 3D 设计风格

虽然 3D 化的视觉风格早已到来,但是在 B 端市场上,3D 风格在此之前依旧表现的十分克制。随着 C4D、Blender 这些 3D 建模软件的不断普及,再加上互联网上关于 3D 建模教程的增多,你会发现 3D 风格的视觉表现,是一个 B 端视觉设计师的基本要求。

而 3D 风格用在 B 端软件当中,会有两个使用场景:

图标

因为在 B 端产品当中,图标本身就是非常难以去表现,比如“物联网,大数据”,许多抽象词汇很难通过一个具象的事物进行表达,而在企业官网当中,在视觉表现上的要求又十分的高。因此你会发现,在视觉风格上的选择,往往只有 3D 图标 + 插画这一条路。

从视觉产品两方面,分析2022年B端设计的发展趋势

并且 3D 图标的使用场景不会太过于局限,也可以用于产品的工作台、运营营销工具箱等页面,因此 3D 图标的出现,它的应用场景也会相比之前要更加的广阔。

从视觉产品两方面,分析2022年B端设计的发展趋势

可视化大屏

大屏设计也在不断的“内卷”,因为传统的 2D 可视化大屏所搭建出来的大屏已经满足不了企业的野心, 像 DataV 腾讯云图 ,大家都在朝着 3D 风格,炫酷的方向进行延展,因此也就会导致 3D 的视觉风格需求激增,而 3D 建模仿佛就是大势所趋。

从视觉产品两方面,分析2022年B端设计的发展趋势

2. 新拟态

虽然新拟态是在前两年的产物。这个设计风格背后,遭到了很多设计师的质疑与排挤。但是随着这个风格的不断成熟,感觉它在 B 端视觉领域(特指的是官网 ),是非常受欢迎的,因为整体的风格,与官网的设计形式趋同。

同时作为 B 端产品的官网,其实是更需要新拟态这种风格。因为电脑场景下鼠标光标对页面进行 Hover 操作给出的真实反馈,而使用了新拟态的官网按钮,给你的反馈非常真实。

这里安利一下腾讯云的首页官网,大家就会发现在设计风格上大量的采取了新拟态元素,并且配合 3D 风格的图标,以及毛玻璃材质的设计,让它的设计瞬间加分不少。

从视觉产品两方面,分析2022年B端设计的发展趋势

3. 开源的设计系统

在去年,设计系统迎来了一波发展的高峰期,随着字节、腾讯,三大设计系统(Arco Design、TDesign、Semi Design)的开源,其实是给我们很多 B 端设计初学者,有了更加完整仔细的 B 端入门教程。

比如 Arco Design 的组件用法 https://arco.design/docs/spec/link

从视觉产品两方面,分析2022年B端设计的发展趋势

清晰的讲解了每一个组件的使用方式,以及注意事项,仔细阅读这里面的内容,其实就是 B 端设计的入门学习。而未来,国内的环境,开源的系统也会越来越多,大家可以针对这几大类不同的设计系统进行对比,或许会有一番收获。


产品趋势

4. 超级 app

这里的超级 app 可能和大家潜意识里的支付宝、微信这些软件不太一样

在 B 端行业,随着疫情的不断扩散、再加上两年时间的发展,很多 B 端产品的功能架构都出现了一个现象,产品的功能开始变得非常拥挤。因为 B 端软件的核心价值其实就是靠着一个又一个功能去累积,也就意味着随着 B 端产品的发展,功能模块在不断的累积,导致在设计层面,这样的现象变得更加严峻。

你会发现左侧的导航菜单已经完全没有办法装下这些导航内容,而这一现象也反映在很多产品当中,比如我了解的飞书管理后台、薪人薪事 等等诸多 B 端产品,它们在整个导航内容上,已经增加到一级导航 15+ 、二级导航 40+ ,这无疑会开始对设计师的能力造成巨大考验。

从视觉产品两方面,分析2022年B端设计的发展趋势

面对这一情况,许多导航菜单都将会迎来前所未有的挑战,最近也在深入研究导航菜单过多时的解决办法,发现了一些新的导航菜单设计方法,有机会咱们重新梳理一下导航菜单的内容,将 B 端设计指南文章进行更新。

从视觉产品两方面,分析2022年B端设计的发展趋势

低代码定制化

低代码一直是我关注的一个领域,先给不明白低代码的同学简单科普一下。

低代码,一种快速开发应用的软件,将通用、可重复利用的代码形成组件化的模块,通过图形化的界面来拖拽组件并形成应用。低代码能够实现只写少量代码或不写代码,类似用“乐高积木”的方式来开发。

在国外有很多著名的低代码成功案例。Outsystems(国外非常出名的低代码平台)帮助施耐德电气在 20 个月内推出了 60 款应用程序,开发过程加速了两倍;在 2012 年即将推出 Model S 之际,特斯拉放弃了 SAP 的 ERP 产品(可以思考一下为什么),改用低代码开发平台 Mendix,用 25 个人四个月时间自建 ERP 系统。

去年,低代码平台,也有很多新产品面世,其中就包含:

从视觉产品两方面,分析2022年B端设计的发展趋势

因此你会发现,其实低代码就是在解决一件事,围绕着某一个业务场景,通过平台的持续完善优化。让所有的功能都能围绕这个业务展开,其中包括:权限、时间轴、流程、表单、公式等等,能够解决很多特殊的业务场景。而低代码会涉及到设计思路上的转变,以及低代码编辑器的出现,如何去设计如此复杂的配置流程,如何让用户能够快速上手,如果你能够有比较完整的思路,这些都会成为我们设计的新机会。

行业细分

随着互联网市场的不断发展,用户会越来越关注产品在自己行业的应用,比如 CRM,其实只是一个笼统的称呼,现在 CRM 市场又会分为 SCRM、运营 CRM,等诸多产品。

SaaS 类的平台也出现了负责从虚拟主机和数据库层面入手的 iPaaS 以及从应用和数据层面入手的 aPaaS。

即使是大家经常使用的 钉钉、企微、飞书,它们也在各自的领域有所擅长。

从视觉产品两方面,分析2022年B端设计的发展趋势

因为 B 端产品,在底层逻辑上是不能允许趋同的产品出现,如果你和别人的产品一样,其实是没有办法在目前的市场上立足。因此你会发现,虽然产品形式都会比较相同,但是 B 端市场十分广阔,大家都在去寻找自己产品的差异化。

当然市场是瞬息万变的,这里也只是简单聊聊我自己的看法,希望对你有所帮助。

作者:CE青年

转载请注明:优设网

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

魏华的微信.png

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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

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


更多精彩文章:






Bs界面设计之二:如何做好B端用户研究?我总结了这4个方面!

博博

用户研究产品设计中很关键的一项,它在整个流程中发挥着关键的影响。

在设计中确定相关的数据指标以及用户行为使得设计更加符合用户的目标。设计验证阶段可以验证设计是否符合设计目标。从而让整个设计流程具有确定性,为用户与公司带来价值。

有哪些研究方法?


1. 主动找用户


日常主动找用户做研究的方式有:问卷调查,线上数据,深度访谈,可用性测试。

如何选择研究方式:

在日常工作中,要选择什么方式进行用户研究其实是非常纠结的。这里给一组日常工作中我们常用的指标进行判断组合,包括:定量数据,用户行为,定性数据,用户态度。

1. 定量数据:以数量形式存在的属性,并因此可以对其进行测量,以物理量为例,距离、质量、时间等都是定量数据。

2. 定性数据:一组表示事物性质、规定事物类别的文字表述型数据。

3. 用户态度:用户对于产品的态度,喜欢或者是不喜欢。

4. 用户行为:用户的针对一个任务的行为路径。

这里举一个例子:想要根据定量数据推测用户行为—线上获取数据的方式有很多,其中深度用户访谈在日常的调研中用的比较多,所以今天主要讲讲深度用户访谈如何做。


2. 深度用户访谈


前期准备:三个阶段不同

针对产品设计有三个阶段:需求确认,设计实施以及全量上线后的验证效果。

1. 需求确认阶段核心:确认需求是真实存在的而不是意淫的,主要是用于场景评审过程中,产品经理讲述需求的场景和需求的价值。

2. 设计实施阶段核心:为设计师提供用户行为参考,防止因为没有用户行为进行参考而导致的设计师脑补用户行为产生臆想。

3. 全量上线后:主要是验证前期需求和设计过程中的想法给用户带来的正负影响,有时候如果内部出现不同的声音往往会有灰度测试以及 AB 测试等等方式来确认具体哪个方式更合理。全量上线后,主要是看全部设计的结果。

选取对象:

除了要挑选不同对象外,还要挑选合适的测试对象才能测试出想要知道的方面,具体的有以下维度:

用户类型:具体的分 KA/非 KA,KA 是核心大客户的意思,客户具体的分级别是:KA,A,B,C,D。

一般的情况下是邀请 KA 客户进行测试。

角色:具体的要看测试什么功能,比如要测试美业服务场景相关模块,一般处于这一块的角色是销售。

使用年限成熟度:一般分为新/老,举个例子:针对新功能上线时候,一般会选择新用户,测试操作的难度。

是否使用过竞品:往往用过竞品的可以找到两个产品之间的对比,从而找到优化的点。

常用的模块/端:不同的模块与不同的端,针对的是不同的用户。举个例子:在工厂内部,生产工人常用的是 pda 设备。

如何建立邀约:特殊的角色

这里讲到 SaaS 中有一个角色:客户成功。为什么要讲这个角色,因为有两个点:

1. 调研之类的需要获取客户信任,客户成功(客户服务)是最接近客户的。如果通过客户成功邀约的话,成功率最高;

2. 还有一个点是调研过程中有时候口误会引起不必要的误会,这个时候就会反映到客户成功身上,从而影响到客户成功的业绩。

针对性话术:

提高邀约的成功率要通过客户成功同学,这个时候客户成功同学其实有自己的顾虑,主要是怕打扰到自己的客户从而影响到业绩,针对调研话术分三个方面:

1. 价值传递打击痛点:客户成功同学的业绩主要是由客户的续费率以及流失率两方面决定,作为设计/调研先表明不会打扰到客户,而且这次测试的功能/模块有助于提高客户成功同学的续费率以及流失率两个方面,就能大小顾虑。

2. 了解敏感话题:这里还要通过客户成功同学来了解客户的敏感话题,比如:核心数据,收入等等直接不要提。

3. 注意点:一次性不要去太多人(消费除外),容易吓到别人。

邀约客户注意点:

1. 电话说明身份和来意,打消客户的顾虑获取信任

2. 尽可能避开营业高峰期,不影响客户的正常营业

3. 有时候也会被拒绝,但是也别死心,可以约下一次

实施中间:

邀约到位之后,实施主要是两个部分访谈技巧和人员配合。

访谈技巧:

一般的访谈技巧分为 3 种:开放式,半开放式,结构式。

(1)开放式:话题会比较分散,访谈起来会比较随意。举个例子:你觉得这个如何?

(2)结构式:准确询问,有一定的压迫感,更多的是针对用户行为可以询问,但是一旦涉及到开放式问题效果就不会太好。而且客户时间长了也会感觉不会舒服。

(3)半开放式:针对部分用户进行开放式询问,通常选择这个方式,既不让用户感到不舒服,又能达到调研的目的。一般是分成 4 步:

破冰:一般是自我介绍,情况说明,活络气氛,为接下来做准备

信息确认:了解用户的基本信息,产品体验历史和大概经历

逐步深入:开始深入较深度,详细的提问,了解用户使用体验的真实情况和体验细节

回顾与补充:结合前面访谈过程中的对话内容,可能要补充的问题,在这里可以跟用户展开开放式的对话,了解用户对产品的整体态度、建议,对竞品的态度等等。

人员配合:

访谈时候不光有访谈的技巧还有人员之间的配合也是比较关键的,主要是分为 5 类人员:

1. 主采访人员:主要是专业的调研人员负责询问,这里需要一定的专业的知识作为支撑。

2. 补充采访人员:询问的时候可能会漏掉问题,这时候补充人员就可以找时间进行补充询问。

3. 录音:这个跟客户之间要先进行说明以及确认才可以进行,不然会引起客户的反感。

4. 拍照:辅助人员一般会进行拍照留念,返回去跟团队进行分析,这里也要提前说明而不是直接进行拍照,这是对客户的一种尊重

5. 记录人员:这里注意点就是不要只会埋头记录,还要会抬头跟客户有眼神交流

访谈结束后要对客户进行感谢,并赠送一点的礼物。

访谈后期:

访谈结束回到公司的阶段,主要涉及到两个阶段:数据清洗,归纳复盘

数据清洗:

在访谈当中,其实不是所有的内容都对改版是有利用价值的(比如:简单的发泄情绪),需要把重复的问题和无关的问题清理出来,找到所有访谈中有价值的部分,为后面的设计进行有力的支撑。

归纳复盘:

归纳复盘阶段主要是把所有需求进行分类,然后根据类型进行任务区分以及任务排期,主要分成 5 个类型:

1. 新增功能:以前没有的功能,现在新增功能,具体的执行角色是产品经理。

2. 功能优化:单个功能的问题,不流畅等等产品带来的体验问题。具体执行人是研发人员。

3. 流程优化:单挑流程复杂,效率低等界面操作流程优化问题。具体执行人是设计师。

4. 视觉优化:颜色不清晰/图标表达不明/字号看不清等等示意和指引,信息标识问题。具体执行人是设计师。

5. 性能优化:卡/BUG/LOADING 等系统缓慢的问题。具体执行人是研发人员。


3. 用户找我们


我们除了可以去找客户,客户也回来找我们反映问题。这个方式其实是更加直接的。这个方式的三个阶段,分别是收集需求、问题分类、以及问题进行排期。

收集问题:

用户主动找我们有三种方式:用户需求方反馈池,客服记录,群聊记录。

1. 用户需求反馈池:销售/客服/客户成功将收集到的用户需求放入池子中,产品经理可以去池子里面筛选需求。

2. 客服记录:用户直接跟客服进行反馈,客服收集之后直接扔到需求反馈池里面。

3. 群聊记录:这里的群聊有“销售+客户成功+产研群”也有“客户成功+商家群”,定时会有值班的设计师/研发/产品经理进行值班,在内部我们叫做司机。有句风趣的,长期值班的我们会戏称对方“X 司机”。主要是将问题收集起来直接发给相关的人员,将问题及时解决。这里的回复方式比较讲究:回答尽可能给不确定的时间节点,打消用户的顾虑。

问题归类就跟复盘分析一样,重复的就不用再写一遍了。

如何解决用户反馈的问题?

需求分级:

我们内部专门有个区分的表格,其中横轴是重要与不重要,纵轴是成本低和成本高。我们会将所有需求开会讨论进行排布。

需求排序:

具体的需求我们分成 4 类:

1. 重要/成本低:一般是 KA 级别的客户才是重要的,成本计算要具体看,这个优先进入排期。

2. 重要/成本高:次优先级解决

3. 成本低/不重要:需要排期一次性解决

4. 不重要/成本高:有时间再解决,没时间再说,这里一般指的是 F 类客户个性化需求。


4. 成为用户


这个一般是土豪公司的选择,典型的像有赞,把实体店开在公司楼下。然后让产研人员定期去当店小二,在自己的系统当中去找出问题,早上去做店小二,下午就把 BUG 修改完。


总结


用户调研
是产品设计中很关键的一个环节,需要每个环节和每个人认真的去做。

作者:玩设计的鸡腿

转载请注明:优设网

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

魏华的微信.png

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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



更多精彩文章:















Bs界面设计之三:B端设计指南:快速了解B端产品的四种分类

博博

在我们日常的沟通当中,很多时候大家都会将自己的产品,以“B 端产品” 这样宽泛、含糊的方式进行阐述。但是 B 端产品由于服务对象不同、发展方向差异,也就导致产品本身就会有很多不同的分类。

今天就和大家分享 B 端产品的四种分类,以及对于设计师而言,这些分类会给我们设计落地、职业选择造成哪些影响?


垂直业务型产品


垂直业务型产品是针对企业垂直独立的业务需求所设计出来的 B 端产品。这类产品的出现,主要是围绕某一个复杂业务场景,去解决这个场景当中企业经营、管理的实际问题。

B端设计指南:快速了解B端产品的四种分类

比如以 CRM 为例:CRM 的全称客户关系管理系统

因为它是客户关系管理系统,而使用这类产品的主要角色就是销售员工,他们在进行商品售卖(特别是交易周期较长的商品时)需要销售人员通过 CRM 进行管理客户。

B端设计指南:快速了解B端产品的四种分类

而作为企业为什么要使用 CRM 产品?

其实是因为企业本身会有较强的管理需求,我希望能够通过 CRM 去监督每一个销售人员究竟是否认真完成工作,是否合理合规高效的与客户进行跟进沟通,因此可以通过 CRM 满足企业的管理需求。

但“销售”这类角色往往非常特殊,它存在于各行各业,比如楼下提供保险业务的销售人员、楼上在线培训的销售人员、自己公司 B 端产品本身的业务销售人员。

B端设计指南:快速了解B端产品的四种分类

而大多数 CRM 产品考虑的不是针对每一个行业单独去制作一款 CRM,因为销售团队在使用的过程当中,就会存在很多共性,产品便可以通过共性去抽象一个针对多行业的客户关系管理系统。

垂直业务型通常属于 B 端产品当中难度较高的产品类型,因为不同的业务,往往作为设计师需要了解的不是简单的这个页面长什么样,而是这个业务下,员工应该怎么用,怎么用才是更为合理的,而在很多招聘信息当中,就会发现企业更喜欢去招聘有过类似经验的设计师。

当然作为设计师,如果选择进入一家垂直业务性产品的企业,应该更多的去阅读行业相关的书籍,比如想要做好 CRM 产品,你必须了解什么样的销售人员,具备什么能力,才是一名资深的销售。通过了解行业人员的具体使用细则才能更好落地设计。

B端设计指南:快速了解B端产品的四种分类


行业属性型产品


行业属性型产品是针对某个行业定制的一系列,从上至下、从内到外的产品功能。这类产品主要是围绕一个具体的行业去构建整个产品的解决方案,目的是这个行业的商家,在使用了这款产品过后,就能够解决它目前经营过程当中的问题。

比如以在线教育行业为例,小鹅通应该就是在线教育行业的头部产品,去观察它的产品功能模块你会发现它会涵盖课程详情的内容管理、学员知识付费的交易管理、对产品进行营销的 Marketing、成功付费学员的客户关系管理,而这些功能模块在其他产品当中都可以单独拿出来,当做一个大型的 B 端系统的功能。

B端设计指南:快速了解B端产品的四种分类

行业属性型产品更多是以这个行业当中需要用到的产品出发,考虑就不再是单一的老师角色,而是一个课程培训行业所涉及到的所有工具,都希望能够通过行业属性型产品去解决。

在设计上,行业属性型产品不会过于复杂,功能都会相对比较简单,因为对于这些商家而言,不需要过于复杂的系统,只要你能够满足它的日常工作即可。

比如小鹅通,就是属于在线教育行业的产品,它与纷享销客当中的客户管理就会存在明显差异,无论是从功能还是界面的复杂程度来说,都完全不一样。可以看到筛选、视图、表格操作,等多方面的交互、产品规划,都会有明显的差异。

B端设计指南:快速了解B端产品的四种分类


协同办公型产品


协同办公型产品是通过软件实现工作协同、办公自动化,让企业高效运转的产品。

大多数情况下,企业内部的办公管理没有太多个性化诉求,因此会购买成熟的办公协同产品:比如飞书、企微、钉钉、泛微

B端设计指南:快速了解B端产品的四种分类

目前较为常见的协同办公产品包含:在线文档、OA 办公自动化、IM、在线会议、项目管理、研发管理等产品。

协同办公产品,在企业当中通常只会有一款软件。比如在一家企业 使用了企业微信,就等于它会去使用腾讯会议、腾讯文档、tapd 等多款关联性的产品。

在设计层面上,协同办公型产品是最接近 C 端产品的特性,因为他的使用人群很多,并且使用的角色也复杂多样,因此在产品设计上,对于 视觉交互往往有着更高的要求。


运营管理型产品


运营管理主要分为运营与管理两个系统。

运营是针对自己本身就有 一款产品 A(不限于 C 端 B 端) ,为了满足产品 A日常界面的展示与维护,需要专业的运营类后台系统所支撑。比如淘宝、抖音、小红书,这些产品,他们都会有自己的内容审核 、广告投放等多个后台系统。

B端设计指南:快速了解B端产品的四种分类

运营的主要目的就是审核,日常的数据资料维护,比如以 sspai 为例,在少数派的网站当中,有作者进行投稿,因此必然会存在对应的运营人员进行内容审核,同时少数派还会有会员、商品购买,因此能够推断出少数派的运营后台一定会包含类似成员管理、会员管理,订单管理等前台系统已经拥有的功能,来执行网站后续的运营工作。而管理则是针对系统当中的商户、用户、租户的“信息资料”进行管理。

主要会涉及到:

商户的门店信息:

饿了么的商家服务后台,商家可以进入到系统里面去配置门店的具体信息、售卖的菜品、对应的活动等等,而饿了么就是通过这样一个平台能够规范商家在系统当中的行为,能够对他们进行有效的监管。

B端设计指南:快速了解B端产品的四种分类

租户功能的开通:

租户主要针对的是 SaaS 产品,也就是购买 SaaS 产品的客户,而我作为产品提供方,想要对每一个客户进行管理,就会有一个租户平台进行管理。比如在我们一个租户管理系统当中,为了让客户成功对每位租户的信息进行快速操作,在设计上并没有优先去考虑设计原则,而更多是将操作外置,让信息快速传递的同时,能够快速操作。同时使用的客户因为都需要进行上岗培训,这样简单的操作也能让他们更容易理解。

用户信息的分析:

对所有在平台的数据进行分析管理。比如在 B 站当中,就会存在大量的用户,一旦有人发言出现问题,或者言语行为过于暴力,那一定会有系统来管理这样的特殊情况。而用户给到的数据我们还能够对其进行更为细致的分析。


最后


其实一款 B 端产品并不是固定在某一个类型当中,更多是随着市场的不断发展进行变化,因此要去理解的是这个软件背后的业务诉求、推导他们的功能模块,盯着一款产品“发呆”(其实就是去想想,多理解),当然这对于 B 端产品的类型,有什么自己的想法也可以在评论区发表自己的看法~

作者:CE青年

转载请注明:优设网

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

魏华的微信.png

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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



更多精彩文章:














国外大佬总结的这20条B端图表设计原则!

纯纯

最近几年以来,大家能看到B端设计趋势已经越来越火热,在B端设计中关于图表的设计算是为数不多的视觉发挥点了。那么怎样才能做好图表设计,让设计出来的图表高大上,符合业务需求,让业务方和总监对你赞不绝口,本文就必须看完和收藏了,因为实在是太实用!

应用设计越来越依赖数据驱动,对高质量的数据可视化需求也越来越高。然而我们身边却充斥着令人困惑和误导的数据图表,但我们其实可以通过遵循一些简单的规则来改变这个情况。



1. 选择一个正确的图表可视化类型


选择错误的图表类型,或默认为最常见的数据可视化类型,可能会让用户感到困惑或导致对数据的误解。根据用户希望看到的内容,可以用多种方式表示相同的数据集。尽量做到每一次做数据可视化时都能从数据集类型分析和用户访谈开始。 

undefined



2. 根据正负值使用正确的绘图方向


当使用水平条时,在基线的左侧绘制负值,在右侧绘制正值。不要在基线的同一侧绘制负值和正值。 

undefined



3. 条形图总是以0基线开始


删数据起点会导致曲解。在下面的例子中,看左边的图表可以很快的得出结论,值B比D大3倍多,而实际上,两者的差异要小得多。从0开始可以确保用户获得更准确的数据表示。

undefined


4. 折线图应该要清晰体现y轴上的趋势变化


对于折线图,总是限制y轴比例从0开始可能会使图表几乎平坦。由于折线图的主要目标是表示趋势,因此根据给定时期的数据集调整比例并保持直线占据y轴范围的三分之二是很重要的。 

undefined


5. 使用折线图时要考虑时间连贯性


折线图是由线连接的“标记”组成,通常用于可视化时间间隔内的数据趋势。这有助于说明数值是如何随时间变化的,并且对于较短的时间间隔非常有效,但当数据更新不频繁时,这可能会导致混淆。 

undefined

例如: 使用折线图来代表年度收入,如果数据是每月更新的,则每个月在图表中会生成一个个孤立的标记点。用户可能会假设连接“标记”的线代表实际值,而在特定时间实际的收入数字是未知的,所以可能会产生误会。在这种情况下,使用垂直条形图可能是一个更好的选择。 


6. 不把折线图强行”平滑“


平滑的折线图可能在视觉上很好看,但它们错误地反映了背后的实际数据,而且过粗的线会模糊真正的“标记”位置。 

undefined


7. 避免使用比例不同的双轴折线图


通常,为了节省可视化空间,当有两个具有相同度量但大小不同的数据系列时,可能倾向于使用双轴图。但这些图表不仅难以阅读,而且它们还以完全误导的方式代表了两个数据系列之间的比较。大多数用户不会密切关注比例,只是浏览图表,然后就得出了错误的结论。 

undefined


8. 限制饼图中显示的切片数量


饼状图是最流行的也是经常被误用的图表之一。在大多数情况下,条形图是更好的选择。但如果你决定做一个饼状图,有2个比较好的建议:

1)不要超过5-7片,保持简单

2)可以将额外的最小段分组到“其他”切片 

undefined


9. 在图表上直接标注


如果没有适当的标签,无论你的图表有多好,它都不会有意义。直接在图表上标注对所有用户都非常有帮助。查阅图例需要时间和精力来理清数据和对应的部分。 

undefined


10. 不要在切片上贴数据


将数据放在切片上可能会导致多个问题,在可读性问题上和窄切片上都会有挑战。相反,添加黑色标签能清晰的链接到每个部分。 

undefined


11. 保持饼图切片秩序以提升阅读效率


在确定饼片秩序时,有几种常用的方法:

1)将最大的切片放在12点的位置,然后将下一片切片顺时针降序排列

2)把最大的切片放在12点的位置,第二大的放在顺时针相邻位置,第三大的放在11点的位置,其余的切片按顺时针降序排列 

undefined


12. 避免随机排列


同样的建议也适用于其他许多图表。不要默认采用字母排序,将最大的数值放在顶部(对于水平条形图)或左侧(对于垂直条形图),以确保最重要的数值占据最突出的空间,减少眼球运动和阅读图表所需的时间。 

undefined


13. 窄的饼图是难阅读的


饼图通常不是最容易阅读的图,因为比较相似的值非常困难。当我们把中间部分去掉,创建一个圆圈图表时,我们腾出了空间来显示额外的信息,但这样牺牲了清晰度,极端情况下,图表就会变得毫无用处。 

undefined


14. 视觉效果不要抢了数据风头


不必要的造型不仅会分散注意力,还可能导致对数据的误解和用户的错误印象。你应该避免:

1)3D元素,明暗面

2)阴影、渐变和其他扭曲的多彩色

3)斑马图案,过多的网格线

4)过度装饰,斜体,粗体或衬线字体 

undefined


15. 选择与数据性质相匹配的调色板


颜色是有效的数据可视化的组成部分,在设计时考虑以下3种颜色类型:一个定性调色板最适合显示分类变量。为确保易用性,所分配的颜色应该是不同的。连续调色板最适合需要按特定顺序放置的数字变量。使用色相或亮度或两者的组合,可以创建一个连续的颜色集。

发散调色板是两个连续调色板的组合,中间有一个中心值(通常为0)。通常不同的调色板将传达积极和消极的价值。确保颜色也与“消极”和“积极”表现的概念相匹配。 

undefined

看看一个方便的工具- [ColorBrewer]https://colorbrewer2.org/#type=sequential&scheme=BuGn&n=3,它可以帮助你生成各种调色板。 


16. 设计的可访问性


根据美国国家眼科研究所(National Eye Institute)的数据,大约每12人中就有1人是色盲。你的图表只有在广泛的受众可以访问时才会成功。

1)在调色板中使用不同的饱和度和亮度

2)把现有配色去色然后检查对比度和可读性。 

undefined


17. 关注易读性


确保排版能够准确传达信息,帮助用户专注于数据,而不是分散用户的注意力。

1)选择易读的字体,避免衬线和装饰过度的字体

2)避免使用斜体、粗体和全部大写

3)确保与背景有高对比度

4)不要旋转文字

undefined

 

18. 使用水平条形图代替旋转标签


这个简单的技巧将确保用户能够更有效地阅读图表,而不会扭伤他们的脖子。 

undefined


19. 事先选择合适的图表库


如果你的任务是在web和移动项目中添加交互式图表,你应该问的第一个问题是我们将使用什么图表库?现代图表库包含了许多前面提到的交互和规则。基于已定义库的设计将确保易于实现,并能提供大量交互想法。 

undefined


20. 做成动态图表


帮助用户通过改变参数,可视化数据进行探索。然后得出结论,最大化价值和洞察力。在下面的示例中,你可以看到IOS Health应用使用了各种数据表示的组合。 

undefined

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

魏华的微信.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。
蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 
UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司


中后台没啥可设计的?试试这样拓展设计价值

纯纯

B类领域设计师必然会面对譬如CRM、ERP等诸多类型的中后台类产品。大多就是做做表单设计,年底考核时想争取涨薪证明自己,但老板要问的“设计价值”是个啥?在这些业务主导下的中后台产品又该如何定位设计机会及价值?



本文就以比较典型且系统化的中后台企采SaaS服务产品为例,来聊聊在这个领域中,是如何进行机会的挖掘,探索并付诸实践的。

01. 业务先赢 完成体验助力是基础

-

在过往数年里,阿里Ant Design,Alibaba Fusion为代表的中台团队进行了大量基础组件设计体系的积累,也沉淀了一些可直接复用的工程化解决方案。如果说有就行,的确产品经理和技术人员自己拼拼凑凑,就可以极低成本的获得一个较为套路化,但无需设计师介入费脑的中后台产品。



但作为用户工作环境中和风险、钱打交道为主,被强制使用的工具载体,在全球数字化经济转型推进趋势下,越来越多的中后台B端产品需要具备更高效,更细腻的体验,以改善千千万万使用者的数字化工作方式.

初步接触业务,我们即发现沿用基础通用设计组件库,“拼组件”的方式没办法满足垂直业务模块比如供应链询价、采购、财务核账履约领域高强度信息承载密度下精细化的用户体验诉求。

因此,为了增强SaaS产品及服务的不可替代性,提升售卖价值亮点以及产品续约率,我重点对业务场景下特有的行为组件、模板及方案链路进行抽象归纳改良设计。



这样做最直观的好处就是不浪费时间重复造轮子,站在巨人的肩膀上来完善组件库,提升设计效能,1位设计师就能通过业务场景组件,高效承接密集的产品需求。 

另一方面,收拢特定场景下核心差异点,只聚焦最小范围来打磨组件及流程,可敏捷实现差异化设计的最佳实践。 

精细化的场景多欠缺合适的线上化解法,作为你深度挖掘,充分思考下的设计方案,相对更容易获取某些领域的设计奖项甚至专利,证明你有在设计上做出了壁垒,创造了价值。 

除此之外,由于该敏捷的体验设计过程是以抽象核心差异为契机,对应领域的设计师亦能更高效的构建出业务特定场景下的独有的“Design System",在后续过程中放大设计价值。

02. 中后台产品 效率是关键

-

多数中后台产品(尤其是企业级应用系统)会出现 "功能、页面多"、“流程长”的臃肿现象。 

受打工人身份禁锢下的实操用户大多也是迫于工作合规要求,不得不从原本习惯的线下作业流程,转变为在中后台线上了解信息,以及多角色协同决策处理事务。甚至可以说有了中后台的存在,反而增加了他们日常工作操作成本,故无论是新用户还是老用户,都难有意愿于中后台完成事务处理的体验闭环。



为提高采购流程的效率,让中后台线上作业更轻松,更提升企业收益/价值。

我们基于用户行为能力动机,从“替ta完成”,“催ta处理”,“助ta做快”这三个维度,通过协同引导提效的方式来促进线上事务处理完成并流转。简单说,机器能做的就自动处理推进,不能的则及时触达引导,力求做到中后台事务处理过程去人工化,以及主动精准有效的引导。



设计师在这个环节内除了结合新技术,和业务团队共同打造一些智能化服务替代原本高重复性操作以形成新体验外,还可以深刻研究并理解人性本质,在相关待办或服务内容触达上精细化设计。

01、让待办任务更有效的被触达并解决

与业务一起分层提醒内容,及对应内容的可读性、可视化设计;

02、基于用户行为动机下的推送规则设计

不打扰用户工作前提下,及时引导助其理解更促使用户启用自动化提效服务,譬如处理受阻失败、或用户刚完成一项任务时,引导其配置自动处理规则,提高整体效率;

03、打造激励机制和场景

定期进行实操人员处理任务完成度/时长的同团队数据分析比较及外显方案,结合数据可视化呈现手段,在行业内外部团队相互制约下,促使用户自我驱动警示,保障事务推进流转。



最终目标即是推进业务中后台的用户数字化体验从最早的帮助Q&A被动唤起自助化服务,变为主动承接服务告知可处理,半自动化分发,及自动处理,甚至社会智能化数据自驱的演变进阶。



总体来说,在中后台产品给用户提供更简单、更集成的方案,大量消减操作步骤,突出真正重要的信息就是设计最大的价值。

03. 构建数字化管控的新体验

-

除一线实操用户外,我们还要关注管理者,有时更是一号位的老板这一类关键角色,他们在线上各个子环节都有较为强烈的可控,可管理的诉求在,以证明其付钱购买的中后台“在线数字化”工作方式真的能降本增效,或作为企业内部管理优化的量化指标依据。

在企业按年续费产品服务的商业化增长目标下,让管理者能真切意识并实际体会到数字化工作方式的价值就变得尤为重要。因此,设计的关键是增强管理决策者对数字化平台服务的感知度以及满意度。

01、智能化决策辅助的设计

和一线操作员侧的提效类似,只不过对于管理者,我们需更多着重于“替ta完成”和“助ta做快”这两部分去打造智能化服务的管控新体验。

为确保机器智能化处理逻辑更接近人的自然思维,设计师在这个环节中可主动补位,制定相应类型下数据的机器思维处理分析规则以及内容维度。



在过往采购SaaS中后台业务设计中,设计亦抽象了事务型进展以及综合决策分析决策两类数据模块新场景,通过直观结果呈现以及判断要点佐证,在管理行为及流程上促进管控手段的数字化升级,帮助管理者高效获取/查看/分析数据要点。



02、多维度的数据关怀提醒

有了对应的分析数据结果和要点,我们还要将数字时代下的管理数据,团队事务整体进度、风险预判结论有效触达管理角色,更放大其体感。



给老板用的数据大屏/中后台数据看板,及数字孪生可视化即是一种可以充分发挥设计表现力并擅长的领域,即便你所在的中后台团队没有相应技术资源,设计依旧可以通过“电子邮件” “长图”等通用载体,以轻量化的方式来完成价值传递。 

在这个环节,设计的价值就是让管理者读懂数据,受惠数据驱动的决策方式。

03、形成体验质量监测评估体系

以设计体验度量量化为起点,深度关联管理决策者关心的企业运营数据“健康度”,及商业化营收续签强相关的“续签意向”,来评定并监测用户对SaaS产品服务的整体接受度及体验满意度。



我们基于HEART、PULSE、UES、五度模型等已有模型,选择业务目标和场景核心指标来调整衡量维度并推导演变,从业务、产品、技术、服务等多维视角构成适合企业采购SaaS产品的体验度量模型,推动运营/算法/后端共建机制及产品将体验监测工具化,以形成业务中多角色都能有效应用起来的体验质量评估体系。



最终,管理决策者较过往能更实时的掌握一线人员工作使用中后台的健康度情况,有效数字化管理。

对我们的合作伙伴业务运营团队而言,全新的客户续签意向管理预测方式,可提早发现风险,更能联合内部预警及平台触达运营服务有效规避客户流失。

而对于我们自身设计职能,通过这种度量维度方法和工具,不但能定期便携的获取核心指标变化作为设计价值量化凭证,体验监测所获得的相关结论还可以指出中后台产品当前业务阶段问题方向,结合设计目标锁定问题范围,定位后续设计着力点。

中后台领域心得技巧

-

上述即是企采SaaS中后台产品中的设计实践。我们也总结了几个定位设计机会及价值的心得或方法。



01、学徒式调研实操,同理映射用户 

具有出众同理心的设计洞察以及解法是体验价值的基础。(常说要站在用户视角做设计,但不像消费端,设计师多不是中后台实际用户,也很难换位思考理解用户工作行为特征和痛点。) 

因此,中后台领域的设计角色迫切的需要与更多的实际用户去交谈、调研。 

为提升该过程的质量及效率,我们尝试在用户定性调研访谈之前,多通过学徒式调研的方法,来熟悉其工作行为特征,定性的挖掘用户痛点。 

即是以单任务为维度,先请教我们的实际用户他们是如何做的,并依此自己上手完整实操,直到确保能按时保质完成目标任务。 

设身处地还原目标用户情景,理解各方案的优劣势,及如何在他人身上起作用的目的,在该环节之后再去和用户交谈,即可更高效的获得真实的用户洞察以及理想方案假设。



02、用设计擅长的可视化手段,呈现体验痛点

天马行空的设计创新方案总是在决策时受各种技术、资源为由被Pass,推进创新智能的体验方案在中后台领域是个尤为费事的过程。 

面对这一难题,我们可以通过体现设计思维的一些工具模型调整应用,来增强表现说服力,进而建立信任以及方案推进的成功率。



譬如设计侧常用的决策工具用户体验地图,在B类中后台领域中可以将原本情绪体验波浪线替换为效率数据来调整应用,梳理并呈现产品的全流程效率数据曲线,同理“峰终定律”来快速界定并洞察全链路中短板模块,以及低效待设计优化关键点。

借此数据可视化手段,呈现出来体验关键问题严重性,亦可让项目组各职能伙伴共情,获得设计策略及方案的认同。

03、和业务方向紧密结合,跟业务匹配的设计创新

设计创新提案难免会出现两类问题:

首先是创新提案推不下去,甚至被说是设计自high。

这多是因为没有想着结合业务方向,光想着创新或新颖的方式去设计方案。

我们擅长也希望通过酷炫的动效,创新的交互,智能化体验的畅想及解法来表现设计手段的精深。固然,这些事情的探索尝试或练习都有其意义价值,但作为商业设计师不能光纸上谈兵,只有结合业务顺势而为,我们耗时做的方案才有可能提案成功,更推进技术还原落地,从而带给用户更好的用户体验。

再者就是方案有结合业务,也被认可有价值了,但优先级往后走?

这说明设计结合的点不大对,并非业务最关心的。

中后台产品,多和前台核心战略有着强逻辑关系,或有广泛的、潜在的商业化潜力。而了解业务核心关注点,最简单快速的方法就是找到对的人——业务一号位,并快速抄作业。

勇敢点的可直接约业务一号位聊聊,含蓄的设计师亦可尝试借美化一号位汇报PPT等手段,巧妙的获取并理解业务核心目标,布局以及关键利益,在此基础上再从上至下梳理了解各子业务线规划,设计就能更好的取舍。

原文地址:站酷    作者:阿里巴巴CBU设计


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


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

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

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




如何选择确定B端后台设计风格及细节优化

纯纯


1.B端后台分类:

根据服务对象划分:

一类支持有C端前台,支持前台产品管理各种资源。第二类服务企业,提高企业工作效率和营收。


根据后台功能:

1.监控运营:时效性强,旨在实时反馈异常情况,快速判断下达命令,回复信息、多用于数据控制中心。

2.数据分析:数据结果的对比和分析趋势,时效性要求并不高,了解整体和各部分数据水平,助力决策。

3.记录管理类:主要用于人员、设备、资产等增删改查,文本信息容量大,频繁便捷的操作。

4.系统配置:权限配置、设备功能配置,操作为主。


2.后台深浅两大风格分类:

浅色:

适合文本信息多密集的表单列表类后台,浅色更符合人眼白底黑字的阅读习惯,浏览速度更快,信息获取效率更高。


深色:

图像信息密集的后台适合图片、数据可视化图表等;深色对彩色的图像信息衬托更强。信息获取速度较慢,长时间可能视疲劳。




3.作者常向产品方提供的风格参考

较常见


1.经典商务风(导航深、内容浅)——专业、高效、成熟、可信赖(对照深色西装人物形象)

      优点:市面最常见的风格,普世性高,大多数用户可快速接受,层次分明

      缺点:视觉缺乏记忆点


 2.轻量科技感(导航浅、内容浅)——简洁、明快、轻量、年轻(对照白衬衫打领带男性)

      优点:视觉清新明快更年轻化更轻量,对其他文本及图形展示包容性高,就像A4白纸一样容器存在感弱

      缺点:纯白色导航+页面层次略暧昧。


 3.蓝色科技风(导航中、内容中)

      适合:适合科技属性强的产品界面,图像图形展示

      缺点:对其他色彩信息有干扰,持续性长时间观看易视觉疲劳


 4.暗黑科技风(导航深、内容深)

      优点:对色彩表现力强

      缺点:密集文本信息获取速度会下降,持续性长时间观看易视觉疲劳




4.精准选择风格时可以进一步的考虑:

1.整体行业风格

比如美妆和科技行业的整体设计基调就不太相同。


2.产品想要传达的气质:

理性可靠 or  简洁轻松轻量 or 关怀普世 or 酷炫吸睛….这个可以和相关产品经理、销售共同商讨


3.目标用户的群体特点及喜好。

根据目标用户的性别、年龄层、受教育水平,审美水平考量(可能包含多种角色,选取1.2个核心角色为参考)带入目标用户工作场景及爱用物常用物品味,去判断基调。

如主要用户群:40+男性用户,本科以上受教育水平,使用windows电脑进行专业管理操作,审美倾向明确内敛。

如主要用户群:20-40岁,男女比例约6:4;大专;操作水平参差


4.使用场景及高频的操作。

例如:最常使用数据分析管理,需要快速阅览多条数据,对数据进行比对,更适合浅色风格展示表单数据。


5.判断独立的平台是否为独立开发

独立开发的,可以采取更独特设计。若平台很大需要不同外包公司的合作属于整合类平台则更注重设计的包容性。



5.如何让后台设计更具特色:

1.重点色的使用

“731配色比例”70%的面板色,30%的导航面板色,10%的强调色。(这里的用色比例可以根据内容具体再去调节只是大概比例)品牌色或重点色:强调行动关键点、重要信息高亮、图形化说明等。强调色用就要用的像蛋糕上的樱桃。起到画龙点睛作用即可。

2.图标的优化

后台高频出现的图标,值得我们花时间去统一设计打磨,调整圆角粗细疏密,符合整体界面气质。从图标库里拖出的图标很多在线条粗细上是不统一的,好的设计在细节处也要动人。

B端工具类图标识别性第一,美观性第二。B端导航图标更多是在基础造型上打磨,不需要加花里胡哨的渐变、投影,导航图标一般在24px-16px大小,太复杂反而看不清。在区分状态的时候可以考虑加点品牌色


3.空状态小插画

空状态插画是B端设计师少有能发挥自己绘画天赋小巧思的地方。

图形化状态语言,辅助用户理解内容。可以将产品机械苍白的文案设计表现的更加具有温度,具有引导性。让乏味的工作出现一些共情小彩蛋,有趣的插图动画可以缓解等待的焦虑。



4.登录注册页

纯色背景卡片式:简单大方更聚焦登录操作

插画背景:场景化展示产品的功能及亮点,让用户更有心理预期

几何图形背景:最后和品牌图形相关,加深用户对产品的品牌印象。

照片背景:相关场景或产品类型,具象图片信息更直观


5.圆角的大小

不同大小的圆角传达产品不同的气质,大圆角亲和、小圆角精致、中等圆角大众中庸。



6.优化信息层级

优化信息层级,区分信息主次可以使阅读更快,操作更快,界面更有节奏感。

这时候你就是那个考前画重点的老师

判断一个页面里最重要的是那些信息或操作,强化它!并弱化辅助信息;

判断一个模块里那些是重要信息,强化它!



6.新人需要避免的雷点:


1.追求炫酷的视觉效果舍弃操作效率。比如追波风满屏花里胡哨的卡片及面板,满屏大投影及高饱和色彩。对于B端界面来说信息噪音太多,反而干扰信息获取效率。


2.反常规用户习惯的操作。尊重用户习惯,不要为了个性化去尝试改变,不要妄图改变用户的操作和认知的惯性。惯性思维大于设计思维,曾经遇到过产品因为右手操作所以要把导航放在右边的离谱例子。


3.数量多,动静大的夸张的动效。B端与C端不同的地方在于希望操作者沉浸式工作,遵循非必要不打扰。之前看过一个反面例子后台,在每一步操作后都出现大的场景动效鼓励完成,如果作为一个长期使用的工作者,我会觉得每次完成任务都需要等待动画完成可能只需要2-3s也很浪费我的时间。


4.新人建议多看Antdesign和Element等成熟的组件,创新类组件样式,最好和和开发商量是否能够实现。


5.在确定主要风格及2-5张主要页面后,就应该着手基础规范(色彩字体等,不然后面越做越乱)。


6.一段时间一个审美,同一界面中的元素风格不统一。


7.避免大面积使用高饱和高明度的色彩,及暧昧含糊的临近色彩。长时间使用眼睛会累,产生不耐烦焦躁的负面情绪。



最后推荐几个官方组件库:




原文地址:站酷    作者:唐小葱 

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

截屏2021-05-13 上午11.41.03.png

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

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

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


B端设计指南 - 审批

ui设计分享达人

业务究竟是什么?


很多时候既让初入B端行业的设计师感到一丝丝迷茫,因为不同的B端系统也就意味着,它的业务一定就会有所不同。比如CRM系统当中的客户生命周期管理,OA的办公自动化,特定的行业往往都会蕴含着不同的业务类型


而作为设计师,如果只了解设计模式、设计组件,不去分析设计最后的业务诉求,其实是没有任何意义。因此想要通过B端设计指南,和大家一起聊聊B端业务,以及背后所牵涉的具体逻辑。今天就简单聊聊最为常见的 审批


开始之前,还得再多说两句,因为一个系统当中,业务本身就不是独立存在的。因此在去讲述审批的过程,一定会涉及到 流程、权限、表单配置 等一些基础内容,建议可以先做初步了解,再结合文章进行阅读



审批的起源

虽然在说起源,其实我更想给大家讲清楚 审批在B端系统 当中的重要性

审批字面意思是审查并加以批示,通常指对 下级呈报上级的公文进行审查批示,报请上级审批

现如今,任何事情一定都会有分工协作,而使用审批的好处是可以

  • 规范员工行为

  • 提高企业运转效率

  • 系统存档便于溯源

  • 保护环境(毕竟减少了纸张浪费)

当然在不同的阶段的公司,对于审批的诉求是不太一样

小公司:因为审批的决策路径短、流程上都非常简单,但因此就会缺乏规范保障。比如在外出办公时,看似只需要与老板当面进行口头上的沟通即可,但是在外出出现意外时,由于缺乏外出办公的相关证据,员工的权益则很难得到保障

大公司:因为审批的决策路径长,流程上都极其复杂,因此会在多人协作下完成整个流程审批。比如想要申请购买办公用品时,会由 行政、Leader、财务 层层审批,从提交审批到最终落实可能需要十天半个月,但是这样的流程,能够确保企业在清查财务状况时,更加有理有据

审批的演变,就是从最开始的规章制度而来。比如在早期去政务机构办理各种业务时,会让你去填写各种纸质表单。在审核过程中,则需要有各个机关的盖章及批准,而这种形式正是政府对于普通市民的自上而下的管理方式


审批其实是整个B端系统的灵魂,因为在B端系统当中,企业想要使用系统的一大痛点便是 核心的管控 

因此你会发现,只要一个独立的系统,一定会存在独立的审批模块。因为B端管理系统当中企业的最终目的,是管理手中的人,而审批便是最为常见的一种手段

审批在如今的B端系统当中,可以理解为它是一组消息,在这一组消息当中会有:“具体的文本、对应的附件、以及照片视频”这些内容都是辅佐 申请人 去讲诉你需要申请的内容

比如我们在申请病假时,往往需要出示 三甲医院所开设的证明,对于这个证明,如何在表单当中出现,你会发现最为常见的便是拍摄证明图片,然后上传到表单当中(这个与字段属性紧密相连,我就不做不过介绍)


审批的这组消息还会有些特殊,因为它非常重要,你可以理解为它是一则“加急消息”会提醒审批人快速的进行处理,同时会告知相关的参与人(处理人、抄送人)审批的进度、并且无论成功与否,都会在系统当中留下 足迹,因此它起到了 “追踪、通知、留存” 三个非常重要的作用,我们首先对于审批进行一个基础的拆解

审批的拆解

如果把审批单独拿出来,你会发现审批会牵涉到 发起人、处理人、抄送人

发起人:

审批的发起人,也是整个审批流程的归属人,他最关心整个审批进展

因为在发起人的角度,创建完审批事项后,可能还需要进入审批页面,完善 后续附加信息、及时了解审批状态、催促审批人的审核、处理驳回意见 等等,因此站在发起人的角度,审批需要尽可能详细的展示 当前审批的状态、完整的审批流程、驳回信息的快速操作、成功信息的必要通知

处理人

审批的处理人主要在审批过程做出决策,因此他更在乎的是审批申请内容的信息。比如 审批的信息内容、直接的审批操作、多条审批的管理

当然,在一些大型的集团企业当中,会将审批分为审批「直接处理人」「间接处理人」(后文以 直处人、间处人 简称)

「直处人」作为审批的第一处理人,也就意味着他的意见至关重要,如果「直处人」通过过后,相对而言整条审批的通过几率会大大增加。通常「直处人」是作为申请人的直系领导居多,因此多数情况下可以理解为直属领导进行 “把关”

「间处人」作为审批的后续处理人,同样在流程当中也十分重要。但在有些情况下,比如一些偏平化管理的企业,「间处人」更多像是“权利”的象征,因为权利已经下放给「直处人」,而「间处人」起到知晓审批以及企业的规章制度要求

抄送人

审批抄送人主要起到通知对应角色的作用,因为一条审批的出现,会造成诸多影响,假设今天你需要申请事假,如何通知同部门的其他成员呢?

发送即时消息,显得过于简单;每个打电话,又有些麻烦;发送企业邮件,又怕他们没有看到

这时候抄送人会显得尤为关键

通常抄送会有企业流程上管理员配置的固定抄送人,以及发起人选择的自行抄送人 两种类型

固定抄送人 角色通常与管理员配置整个流程有关,他是角色当中 管理员 所配置的重要通知人,比如今天你的请假信息,肯定会告知行政,像这类默认的通知流程,则可以将其设为固定抄送人

自行选择抄送人 则是提供给发起人自行选择,该条审批可能会影响到的相关人群。比如就是发送给同事,让他们知晓今天你不在岗位上,因此自行选择可以增加审批抄送的灵活性

这里肯定会有很多读者会问,我选择抄送人与我发消息给同事,有什么区别么?

看似完全相同,实则有明确的区分

通过消息,将审批内容传达,本质上是你自行将内容发送给对方,对方会对于你这个消息的真实性会产生疑问?你是否通知了

而选择抄送,更为权威,更能体现你这条消息的真实性,并且整个流程都已经由领导进行批准,因此不会存在太大问题

其实审批的本质就是一组消息,而这一组消息当中,申请人 通过 表单配置 去获取需要补充的消息内容,而流程会根据企业所配置的流程方式将这一组消息进行合并转发给对应人,而审批人则需要对这一组消息进行回复“通过、驳回” 来让整个流程继续延续

审批流程

审批当中,最主要的便是流程。因为你可以通过查看流程图,去了解整个企业的组织架构、规章制度、员工管理方式

1.串行审批/依次审批

串行审批主要是指当一个审核节点通过后,才能进入下一个审核节点。如果节点驳回,则可以根据业务实际需要,配置驳回的返回路径,会有:拨回到发起人、驳回到上一个节点、或驳回之前任意一个节点 重新审批


2.并行审批

并行审批是指一个审批节点存在多个角色同时审批,这里会存在两种情况

  1. 任何一个人审批通过,则可以进入下个节点,这也就是系统当中常说的 「或签」

  2. 所有审批人员通过,才能进入下个节点,这也是系统当中常说的 「会签」


3. 条件审批

条件审批就是将企业当中的规章制度映射到实际的项目当中,通常就是某个审批内容会根据 金额多少、实际数量 等 进而选择哪个角色进行审批

比如销售人员在申请一个合同审批时,会根据合同金额的不同,审批人也会有所差异

  • 当金额小于8000时,合同直接由财务专员进行审批,进而让流程进行快速审批

  • 当金额大于8000时,合同会由销售主管进行审批,让销售主管能够掌握企业的重要合同


4.自主审批

通过发起人选定一个审批事项后,将自主选择后续的审批内容,进而实现审批的后续选择。这是一种较为灵活的审批流程,当企业尚未形成标准化流程时,自主的核心就是当发起人发起一个审批,提交时需要自行选择下一个环节的审批人。而下一个环节的审批人审批通过后,可以选择继续流转到再下一个人去审批,或者结束这个流程

审批页面梳理

审批的背后,它映射的其实是企业的一条条管理制度,而它的设计一定是要满足企业的实际需求。因为你负责的产品不是为某一家企业提供的服务(定制化产品),并且企业管理制度的变动其实是家常便饭,你需要去考虑一个通用的解决方案,这个解决方案拆解下来会分为三个内容,分别是:申请表单、流程配置、更多配置 进行讲解

1.审批表单

审批表单是最为一个“简单”的用户可配置化表单,因为现如今大多数B端产品都是以 SaaS 作为基础(如果是定制化产品 它的审批内容、流程也不会是固定不变的)也就意味着审批表单需要为企业提供“DIY”的方式,通过表单提供不同的字段类型,去构建审批的实际要求


比如在一个选择请假时,年假、事假、病假、婚假 等的要求都会有所不同

如何知道他们的差别,其实可以根据《劳动法》的相关规定 以及 各个其实的实际公司制度,进行个性化的处理

在申请婚假时,需要上传你的结婚证,以证明其真实性;在病假时,需要有3甲医院的病情证明;在年假时,则需要有你的剩余年假天数。而这些特殊诉求,其实都需要在表单当中进行各种定制化表单

当然这只是极为常见的 请假 场景,而在实际业务当中的复杂场景(更多需要将 审批与其他系统关联)一个简单的表单是没有办法进行满足

这也是很多企业会发现,无论是飞书、钉钉、企业微信,都没有办法满足其实际流程需求。又没有办法改变自身流程,只能够自研、定制化 产品,这也是为什么即便各行各业都有了初具规模的 SaaS 产品,但是还是会有很多企业愿意自行研发软件


2.流程配置

企业可以根据自身的系统流程,在流程配置当中去定制特定的流程。在这个页面的设计上,需要注意不同参与人的状态,以及复杂流程时如何才能够进行清晰的阅读,因此增加了 颜色区分(发起人、审批人、抄送人)+ 视图缩放 功能

颜色自然不必多说,整个系统需要统一,因此不能够只考虑在管理后台的颜色,是一定要在详情页当中也能过保证颜色的一致。这样才能够满足实际业务所需

视图缩放只是小小提一下,常见的视图缩放会放在左侧,至于为什么,自己稍稍揣摩揣摩

由于流程配置的属性页面会涉及很多表单的复杂逻辑,这个只能够留在我的 训练营的课程 当中进行拆解,这里就不过多赘述


3.更多配置

更多配置项则是审批在实际情况下的特殊处理,比如:申请人修改审批的具体时间、能够将审批转发给其他人、出现多次相同的审批人是否去重 等等...  其实就是将审批的设计方案进行“赋能”,去满足更多企业在实际场景当中的需求,感兴趣的同学可以去 钉钉、飞书 了解详情


结语

审批,核心还是提高企业运转效率,如果在审批之间,还需要不同角色私下反复沟通,本质上就失去了审批的意义。而审批本身,就是一个典型的B端产品 从场景到需求,进而研发功能,最后又回归场景,你设计的好与坏,落地到真实的场景当中,试试便知

原文地址:站酷
作者:CE青年

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

截屏2021-05-13 上午11.41.03.png

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

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

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


如何做好B端产品的适老化设计?来看猫眼演出的实战案例!

ui设计分享达人

老龄化社会已经到来,如何让中老年群体更好地使用互联网产品是当今的热门话题。猫眼演出设计团队负责的一个 B 端项目的使用人群需覆盖到中老年用户,也属于适老化的涵盖范畴。

在前期调研和设计环节中,我们收集了一些相关的文献及案例,并且结合项目实践有所思考和沉淀,在这里与大家分享。

普适的适老化设计理念

世界卫生组织根据现代人生命状况,提出了人生阶段年龄的新划分。45~59 岁为中年人;60~74 岁为年轻老年人;75~89 岁为老年人;90 岁以上为长寿老人。[1]

随着年龄的增长,人们的身体机能、心理状态、认知能力等都会出现衰退的情况。

适老化设计是无障碍设计中的一种。无障碍设计于 1974 年由联合国组织提出,设计中需要充分考虑具有不同程度生理伤残缺陷者和正常活动能力衰退者(如残疾人、老年人)的使用需求。[2]

如何做好B端产品的适老化设计?来看猫眼演出的实战案例!

目前互联网产品中大多数的适老化设计,主要是集中在 C 端。针对不同障碍(视觉、肢体、听觉、认知障碍)[3],目前普适的适老化设计原则有:

1. “强烈“好于“柔和”

针对视觉障碍,常见做法有增大字体大小,使用非衬线体字体,提高颜色对比度等。

相比原版的 App,百度大字版 App 和支付宝长辈模式修改了 UI 界面,每个功能模块都用了明亮的大色块、加大字体的设计。

如何做好B端产品的适老化设计?来看猫眼演出的实战案例!

2. 善用“辅助”和“替代”

针对听觉障碍,常见的做法有通过视觉辅助,将声音转化成文字、扩大音量、降低语速等。

Google 安卓系统推出了 Live Caption 功能,可自动将手机上播放的内容转换成字幕。Live Transcribe-「Sound Notification 声音通知」功能,可识别特定声音(比如烟雾警报器、婴儿啼哭、敲门声等),并转化成文字及视觉符号推送至手机,方便听障用户辨别生活当中一些重要的声音信号。

如何做好B端产品的适老化设计?来看猫眼演出的实战案例!

3. “点击”好于“滑动”

针对肢体障碍,减少页面信息的密度,避免使用过小的按钮以及复杂的交互手势。

有研究表明,老年群体在操作时难以瞄准物体,在浏览图片时,由于视力衰退导致无法对焦,他们会不断地用两只手指放大/缩小并反复点击屏幕。[4]

平安银行 App 关怀模式采用卡片拼接的设计方式,将间距放大,保证每个信息有更大的展示空间,同时也放大按钮点击热区,提高操作的准确率。

如何做好B端产品的适老化设计?来看猫眼演出的实战案例!

4. “具象”好于“抽象”

针对认知障碍,避免使用不易识别的图标,尽可能配有图标或图片,简化信息内容。

有研究表明,文字+图标为主的设计有助于提升老年新手用户对新 ATM 使用的学习效率和记忆。[5]

滴滴 App 关怀模式针对老年人进行功能精简,满足高优先级核心诉求,首页只放「一键打车」,操作简单,大字、无广告。

如何做好B端产品的适老化设计?来看猫眼演出的实战案例!

B端产品引入适老化设计也值得深思

在很多行业中,中老年人因为拥有丰富的经验在岗位上更具竞争优势,譬如教师、医生、律师、会计等职业,工作年限长、经验足是优势,可以提供更好的服务。他们既会使用 C 端产品,也有使用 B 端产品的场景。

随着时代变迁,2015 年世界卫生组织提出了“健康老龄化”理念[6],倡导改变过去“老了就要退出社会生活”的消极认识。

从“老有所依”到“老有所为”,很多的 B 端场景都覆盖了中老年用户,如何提升中老年用户的办公用户体验是重要课题。

另外我们看下 C 端与 B 端的主要差别:

如何做好B端产品的适老化设计?来看猫眼演出的实战案例!

C 端 App 中时常将简单作为适老设计宣传点。追求简单有一部分原因是,C 端用户是在自己的场域操作且几乎无时间压力。而 B 端产品却相反,业务逻辑复杂,用户要长时间使用而且要求效率。B 端面向企业定制化,针对特定人群、情景,使得在适老化设计中要解决的问题更清晰。

适老化设计在POS中的应用

留意生活中的零售行业,如餐厅、商场、药局、便利店的服务人员,往往能看到中老年人的身影。

POS 系统是 B 端场景中使用率最高的产品之一,POS 系统的英文全名为 Point of Sale,中文名为销售时点信息系统。[7]它由硬件与软件组成,根据产业和店面类型的不同,会有功能上的差异。

如何做好B端产品的适老化设计?来看猫眼演出的实战案例!

最近团队参与了一个改造 POS 系统的项目,使用人群覆盖到了中老年用户,提升他们的办公用户体验是其中一个产品目标。

本次项目主要是 POS 界面的更新,完整的 POS 体验不仅有软件本身,有更大的部分在于实体环境与设备,例如:结账区的控件、店面的摆设、扫描枪,读卡器等,而 POS 界面是连结上述元素的节点。

在对 POS 系统进行改造时,我们是按照以下设计思路进行的:

如何做好B端产品的适老化设计?来看猫眼演出的实战案例!

第 1 步:沿用旧系统规则与结构

B 端系统背后往往由成熟的业务场景和复杂的业务逻辑构成。B 端系统往往不是一个从 0-1 全新的系统,而是存在一个被使用了很多年的系统。

在这种情况下,企业服务的每个用户都是趋向于规避风险的。人们可能已经习惯了原有的解决方案(尽管不好用,但是大家都会用了),但新的方案如果不好用,他们的生产力反而会因为不知道如何使用新方案而降低。

这就意味着在做 B 端设计时,现行的方案会产生很大的习惯引力。

当设计师要引入一个新方案时,取消或改变某些功能及操作行为将有难度,不能霸道性更改,取代需要合理性。

设计思路:

  1. 梳理业务逻辑和功能模块:沿用旧系统规则与结构。
  2. 制定框架:定稳定一致、拓展性强的信息框架与导航栏。
  3. 统一专业术语:信息表达(文案)与原有系统尽可能保持一致。
  4. 遵从使用者习惯:原系统中可能存在一些不够美观或不合常理但却实用的快捷入口及交互方式,可以整合优化后进行复用。

如何做好B端产品的适老化设计?来看猫眼演出的实战案例!

第 2 步:理清主要用户与使用场景

想要了解使用者的真实痛点,需从场景出发。

如何做好B端产品的适老化设计?来看猫眼演出的实战案例!

第 3 步:用适老化设计原则去解决场景中的问题

POS 使用场景有很多,这里列举 3 个常见的使用情境:

如何做好B端产品的适老化设计?来看猫眼演出的实战案例!

可能存在的障碍:无法聚焦信息内容,难做到边看屏幕边与顾客交流。

设计目标:确保信息在复杂的环境中,信息内容清晰可读。

设计思路:

1. 放大信息内容

服务至上,POS 使用者在工作时需保持端庄热情的姿态,不能只专注看 POS 屏幕信息而不顾顾客。

内容大小的确立由设备分辨率、环境灯光、字体、视距等因素决定,在复杂的现场环境中,信息内容要清晰易读。

如何做好B端产品的适老化设计?来看猫眼演出的实战案例!

2. 色彩对比度符合 WCAG 标准

参照 WCAG 有 AA 和 AAA 的对比度标准,界面中的信息与其背景间的关系对比度至少在 4.5:1 之上,保证信息易读性。

WCAG 全称是 Web Content Accessibility Guidlines(网页内容无障碍指南)。这是一套由无障碍功能专家编辑的指南,有若干国家在其网络无障碍功能法律要求中明令必须使用这些指南。[8]

如何做好B端产品的适老化设计?来看猫眼演出的实战案例!

一些设计插件可以帮助我们检验色彩对比度是否符合 WCAG 标准,给大家推荐 2 款:Sketch 插件 Cluse,Figma 插件 A11y-Color Contast Checker。

如何做好B端产品的适老化设计?来看猫眼演出的实战案例!

3. 设计有意义的动画

通过动效来表达静态视觉效果无法准确传达的信息,如反馈、引导下一步、状态表达等。好的动效与视觉设计是互补而成系统的。

比如用动画来展示商品被加进购物车的状态,引导下一步操作。

如何做好B端产品的适老化设计?来看猫眼演出的实战案例!

4. 加大点击热区

提高使用者点击操作的准确率和速度。

如何做好B端产品的适老化设计?来看猫眼演出的实战案例!

5. 一屏策略

在这次的项目中存在一个场景,除了销售端服务员看到的屏幕,顾客也会有一个客显屏,即服务人员看到的界面,顾客也会看到。

对于页面信息框架以及布局尽量“一屏”展示,确保双方的视线和注意力一致,便于沟通交流。但这时会有挑战:字放大、按钮放大,信息和功能在一屏上怎么放得下?

解决思路:

  • 进行功能筛选,满足场景中高优先级核心诉求,提取核心功能展示。
  • 模块化展示每个信息,根据格式塔的视觉感知理论,做到聚焦用户视角。

如何做好B端产品的适老化设计?来看猫眼演出的实战案例!

如何做好B端产品的适老化设计?来看猫眼演出的实战案例!

可能存在的障碍:在顾客的“催促”下,使用者也会着急,对事物表现出茫然的情绪,定位当前位置困难。

设计目标:追求信息的有效表达和操作的直觉性与效率。

设计思路:

1. 避免使用不易识别的图标

B 端系统中会有些功能很难用一个图标去表达其含义,此时文字+图标按钮优于纯图标按钮,能帮助 POS 使用者更好地理解语意并做出操作。

如何做好B端产品的适老化设计?来看猫眼演出的实战案例!

2. 信息的呈现符合用户眼动规律,操作轨迹越短越好

可运用古腾堡图表法 Diagonal Balance,它由 14 世纪西方活字印刷术的发明人约翰·古腾堡提出。他发现人们视觉阅读规律,左上角是视觉第一落点区,右下角是视觉最终落点区,右上角和左下角都是一个视觉落盲点,大多数情况容易被忽略。

在进行信息排布时,可根据用户习惯性的眼动规律,将最重要的信息放在左上角,右上角和左下角添加辅助元素,右下角作为整个视觉落点可以展示重要操作。

如何做好B端产品的适老化设计?来看猫眼演出的实战案例!

如何做好B端产品的适老化设计?来看猫眼演出的实战案例!

可能存在的障碍:百忙之中,应变能力下降,容易发生误操作的情况。

设计目标:预防不当行为,提升容错率,反馈要及时有效且清晰。

设计思路:

1. 通过二次确认避免误操作

在产品设计时,要把各种可能性考虑进去,通过模态对话框让用户二次确认来避免误操作行为。

当有重要操作时需告知用户处理结果,状态反馈信息采用的颜色需要遵守用户对色彩的基本认知,如红色代表警示,黄色代表警告、绿色代表成功等。

如何做好B端产品的适老化设计?来看猫眼演出的实战案例!

上述举例的设计原则是启发但不是限制,每个设计提案最后都要经过用户调研,看是否符合使用者的使用习惯,是否真能解决业务与工作中的痛点。

附上总结图:

如何做好B端产品的适老化设计?来看猫眼演出的实战案例!

其实设计到后面会发现,起初为了方便中老年用户使用 POS 运用的设计原则,最终都能给多数人带来很大便利。

这是因为我们每个人在某些时候都会遇到各种临时的无障碍需求。

结语

适老化设计,不仅仅只是为中老年群体做设计,更是一种新的设计思维方式,去挖掘更多普适的场景痛点,来指导我们做方案设计。

市面上很多适老化设计方法为 B 端产品提供了借鉴,但 B 端产品不能为了适老而适老,理清相关工作情境和要解决的问题很重要;不能霸道性更改,取代需要合理性,因为 B 端产品现行的方案会产生很大的习惯引力。

以上是近期对 B 端引入适老化设计的一些思考和沉淀,是开始,也将继续,适老化设计还有很多值得深究和验证的内容。

文章来源:优设  作者:范特西
分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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


B端设计中台落地、响应式界面设计

博博

B端系统设计总概终结篇,详细聊聊响应式界面设计和B端设计中台落地的方法步骤


以下内容主要分成两大部分,第一是聊聊响应式和自适应的区别和原理,以及我们应该如何去设计响应式界面;第二部分也是比较关键的B端系统设计的核心,B端设计中台完整构建过程的具体步骤,以及应用到的格式塔原则,和命名的一些注意事项,内容较多,大家可以根据上述目录来选择性阅读。


1.1多端兼容设计的发展史



简单概括多端兼容设计的发展史,最早是桌面端,比如桌面的一些应用;后来出现了移动端,针对移动端大家用的都是WAP,指一种无线应用协议,大家在用手机浏览一些网站,会把网站翻译成一种低流量的浏览方式,比如去掉图片大图,只剩全文字,因为当时网络不好,早在3G和2G时代移动端用的都是WAP;在2008年之后出现了响应式,也就是做一套代码可以兼容三端(网页、移动端、iPad)设备,在发展的同时也遇到很多问题,但响应式同时也遇到了很多问题;于是又出现了自适应,指不同的设备打开不同的页面进行自适应,自适应能增加效率,但需要增加工作量;2017年以后直到现在看到最常用的就是渐进式,类似完整的像在使用一个APP。这是多端兼容设计的整体的发展。


1.2 响应式布局的种类



1.2.1 响应式布局RWD


可以理解成用户在手机、电脑、ipad打开同一个界面,所呈现的界面是一样的。需要考虑移动端设计和网页端怎么通过一套代码进行兼容。


1.2.2 自适应布局AWD


自动布局算是响应式的一种,但平时看到很多响应式其实并不是真正的响应式,而是自动布局,因为界面在不同的设备用的是不同的模板,当我们用电脑打开呈现的是一套模板,而用手机打开则是另外一套模板,这种看起来是响应式,其实不是。因为当我在开发者模式下调节不同设备展示时,就会发现,其实是换了一个网址来根据不同的设备进行自适应的,而真正的响应式是不需要刷新的,在拖小窗口的时候就会变成手机端的那个样子。


1.2.3 渐进式布局PWD


渐进式布局是近几年比较新起的,这种布局设计,很像一个网站或者本身它就是一个网站,但用起来就像一个APP一样,看到这里大家很容易相到,小程序就是渐进式布局得一种,小程序明显是一个网页,但通过技术的一些嵌入和一些接口或者缓存的方式的操作,让用户在使用的时候感觉小程序就是一个APP,但核心技术还是web网页。



1.3 如何应用设计响应式


响应式的原理是通过定位的方式来做响应式的各种开发,需要在页面中至少标出这十个点:中心点,上下左右点,上左上右点和下左下右点,这几个点其实就代表了做响应式和做布局相应的位置。这样可能大家不容易理解,其实结合figma来看,这些点对应的就是这样(如下图),在figma中的布局点。设计师通过调节图形的布局点,可以做到在页面拉伸时,让想动的元素跟随变化,不动的元素静止不动,这就是响应式的原理。换言之,我们做响应式布局的原理也就是通过figma或者sketch中的布局约束这个功能来实现的。



1.4 响应式和自适应的区别


01、响应式


如下图是响应式的优点和缺点。响应式其实就是只开发一套页面,这个页面兼容三端。虽然做了响应式,但如何响应是需要设计师去设计的。比如我们设计了一个移动端界面,然后全部做好对应的自动布局,再进行页面拉伸,内容随之会发生变化,比如当拉伸到1024*768的时候,也就是iPad的尺寸,就会发现局部在设计上有些不合实际情况,这时就需要设计师在对应尺寸的设计稿上进行内容上的微调,比如按钮不可能那么长,就把按钮设计的短一点。当继续进行拉伸到1440网页的宽度时,然后再酌情针对网页尺寸的呈现样式,局部进行尺寸的调整,比如文字和按钮被拉伸到网页版都需要居中对齐,电脑端的样式就需要设计师重新排版了。


通常在B端系统,设计师需要做响应式设计时,往往是从大往小做设计,这也取决于这个B端产品是否需要进行移动端的设计,《B端设计总概二》中提到过什么情况下进行设计B端移动端。如果需要设计B端移动端,就需要我们将网页改成移动端设计,比如B端的侧边栏导航在拉伸到移动端时,就会变成用一个折叠悬浮的iocn来替代等等这样设计上的改变。在figma中,做三端拉伸时候,可以用断点插件来进行演示,通过对断点插件的设置,就可以完美的看到页面在三端不同情况的适配呈现,断点插件用来做演示非常方便。



02、自适应


如下图是自适应的优点和缺点,其实就是一个项目开发三个页面,分别做定制设计,网页端、移动端和Ipad端。



2.1必读前言


我们都知道2021年也就是今年是我国新基建的元年,十四五规划2035远景目标里提到重点发展传统企业数字化转型,尤其是今年我们设计师更能深刻体会,C端和B端已经是完全两个不同的行业,C端发展近十年,已经很难再做到创新上的突破,该做的功能和创新都已经做了,而B端这片蓝海才刚刚开始发力,很多企业也都在考虑B端系统的搭建,降本提效率成了很多公司新的指标,因此数字化转型重点在于B端系统探索,B端重点在于中台的搭建!设计师通过设计中台,构建出基本的业务类型,再分类到业务中,构建出不同的业务界面,所以设计中台非常关键,很多公司经常会用这两个系统去构建,Antdesign和Elemnet就是设计中台,我们会发现用Antdesign可以做出很多的系统,那怎么进行设计中台的设计呢?和我们设计师有什么样的关联度呢?带着这个问题,我们深度探索B端设计中台的落地!


2.2 中台的概念及作用


概念:中台是互联网的术语,一般应用于大型企业,中国互联网的变革永远是从大型互联网开始,大型互联网公司引发了技术的变革,这也是中台的兴起,一般指搭建一个灵活快速应对变化的架构,快速实现前端提的需求,避免重复建设,达到提高工作效率目的。


作用:降本提效。如果没有组件库,普通设计师一天最多做十个页面,再多就不太可能了,如果有组件化得产生,一天可以做一百个左右的界面。在面对B端系统这样几千个页面的巨大的工作量前,组件库的作用尤为重要。但如果落地,就需要前端工程师的密切配合,因为设计师设计的组件只是一个样式,而前端需要把组件进行代码化,所以组件一定是代码化的,也就是说只有代码化的组件才是真正的组件。所以视觉组件的复用,和前端代码的复用,可以大大提高设计师的工作效率。


2.3 设计中台的构建过程



2.3.1 基本库建立


基本库指的是一些色彩系统、字体系统、图标系统、栅格系统、间距系统等等,之所以强调系统两个字,有系统就要统一规则和统一规范,然后进行调用应用在系统中的各个地方,比如我们想调用一个颜色,不是去随选用一个颜色,应该严格的从色彩系统中去调用,如果系统组件库里没有这个颜色,我们也绝对不可以使用,可以先用替代色做或者根据业务再进行补充颜色进组件库为了后续的调用,这是一种比较严谨的使用方式。所以在建立组件库的时候我们要考虑全面,组件库中如果没有相应的组件,我们应该试着反推一下,是否要加进组件库中去,来进行系统的调用。在做中台的过程中,我们一直使用Antdesign,我们对组件的名称,组件的分类其实一点都不陌生,其实Antdesign也在借鉴国外的Bootstrap组件库(大家感兴趣可以下载Bootstrap组件库进行查看),所以并不是Antdesign组件库形成了一定的规则,它也是在沿用别人的规则,而这些规则也需要不断的有大公司去继承出来,所以慢慢衍生出来现在这样的组件库,那中台设计,首先要搭建基本库,把基本库里的基础一些系统搭建好后,我们继续去做扩展库。


2.3.2 扩展库建立


如下图,扩展库中包含了很多内容,比如分了四类,导航系统,数据录入,数据展示和反馈系统。其中导航系统又包含了,面包屑导航、下拉菜单、导航菜单、顶部导航等等,包括后面的数据录入、数据展示、反馈系统也包含了很多内容。我们做这样的扩展库,也不需要做成像Antdesign的组件库里包含的那么多,或者和新出得字节Arco组件库,因为它们面向的是系统级的解决方案,各行各业都可以用它,它面向的是一个大系统,也许我们只涉及到了其中的20%,因为也没有一个系统能用到它所有的组件,所以我们自己在设计组件库的时候,一定是按照我们自己项目的范围去做组件库,而不是做一个大而全的,大而全的组件库对我们也没有意义。它们做的是公共平台,而我们要做的是一个专属平台。



2.3.3 方法库建立


形成完基本库和扩展库后,第三步是建立方法库。方法库告诉我们的是什么时候用,比如我做了一个多选框,这个多选框应该什么时候用,是不是只要遇见一个选择就去用多选框,肯定不是,应该加以说明什么时候用这个多选框。类似于是组件的设计说明。


2.3.4 案例库建立


最后再做一个案例库,最佳实践库,具体组件什么时候用我们知道了,接着案例库就是在告诉我们应该如何正确的使用,或者说的方法是什么。比如标签的左对齐和右对齐,这种情况都对,什么时候用顶对齐,什么时候用左对齐,什么时候用右对齐呢?那么根据眼动仪实验数据数据来看,并且结合给出一些工作中业务中的最佳实践得案例放进去,给使用的人去做指引。


所以设计师做的事情,不仅仅是应用组件库和创造组价库,还应该指导其他设计师,指导开发人员在去复用每个页面组件的的时候,应该怎么正确的使用,这也是在B端设计中一个关键的环节,同时我们的视觉系统一定也是和业务有关联度的,所以在B端中做设计一定也不会脱离业务去做,我们一定要联系到实际的业务场景中,这个业务场景指的就是业务和视觉的结合,在做C端的时候,业务场景一定不会比B端多,C端的业务场景大多是定制化的业务场景,它要求的是个性化,不要求通用,尽量得个性化,比如图标、按钮、页面,而B端需要统一化,中台组件库的落地,可以大大提高设计师的工作效率和开发人员的协同效率,严谨的调用组件使用组件,可以使得系统页面保持高度的一致。



2.4 认识格式塔原则


2.4.1接近性


如图1:可以看出纵列的关系更紧密,因为纵间距小于行间距。


如图2:可以看出行间距大于列间距,它得横向关系更加紧密。通过图中这样的视觉设计为什么会感觉间距更加紧密呢?这属于用户心理学的应用,如果元素相邻的更近,元素之间的关系就会更加的紧密。


如图3:如果元素相邻的关系都是保持一样的,那么它们的关系是相对对等的。


由此可以得出结论,如果相邻的关系越近,它们的关联度就越近,如果相邻的越远,它们的关联度就越远。


应用案例:如图4卡片中得标题和内容,设计中把标题和内容进行区分,所以我们会做大量的留白,这样的留白就会让信息结构具有层次感,层次感就是指它们信息结构的关联度,如果想让它们有关联度,就让它们距离近一点不要做区分,如果不想让它们有关联度,或者关联度出现一个等级的区分,那么就可以加一条线,让它们之间的关联度分隔开。这就是格式塔接近性的应用。



2.4.2 相似性


如图5:如果去区分右边的形状,通常我们会根据形状进行区分,因为人的潜意识会认为相似的形状会更有相关的分类性。这就是格式塔中的相似性原则。


应用案例:如果文字的标题大小是保持一致的,包括它有统一的大小,统一的色彩,统一的字号,那系统中的其他同样功能的地方,都应该用统一的文字,这就是格式塔相似性的应用,比如图标也是一样,只有用了相似的图形大小,相似的颜色,在相同的位置,用相同的图标进行表达,图标之间的设计才具有相似性。


2.4.3 主体与背景


如图6:可以看到有一个L,是主体与背景进行了区分,如果在设计的时候让L看的更加明显,我们采用的办法就是将主体的色彩或者形状变的更加独特,或者将背景的颜色变得更加分明,这样就可以做到那个L看的更加明显。这就是主题与背景区分原则。


应用案例:比如警告弹出,可以用色彩去区分,目标就是让用户看的更加得清晰,当警告的时候给用户一个警告的信息,当成功的时候给用户一个成功的信息。还有类似对话框的弹出,采用背景变暗和加阴影的方式,都使用到了格式塔的主体与背景变化关系的原理。因此应用在我们设计系统中,前景和背景进行区分的时候,我们就可以通过色彩进行区分,色彩的区分要保持统一,比如背景色彩透明度50%同时加一些背景模糊,其他的背景也需要保持一致,阴影也是一样,如果把阴影放在一个平面上,距离平面越近,它得阴影越短,距离平面越远,它得阴影越长,这也是阴影的层级关系。


2.4.4 封闭性


如图7:可以看出这是一个四分之一的圆形。


如图8:这个图可以看出是一个五角星。


封闭性应用案例:当一个形状被另外一个形状或者被另外一个色彩阻断的时候,并不影响人们对这个形状额外得认知,一定会脑补出另外一个形状,这个原则和我们UI的关系是什么呢?比如一个loading,半圆一直在旋转,或者图表中的圆占比,我们就可以判断出谁大谁小,谁多谁少,判断出当前的进程和位置,封闭性原则通常应用在图标的设计,图表的设计和步骤条的设计中。


2.4.5 连续性


如图9:可以看出用一些简单得形状来体现,其中三角形具有明显的指向性,三角形箭头指向右边,上面五个是一组,可以看出它们具有连续性;另外一组三角形箭头指向右下角,可以看出它们是连续的一组。不同的形状会有连续性,箭头也特别有指向性,这就是为什么返回和前要进放在不同的位置,当我们的数据需要有连续的时候,我们也要使用相似的形状来表达,这就是连续性原则的应用。


同理如图10:连续性一定是要有连续等阶的变化,从左上角开始,向下和向右我们可以看出有明显的颜色连续等阶变化,通过色彩的透明度也可以做到连续性。




2.5 组件的命名规则



2.5.1 如何正确的命名


很多公司或者不同公司有不同的命名方式,这个需要和团队开发提前做沟通,主要以方便开发习惯操作为主,如果不命名也不能非得说成是错误的,命名可以理解成是一件锦上添花的事情,因为一切都以效率优先,命名自然会影响工作效率,通常情况,组件的命名可以分成组件的名称、级别、尺寸、状态,这样的命名顺序来进行,这样命名开发使用也比较方便,因为是按照了开发的统一规则来进行命名的。如图所示:



2.5.2 更多命名英文词汇


当英文不好的时候,推荐大家记常用组件英文名,以及常用状态名、级别名、内部名、尺寸名和位置名,那这些英文也几乎涵盖了工作中80%的英文词汇,收藏记忆哦~



至此B端系统设计总概系列为终结篇,回顾第一篇主要内容是如何正确设计组件库,B端业务调研的具体过程步骤,以及视觉规范的建立,可以看出第一篇属于B端设计的方法论或者设计指导,也是为开展B端设计前的一些准备工作;回顾第二篇总概主要内容是如何设计表单、表格、图标、仪表盘这些经常用到的设计难点,第二篇更加讲究设计落地过程中遇到的疑难杂症,专业技法;回顾当前总概三,主要内容就是中台规范的建立和自适应、响应式适配的难点,主要是成系统的B端设计步骤。我们都知道B端市场刚刚打开,而且当下对B端设计师的需求还远远不能满足我国现代化建设,数字化推进这么的大市场,作为UIUX,更早的拓宽一条路是我们当下必要的选择,谢谢阅读,祝愿各位2022乘风破浪,B端设计学有所成,如虎生翼!





作者: _C鱼

转载请注明:站酷

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

魏华的微信.png

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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

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


To B端界面设计要点

博博

To B端界面设计要点精彩分析,希望能帮到在B类产品项目中的你:)

写在前面

 

B端产品和C端产品作为两种很不一样的产品形态一直服务着广大的用户。它们各有各的作用,有很多B端产品还是一个非常庞大的系统工程,甚至有很多的公司就是专注于开发B端产品,我从业以来曾经参与过很多的(两位数)B端产品项目,有的是从0到1的开发,也有的是在原基础上更新优化,下面就从我个人的设计经验整理出一些观点。

 

什么是B端和C端产品


概念:B端面向商家和公司,组织;C端面向普通的大众用户; 

B端是指:business--泛指生意,商业,公司和组织; To B即是面向商家和公司,组织,是给专职专业的用户使用的产品,例如微信公众平台给制定的公众号持有人使用,某公司的指挥调度系统,某停车管理系统,以及相关的后台管理系统等。C端是指:consumer--消费者,顾客,用户,是指被设计为能给普通大众使用的产品;To C即是面向普通的老百姓用户,例如微博,QQ,微信,新闻客户端,淘宝等;

  

几乎男女老少都会使用的微信


面向专职岗位人员使用的后台管理系统


两者的不同点


C端产品追求极致的体验,;B端产品追求简约、高效的完成工作 

C端产品是为了满足用户某一主要的、固定 的核心需求,因此设计的目标是围绕着这个核心需求,简单直接解决用户的需求,追求的是极致的用户体验,因为对C端产品而言,产品不好用,体验不好,用户就流失了,也就没有盈利的可能了。

B端产品的目标是帮助用户把大量的复杂的工作,整理归纳,使得他们能高效便捷的完成工作,追求的是产品的简约实用,提高效率,能很好的处理工作,有时候为了达成业务目标,甚至不惜牺牲部分用户体验。


To B端界面的设计应该要重点注意什么


很多新手设计师在接到新的需求的时候会没有头绪,不知道如何开展工作,在不了解业务的前提下很多时候被产品牵着鼻子走。那么问题来了,是拿到产品给过来的原型之后就开始设计了吗?又或者没有原型只有一些简单的描述,又该如何开展呢。以下是我的几个建议


1,要了解业务

因为B类产品不同于C类产品,并不是大多数人日常都会很普及用到的,所以就需要设计师主动的去了解行业,了解业务需求,不同的行业有不同流程和规则,甚至是一些特殊的需求;启动用户群体调研和用户使用场景调研,有条件的可以开展用户问卷调研甚至面对面访谈,整理出用户的使用流程,调研后要求设计师自己能非常清楚这个产品的作用、用户人群、和在特定的使用场景下的使用目标、和不同情境下的操作流程等。

 

2,交互流程设计

B端产品往往包含了比较复杂的业务,那在复杂的业务背景下如何通过设计来提高用户的工作效率,这就对设计师有比较高的要求。在交互流程上要整理出一些操作路径,要考虑它们的层级关系,先后顺序,行业习惯等。通过操作体验给用户留下明确的印象,可以降低用户的学习成本,提高产品的易用性。

 

To B端界面的视觉设计


①、界面布局,分固定的和自适应的分辨率两种,一般来说自适应的布局比较适合操作和展示内容比较多的系统,固定的宽度的分辨率的布局一般多用1200px以适应适配更多低分辨率的显示器,现在的大屏幕设备非常普及了,很多系统转为以1400px的宽度来设计,至于用哪一种的布局要取决于产品的功能了。

界面布局视觉上的区分;当我们设计一个系统的主页到时候,B端产品通常会分为很多功能模块,即便产品经理会提供原型给UI设计师,他们有时候往往会在原型按照他们的想法来布局,这时候设计师需要主动地去了解业务去弄清楚各个模块的主次之分。通过调研后,整理归类任务模块,按照业务流程和规则来区分模块优先级。(图例)

②、颜色,B端系统的界面颜色也非常考究,按照系统的功能特性来定,一般常规的系统界面都是以白色底色配以一种主色调的颜色来搭配的;第二深色的底色界面,深色界面能起到一种很好的衬托界面内容(如大量文字,数据,图形,视频等)的作用,深色界面再附以一些点线面和光的元素就能营造出一种炫酷的科技感。三是现在流行渐变色,渐变色和纯色会给人一种缤纷,轻松愉悦,有活力的年轻的感觉,所以大家在设计不同的B端系统界面的时候要考虑产品的功能性质来选择用颜色。

③、导航,导航可以解决用户在访问页面时:在哪里,去哪里,怎样去的问题。一般导航会有「侧栏导航」和「顶部导航」2 种类型。一:侧栏导航:可将导航栏固定在左侧,提高导航可见性,方便页面之间切换;顶部可放置常用工具,如搜索条、帮助按钮、通知按钮等。适用于复杂的、功能多的中后台的管理型、工具型网站。二:顶部导航,顺应了从上至下的正常浏览顺序,方便浏览信息;顶部宽度限制了导航的数量和文本长度

④、按钮,通常B端产品分为较多的功能模块,也对应有很多不同的按钮,在设计按钮的时候,我们第一要分清楚哪些按钮对应哪些功能,在设计上要做出区分。

⑤、表格,表格的设计遵循简洁和易读性为主,表里面的文字内容是主要的设计重点,例如信息层次的明确、对齐的原则等。


⑥、弹窗,不仅有操作反馈的作用,同时又是一个承载更多的操作功能的容器,弹窗的设计要有规范性,组件化。


视觉设计方面除了常规的设计流程,我想说的是综合考虑和相关的系统衔接,体验的一致,视觉风格的统一和品牌的建设。

 

设计师还能做些什么


虽然设计师和产品经理以及开发已经沟通过相关的业务需求,但设计师一定要懂得切换角度来看待问题,一方面设计师的视角相对注重视觉上和交互上的设计细节;第二我们也要懂得站在开发和产品的角度考虑,哪些效果能不能实现,也是需要我们和开发同事密切配合的;另一方面要更加注重代入用户的角度来思考,这样才能做出合理适用的设计,甚至能挖掘新的需求,提出一些很好的建议,给产品和项目带来加分和利好。


总结


因为B端产品业务需求,用户目标,使用场景和用户群体都不相同,所以设计师接到B端产品的设计需求时一定要先了解清楚业务,做好前期调研,其次要多站在用户的角度来看待和设计产品。其实C端和B端产品,它们都要求要简单实用和有效准确,都是为了更好的满足用户的需求,解决用户的痛点。做好了以上这些关键点,无论遇到多么复杂的B端产品,我相信所有问题都会迎刃而解。


文章来源:站酷   作者:chrisHCZ


分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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

日历

链接

个人资料

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

存档