设计每日一贴专注优秀UI设计与软件开发

虽然目前由市场部门(包括营销、销售和品牌部门)主导的比例较少,但由市场部门主导客户旅程应用获得效果明显好于其他部门主导的情况,由客服部门主导的效果低于其他部门。这与MyCustomer在2018年在欧美的研究结论相反,这可能说明市场部门在客户体验领域的主导权在逐步上升。

对于未来一年的使用客户旅程的意愿,虽然各类企业对客户旅程方法的效果表示肯定,并且明确表示不会使用的比例很少,但相当比例的企业存在较大不确定性。存在的主要困难和挑战包括专业知识、方法和技能的欠缺,以及专业工具和平台的不足。未来客户旅程方法要在整体应用水平上取得突破,这些方面是需要重点聚焦的领域。

02:

不同类型的企业,在客户旅程的认知和应用程度上也表现出较大差异:2C企业的应用程度明显高于2B类型的企业,总体认知和应用比例分别为30%和20%。大型企业也明显高出中小型企业,分别为29%、22%和19%。客户旅程是一个相对比较复杂的系统性方法,真正的应用需要人员、资金等各项资源的投入,大型企业更具备优势。相比而言,小型企业的在。分行业来看,认知和应用程度最高是银行/金融/保险行业(30%),一方面是由于这个行业的本身的客户决策流程长、金额大、风险大,另外一方面也是由于这个行业的利润较高,企业有相对较为充足的资源进行投入。

03:如何绘制客户旅程HowWeMappingCustomerJourney在已经开始应用客户旅程的企业中,有50%的比例(24%不到1年,1-2年的占26%)是最近2年内才开始的,说明客户旅程的应用还处于起步阶段。但也有一小部分(14%)的企业使用客户旅程已经超过了5年,这类企业对客户旅程的应用深度和广度已经达到了相当成熟的水平。在客户旅程地图绘制频率方面,最常见的是1年绘制一次,其次是每月和半年一次,但总体相差不大。

由客户研究部门和团队主导客户旅程的绘制时目前的最常见的模式,其次是设计部门,以及客服、品质部门主导。但产品、战略、营销、销售部门主导的情况也一定的比例,这也说明目前开展客户旅程应用的企业,其目的存在多样性。不同部门来主导,其方法和应用上也会存在差异。

在客户旅程地图绘制工具方面,使用最多的是PowerPoint,处于绝对领先的地位;其次是常用的绘图和设计工具,例如Visio、Photoshop、AdobeIllustrator等;专用的客户旅程地图绘制工作使用比例非常低,最主要的客户旅程地图专用绘制工具UXpressia的使用比例也只有10%,其他的则更低,使用比例只有2%-4%。主要是目前客户旅程地图绘制并不是一项常见工作,所以通用型的文编编辑和绘图工具会是常用选择,而目前的客户旅程地图绘制工具多为英文版本,国内还没有出现较好的客户旅程地图绘制工具,这也是客户旅程地图专用工具使用比例较低的重要原因。

04:客户旅程的应用效果HowAboutTheImpact总体上来说,在目前已经使用客户旅程方法的企业中,表示起到效果的占到69%(回答“非常有效”和“比较有效”的比例)。其中占比最大的是“比较有效”,占到53%,其次是“一般”,占比为28%。“不太有效”和“完全无效”的比例非常少,因此总体上客户旅程方法起到了积极效果。但由于很多企业是在最近1-2年开始使用客户旅程方法,目前还处在刚开始的阶段,客户旅程的效果在这类企业的效果还未开始显现。

在将客户旅程方法进行具体应用时,最常见是用于客户需求分析、产品和服务设计、客户旅程分析和测量。其次是在企业文化建设、工作管理和沟通方面的应用。在具体操作层面,例如客户旅程编排、营销和互动,目前也有一定比例的具体应用。随着客户旅程方法应用的进一步深入,直接到操作层面的应用将逐步提升。

客户旅程在不同领域的应用对最终的效果有明显的影响:表示客户旅程应用效果一般的企业在各个具体应用领域的应用比例均低于获得明显效果的企业。效果一般的企业在客户需求研究和分析、客户旅程编排、市场营销和推广,以及品牌传播与互动方面的应用差距最大(落后超过10%的比例)。从调查数据来看,虽然用于编排、营销和品牌的总体比例不高,但确实影响最终应用效果的显著因素。

通过以上在不同领域的应用,客户旅程方法在各个方面的效果都有所体现,尤其是在提升客户满意度、强化以客户为中心的企业文化、提升营销和运营的转化率方面最为明显,分别由59%、54%和37%的企业表示在这三个方面得到了提升。

05:下一步的使用意愿WhatWillTheyDoNext总体来看,51%(包括表示“可能会”和“一定会”的企业的比例)的企业表示未来一年内会使用客户旅程方法。不会采用的企业比例很少,只有14%。但也有相当比例(35%)的企业表示不好说,从单项比例来看,表示不好说的比例还是最高的,说明企业对客户旅程放在应用过程中存在的困难存有疑虑。

不同类型的企业未来使用客户旅程方法的可能性也存在明显差异。使用客户旅程越久、使用频率越高,获得的效果越好的企业,继续使用客户旅程方法的倾向越高。2C企业比2B企业未来更愿意使用客户旅程,虽然2B企业获得效果更明显,但2B企业使用客户旅程的难度和成本更多到,导致2B企业的使用意愿要明显低于2C企业。另外,相对于中型和小型企业,大型企业的使用意愿明显更高,表示可能会使用的比例达到了61%,明显高出中小型企业。

对于在客户旅程应用过程中的挑战,最大的困难不是预算不足,而是知识、方法、技能、工具和人员的欠缺和不足,尤其是专业知识和方法的掌握不够,是最大的两项困难。其次碰到的问题是企业高层,以及其他部门的支持不够。

不同部门在开展客户旅程工作时,面临的困难也存在差异:市场部门最大的三项困难依次是方法和技能不足、没有专业的工具和平台、专业人员不足;客服部门最大的三项困难依次是专业知识不足、方法和技能不足、没有专业的工具和平台;研究部门最大的三项困难依次是专业知识不足、实施周期过长、其他部门的支持不够。由于在客户旅程的应用过程中会面临各种问题和挑战,超过一半的企业(54%)会借助外部的支持,但其中绝大部分的企业(43%/54%)仍然是自我为主,外部为辅。也有一部分(11%/54%)是主要依靠外部支持。总的来看,选在外部支持是一种快速获得效果的有效方式。

06:谁参加了本次调查WhoParticipateThisSurvey参加本次的企业在类型(2C、2B)和规模(大型、中型、小型)上均有分布,且较为均匀。所属行业中,各类行业均有参加,其中以互联网和高科技、银行/金融/保险,以及各类服务业为主。

在数字产品当中,用户历程图可能是用来呈现用户如何达成目标的最佳、最常用的工具了。当我们故事以可视化的方式呈现出来,就可以沉浸在用户的体验当中。这也是为什么说用户历程的价值是巨大的。

同时,用户历程图还能建立起用户和设计师之间的同理心,当你随着用户历程图推进的时候,能够更加深入理解用户的痛苦和无奈,从而帮设计师理解用户的动机。

用户历程图还能帮你真正定义痛点,这是至关重要的。每种产品都应该在某种程度上帮助用户,让用户生活更加轻松,如果你对痛点有所了解,自然就可以改善体验。

根据实际的使用场景,用户历程图会有很多不同的呈现形式,里面通常会包括一些图形化的元素将整个历程或者流程呈现出来,而余下的元素则采用解释性的文本来作为支撑。

绝大多数的模板会显得过度装饰,且过于复杂,在很多时候,它们会作为项目中的展示性成果展现在PPT当中,而不是作为一种有效的工具,来帮助团队来洞察需求。

如果你上网搜索用户历程图,你会发现一大堆各式各样的图,这些图和实际的理解是脱节的。

用户现状历程图反映的是用户当前的状态,这反映的是用户历程在优化之前、当下的状态。而用户未来历程图则反映的是用户历程在优化过之后,未来理想的状态是什么样的。

这两者在结构和目标上是不一样的,主要差别在于用户角色的定义上。有的时候,你的用户确实是消费者,而在很多情况下,用户又不一定是消费者,这就是差别所在。

用户历程图侧重于呈现客户的前端体验,而服务蓝图则重在呈现后端的构成,以及交付方式背后的业务逻辑以及同产品核心之间的关系。

在这里,我们需要定义地图的内容,用户的整个行为历程,以及他们试图要达成的目标,都有哪些。这很关键,不仅要确保所有的参与者都很清楚用户场景,而且要借此构建出对于后续设计有帮助的内容输出。

演员——这个历程与谁有关?整个历程图应该只和一个角色有关,也就是要经历整个历程的用户角色。

场景和目标——描述参与的用户的行动的情况和状态,从而增加上下文环境的清晰度。描述用户的目标,期望以及动机都有什么。

当前/未来状态——阐明用户历程所在的阶段。

Ps:即使此刻你要做的是某个未来的产品,也最好不要跳过当前状态,洞察当前的用户和产品状态、痛点、习惯,有助于你去验证想法。

按照用户操作流程,来逐个执行梳理各个阶段用户的行为、状态。千万不要试图梳理得过于详尽和细致,尽量专注于关键因素,确定用户需要哪些要素,才能推进到下一个阶段。

在这个阶段,要开始描述和用户执行操作紧密关联的的想法,涉及到的问题,还有感受。在很多其他的用户历程图模板当中,这个部分通常是和整个用户历程图是分开的,但是实际上,只有合并到一起才是合理的。

在这个步骤当中,我们会高亮标注出用户在各个阶段会接触到的物理和数字交互点,以及涉及到的工具、人和服务。我相信各个阶段所覆盖的这些触点,能够帮助我们更好地梳理和构建出整个心智模型,并且能够帮助产品和服务,让它们能够更加切合用户的需求,更好地集成到一起。

这个步骤,需要将各个不同阶段的内容填写进来。

给每个参与者一些红点贴纸,方便他们在整个用户历程图上,对他们认为是痛点的部分进行标记并投票。痛点可能和情绪有关(比如害怕提供个人详细信息),也可能与行为有关(比如手动输入快递地址等)。这就是为什么最好不要为痛点创建单独的行列,因为可能涉及到的点非常多也非常分散。如果需要对痛点进行深入的描述,使用红色便签纸来进行详细阐述。

到了最后的阶段。在确定痛点之后,我们就可以开始思考如何缓解或者消除痛点。通常,我们需要通过改进整体策略,完善功能,集成服务,来解决痛点,当然,更多的时候,可能还需要我们拥抱一些更加狂放的构思,通过创新来搞定痛点。

因此,这需要你和你的团队专注于80%最关键的用例,而不是在所有可能的事情上做复杂的取舍,并且踟蹰不前。

凤凰新闻APP在2020年上半年完成了DarkMode适配,本文主要从规范、设计和实现的角度对整个项目的落地过程进行复盘。

1.背景色

iOS平台在深色模式下的背景色展示是动态的,分为基础、升起(例如,弹出框或半浮层)。如下图中iOS系统的两个界面,相同样式的组件在基础层与升起层显示的是不同的两组颜色。

从iOS14的色彩规范中可以发现随着界面高度的升起,系统定义的三级背景色也同步进行了一级上升。

iOS通过这种背景色统一升级的处理方式来达到多任务窗口叠加的视觉隔离效果,但相对的开发成本也较高。

再来看看Android平台深色模式下不同层级间背景色的显示规律。

Android把页面分为从“0dp”到“24dp”的10个不同高度的显示层级,通过在同一背景色上叠加不同透明度的白色来区分显示层级。相对于iOS的整体背景色升级,Android的背景色分级逻辑则更加的简单易用。

2.文字色

iOS的规范中定义了4个等级的文字色,一级文字色为黑白纯色,二到四级文字色为色相偏蓝的半透明色,通过降低同一颜色的不透明度数值来进行分级。

Android的文字色分为3个等级,与iOS的共同点是都用了半透明颜色,也都采用了降低不透明度的方式来进行分级。不同点是Android文字色使用的黑色与白色,没有添加色相。

使用带有透明度的字色能够避免相同字色与背景色相融的问题。以Android为例,三级文字色与10种背景色叠加后都具有较高的识别度。

iOS则通过一套半透明字色可以适应基础与升起两种不同背景色的使用场景。

3.WCAG

iOS人机界面准则和Materialdesign在深色模式的建议中,都提到了文字信息需满足WCAG无障碍阅读的AA标准。

4.彩色

图中左侧以RGB属性展示的各项参数差值较大,没有明显的规律性;右侧以HSB属性展示的各项参数差值较小,其中靛青与紫色HS数值相同,仅有B的数值有所差异,但整体来看依然没有一个完整的规律。

相较iOS系统彩色方案的单独订制,Android系统的配色方案则是一整套渐变梯度由“50-900”的色彩库。

在Android的色彩工具中还可以自定义配色方案,在色板中选取一个主题色,对应梯度值为500,通过一套算法来自动获取其他梯度的辅助色。

为了在深色主题中提供更大的灵活性和可用性,Android官方建议在深色主题中使用较浅的色调(200-50),而不使用默认的主题颜色(饱和色调范围为900-500)。

总结来看两大平台在深色模式的适配上都各有所长,在整体的视觉体验上iOS更加鲜亮突出,Android则更加柔和舒适。

腾讯新闻,主背景无色相,次级背景无色相,一级文字无色相亮度较高,次级文字无色相亮度极低。文字与背景对比度高,主要信息比较突出。

网易新闻,主背景色相偏蓝,次级背景色相偏蓝,一级文字无色相亮度较高,次级文字无色相亮度极低。文字与背景对比度高,主要信息比较突出。

凤凰新闻,主背景无色相,次级背景无色相,一级文字无色相亮度偏低,次级文字无色相亮度极低。文字与背景对比度低,主要信息不够突出。

以3个APP首页来对比,可以明显的感觉到凤凰新闻首页的信息展示不够突出,在日间场景下体验极差。

深色模式并不是简单的把整个界面反色了那么简单,还是要考虑到所有用户的需求。凤凰新闻作为资讯类app用户在夜间使用的场景也有一定的占比。深色模式的改版不仅要在日间满足使用需求,还要保证夜间的视觉刺激相对柔和。所以,在设计配色方案时就不能使用对比度极高的纯黑色背景与纯白色文字,只能在各种灰色中搭配出最优方案。

经过多稿背景色与文字色的搭配尝试后,最终确定了下图中所框选的配色方案。这个方案整体背景色与二三四级文字色在色相上略微偏蓝,相较于无色相背景更具有活力,在视觉体验上信息层级的区分也更加明确。

本次改版的目标中还需要重新构建色彩规范,所以还需要对这稿配色的选用进行细致的打磨,在色彩对应的HSB参数中进行细微的调整使整套配色方案有律可循。

最终方案在四级背景的色相与饱和度方面进行了统一,对亮度的递增梯度统一为5。对比初选方案在视觉上变动也很微弱,却使色彩分级规律一目了然。那么依照此方式也可以对文字色与彩色也进行了一轮打磨。

对于文字色在深色模式优化调整的基础上也对浅色模式下的文字色进行了调整,使深浅模式下两套字色更具有规律性。

在文字色的使用上凤凰新闻没有参照两大平台规则使用带透明度的颜色,主要原因是从自身实际出发,考虑到端内的文字色使用场景部分是用于半透明背景色上的,如果文字色与背景色均带有透明度,叠加后的体验会很差。

凤凰新闻的功能图标以线性为主,通常搭配文字一起使用,所以对图标颜色的定义与文字色是保持一致的。

在彩色的规范梳理中浅色模式下保持不变,仅对深色模式下颜色的亮度进行了调整,使深浅色模式下颜色的亮度对比有了统一的规则。

当然我们还需要对新的背景色与一二级文字色进行检验,看看是否满足WCAG无障碍阅读的AA标准,也就是常规尺寸文本对比度高于4.5:1。

下图就是凤凰新闻客户端的新版色彩规范,在规范中除了上述的主要的通用颜色外也有部分是单独定义的颜色,这些颜色多用于独立或特定的场景下。

在完成色彩规范的重构后,重新输出界面样稿与旧版进行对比。

通过设计稿对比老版夜间模式与新版深色模式,能够直观的感受到新版在信息浏览上体验更好。

1.色值替换

在着手进行色值替换时,iOS开发小哥反馈给我凤凰新闻全端跟色值有关的代码有2000+条,如下图中是日夜间对应的这条代码样式。

如此多的色值代码多数是相同色值在不同场景中重复使用,但彼此却又完全无关联,还有很多是日积月累的旧色值未被删除。如逐条替换费时费力效率极低,后期的维护也极其麻烦。

为了提高适配效率以及便于后期维护,使得之后的色值替换可以达到全局响应的目的。由设计师与开发人员共同建立一个色值对照表。

此表中设计命名主要基于色彩规范,用于设计师团队间的沟通协作。工程命名由开发人员提供,主要用于设计师与开发人员的在设计走查中进行高效的沟通协作。

以凤凰新闻iOS端为例,优化后的色值代码库如下图,由原来的2000多条色值代码变成了30多条色值代码「宏」。

在iOS开发工具Xcode的可视化文件夹中看起来就更加直观了。

之后的色值使用开发人员只需要调用代码库中相应的「宏」即可,后续版本迭代中如有对通用色值的调整只需修改相应的「宏」代码即可完成全端替换。

以这种方式快速完成首轮色值替换后很多页面的色值会出现错误,需要UI设计师持续的进行走查反馈,再由开发人员根据反馈进行修改校正。

以iOS端为例在深色模式色值走查过程中设计师分批次以PDF格式反馈给开发人员的,开发人员在修改反馈问题的同时设计师也在进行下一批问题的整理,这样同步进行的效率会更高。

2.切图替换

切图替换场景相对比较多,同样延用色值走查的协作方式,设计师分批修改开发同步进行替换。开发小哥提供切图的方式就是直接扔过来一个全端切图包,需要设计师修改切图颜色后以原命名重新发回去。当打开切图包后顿感一阵头大,切图总数有近千张之多。

虽然切图很多但其中有一部分是已经无用的老切图,在替换的过程中也对端内切图重新进行了一轮梳理,删除了很多无用和重复的切图,同时也对凤凰新闻app的体积进行了瘦身。

在切图的替换过程中比较费时的是对同一切图存在多张的情况进行整理,梳理出该切图的所有使用场景然后反馈给开发人员进行统一调用,之后如再次修改即可完成全局替换。

3.特殊适配

凤凰新闻客户端需要进行特殊适配的场景主要是图集与小视频界面,这两个界面仅有一套色值与icon,界面中的元素需要单独处理,在切换深色模式后避免出现错误。

4.界面展示

DarkMode适配是一项费时费力的巨大工程,也是探索和优化用户体验的全新挑战。本文主要描述了凤凰新闻APP在DarkMode适配中的一整套心路历程,从规范、设计以及实现的角度对整个项目进行复盘总结。

一按钮的作用

在使用按钮之前,你要了解什么是按钮,按钮的作用是什么,什么时候该用按钮。

1)什么是按钮

按钮用于触发一个及时操作。

2)有什么作用

2.1功能操作

比较常见的是:展开收起、加减、下拉等。这种情况下以功能性为主,按钮的形式适当弱化,重点强调功能,突出主体信息。

2.2指引用户下一步操作

这个是最常见的使用场景,每个可交互页面上都有这类按钮的出现,用来指引用户下一步该怎么做。比如:创建、保存...

2.3培养用户习惯

当用户知悉某个按钮能指向某个操作,或者获取某类信息后,长此以往用户就会形成使用习惯。如果某操作能够为用户持续带来价值,那就可以在按钮的位置让它更醒目,持续培养用户点击习惯。

二按钮有哪些类型

·主按钮:用于主动行动点,一个操作区域内只有且只能有一个主按钮;

·默认按钮:用户内有主次之分的一组行动点;

·虚线按钮:常用于【添加】操作;

·文本按钮:用于次级的行动点;

·链接按钮:用于作为外链的行动点。

三按钮的状态

1)交互状态

1.1Normal正常状态

此状态为按钮的正常显示状态,就是按钮在也页面中的常规状态。

1.2Hover悬浮状态

此状态为按钮的悬浮状态,当鼠标滑过时候的状态会给用户一个交互反馈,因为它只是一个视觉上的反馈并无实际作用,所以在移动端就把此状态去掉了。

此状态的效果并没有具体的规则,具体按产品风格来定。这里我给一个参考效果,但并不是唯一效果,如果不合适,可以酌情更改。

1.3Click点击状态

此状态为按钮的鼠标/手指按钮状态,操作完此状态后,就会引发此按钮的真实作用。

同时,此状态的效果也没有具体的规则,具体按产品风格来定。这里我给一个参考效果,但并不是唯一效果,如果不合适,可以酌情更改。

1.4Disable禁用状态

此状态为按钮的不可操作状态。

当页面中有未完成的任务或页面中有错误导致不可提交页面时,按钮会处于Disable状态。这个状态在产品中也是很常用的,而且这种情况下应该引导用户去做其他操作,所以此按钮在视觉上一定要弱于其他。所以要制定一个通用的展示方案。

一般方案有两种:

·无论按钮本身颜色是什么,它的背景色均为纯灰色,常用的色值有:#CCC、#999等,此种方案为常用方案;

·Disable状态为Normal状态的30%透明度,如果你想让按钮都有颜色倾向的话,可以用这种方案。

2)状态属性

·常规:常规样式的按钮,主操作按钮;

·危险按钮:删除/移动/修改权限等危险操作,一般需要二次确认;

·幽灵按钮:用于背景色比较复杂的地方,常用在首页/产品页等展示场景;

·加载:用于异步操作等待反馈的时候,可以避免多次提交。

四按钮的使用方法/禁忌

1)一个操作区有且只有一个主按钮

一个操作区有且只有一个主按钮去引导用户操作,如有有多个或没有则会影响用户的判断。尽可能少的让用户去做选择,产品的终极目标应该是“傻瓜式”产品,不要让用户有学习成本。

2)圆角值

根据产品风格,三种圆角值的设定:

2.1圆角值为0

这种适合用在比较严谨/企业级产品中,比如:阿里云;

2.2小圆角值

这种是最常用的形式,在不失严谨的同时还有一些细节,如果可以的话,尽量选这种的;

2.3超大圆角值

这种一般需要有独特的产品风格才可使用。样式不好把控全局效果,所以使用频率较低,慎重使用。

较大圆角值,此类千万不要用,不要问,问就是太丑。

3)精简文字

按钮里面的文字一定是精简的,不要展示过多文字,更不要折行。

4)文字与按钮比例要适中

文字与按钮的比例要适中,文字不要太大或太小,都会影响视觉展示。

5)弥散阴影

如果你想要用弥散阴影,阴影的颜色尽量用带按钮本身颜色倾向的,这样会让按钮更有呼吸感。需要注意的是:只有主按钮才能用阴影,其他级别的不要用,不然识别度会变差,并且会让按钮的体验变得很差。

6)主次操作按钮样式统一

主次操作按钮样式要统一,不要滥用样式。

7)按钮样式与其他组件要有区别

实际使用中,按钮样式不要与其他组件样式混用,避免让用户产生误解,做一些不必要的操作和思考。

8)不同场景适配

现在暗黑模式也是常用的场景了,所以黑/白场景下都要考虑到识别度的问题。

9)主次按钮的位置

主次按钮左右的问题,也常常出现在设计讨论会中,这次我直接放个结论吧,以后不要再为这件事吵架了。

在提交页面、弹窗中,主按钮在右;在其他常规页面上,酌情考虑。

五按钮尺寸

按钮尺寸具体用多大的,这里我总结了一个规范(仅代表个人意见)。

·高=文字行高+Xn,X=自然数,n=4

·宽=文字宽度+Xn,X=自然数,n=4

在其他地方也可以用类似的公式去做规范,比如卡片的间距,你可以设置n为基础值,在此基础上用Xn去选取合适的值。

注意:常用的字号为12px、14px,尽量不要用太大的字号在按钮上。

小结

按钮只是众多组件中的其中一个,也是最常用的组件之一。对于设计师来说,无论大小组件,我们都要精益求精的去思考,只有把每一个细节做好了,才能做好产品。日积月累的把每一个知识点掌握了,我们也就成长了。

你是否和我有同样的困惑,常常无法客观看待自己的设计,优化的时候又常常不知从哪里下手,看到别的产品设计又无法给出具体的判断依据。

今天学习一下用户体验的结构化衡量标准。不管是日常工作还是作品提升,都可以作为一个方向性的指导。

首先我们来了解一下通用设计法则之——成本效益法则

成本效益法则的概念

百科含义:成本效益法则指的是要从“投入”与“产出”的对比分析来看待“投入(成本)”的必要性、合理性,即考察成本高低的标准是产出(效益)与投入(成本)之比,该比值越大,则说明成本效益越高,相对成本越低;考察成本应不应当发生的标准是产出(效益)是否大于为此发生的成本支出,如果大于,则该项成本是有效益的,应该发生。

从设计的角度来看,成本效益法则一般是用来评估伴随着新功能或新元素出现新增加成本的最后财务回收状况。

用户价值=新体验-旧体验-切换成本

例如:把走一段路到展览馆看展当作成本,把看展的趣味程度当作效益,如果趣味程度超过走路的成本,那么这个展览设计就是优秀设计。

优秀的展览设计效益大于成本

糟糕的展览设计成本大于效益

怎么做?

若想提高体验的价值,可以从两方面入手:1.提高效益;2.降低成本。

PART1

降低认知成本

1.减少冗余信息

a.去掉累赘文案

为了避免客诉,设计常常会“被迫”在首页做冗长的文案提示,比如美团民宿的“今天入住、明天离店”的文字提示,彷佛在跟着文案做“今天入住+明天离店=1晚”的数学题,过于平铺直述反而增加了用户思考。而且过于具体的文案在小字显示的效果下阅读性也不够好,反而增加了用户阅读文案的认知负担。

同样是1晚,Airbnb的文案表达简洁明了,日期间的横杠足以理解是从哪天到哪天的含义。

如果说Airbnb是国外产品,调性不同,那么像马蜂窝的解决方案也是层次与阅读都更加清晰易懂的方式。

b.去掉多余选项

招行银行的首页功能并不是我会经常要用的功能,但是却无法像支付宝那样自定义编辑首页的功能icon,去掉不需要的功能入口。

2.内容好理解,减少思考,减少记忆

a.文案与图片匹配度

文案与图片的契合度高更够帮助用户更有效的理解内容,AppStore的推荐卡片在这方面表现的非常优秀。

b.结构框架好理解——格式塔原理

接近原则中指明物体之间的相对距离会影响我们感知它们是否以及如何组织在一起。京喜首页功能模块区分的相对距离差别不够大,加上商品图的视觉干扰,更加影响信息层次的区分。而淘宝的模块信息分组则清晰明确,信息辨识度高,视觉干扰少,能够有效减少用户区分信息的思考。

c.记忆的局限,降低记忆负担

人们工作记忆的容量有限,大约是4±1。由于短期记忆的局限,设计师应该确保用户可以简单地识别信息,但不能从之前的对话中回想信息。

比如我们经常会发现考试中的选择题比简答题更容易,这是因为选择题要求我们去识别答案,而不是在记忆里回想答案。

再例如搜索,当搜索结果出现时,我们的注意力自然地从输入的词汇转移到了结果上,因此好的设计应该在搜索结果页展示搜索词。把点击过的结果变色也是帮助用户记忆已点过的内容。

知乎的搜索结果不记忆已阅览的内容,而谷歌搜索则帮助用户记忆已阅览过的内容。

3.优先级:信息层级

a.用户优先级、b.功能优先级、c.视觉优先级

d.交互优先级

常见的是弹窗按钮,需要区分信息优先级,不让用户产生选择困扰。

4.文字、图标的识别性、易读性

美团Tabicon简洁明了,图形与含义符合,文案简洁清晰。而悦会则显得复杂难以识别,不仅文案复杂,易读性比较差,图标也没有准确表达其寓意。

5.一致性

a.内部的一致性、b.交互逻辑的一致性、c.元素的一致性、d.语词的一致性、e.信息架构的一致性

f.视觉的一致性

Airbnb的版式从banner到下面的标题分类,对齐方式与字体对比都保持一致风格,图标和插图都是线与线面的风格。对比之下,携程的设计语言则相对不够完整,不仅icon风格不太一致(面和线都有),banner运营位的版式也是比较随意的(文案没有统一的排版规范)。

6.提示、引导、反馈

7.符合用户习惯

当然,假如最开始用的是Mac电脑,后面再使用Windows电脑,也会感到Windows不好用,这是先入为主的观念,一旦产生习惯,改变习惯将产生一定的学习成本。

PART2

今日头条通过懒加载的方式,将文字内容优先显示,并且将图片位用默认底色先显示出来,用户可以在图片加载出来之前先看文字内容,大大避免了等待的焦虑。我们应该避免像移动营业厅这样的空白加载页面。

2.增加等待过程中的价值

PART3

降低操作成本

1.先价值吸引后行动(先浏览后登陆)

2.预测用户行为

滴滴出行根据用户经常使用的地点预测用户要去的地方,一键选择地址更便捷。

3.主动替用户选择

美团外卖支付时主动帮用户选择极速支付选项,一方面让用户更便捷,另一方面也能增加银行卡账户的绑定,赋能业务。

4.简化关键节点

淘宝确认订单自动选择优惠券,简化了关键流程,降低操作成本,提高下单转化。现在很多购物平台也都实现了这一点。

5.减少手动输入操作

以闪送为例,自动读取复制信息——一键粘贴——智能识别——自动填充信息,减少了用户的手动输入操作,大大提高了体验的质量与效率。

降低成本的误区

是不是成本越低,这项设计就是越优秀的设计呢?在成本效益法则下,绝不是成本越低,效益就越高,设计决策需要把互动产生的效益考虑在内。

如果一个交互的复杂度能够提高交互产生的效益,那么就应该适当的增加交互的复杂度。

比如我们常用到的密保键盘,打乱的数字顺序能够防止偷窥者从手势位置窃取密码,因此这项交互成本的提高相应的能够大大了我们资产账户的安全效益。

总结

降低认知成本包括:减少冗余信息;内容好理解,减少思考,减少记忆;优先级:信息层级;文字、图标识别性,可读性,易读性;一致性;提示、引导、反馈;符合用户习惯。

降低操作成本包括:先价值吸引后行动;预测用户行为;主动替用户选择;简化关键节点;减少手动输入操作。

同时我们也要注意降低成本的误区,并不是成本越低越好,如果提高成本可以换来更高的效益,也要具体情况具体对待。

每年年初的CES消费电子展,是一个非常适合了解前沿技术,了解消费和产品趋势,甚至在这些量产、准量产以及概念设计产品当中,窥见属于未来的设计趋势。

每年的CES都是一个特别适合展示新趋势的地方。虽然很多厂商会倾向于在CES上发布新品,但是相比于这些为数不多的新品和发布会,CES上更加值得一看的是那些正在研发、小范围内投产并且你即将会看到的新技术和有趣的东西,它们所指向的都是消费级的产品,也贴合我们一直在说的「趋势」。

在今年的CES大会上,试图改变的Intel发布了针对高性能轻薄笔记本电脑的芯片,H系列:

H系列采用TigerLake架构,全系列搭载高性能的IrisXe核显,它的性能足以在1080p分辨率下流畅运行《古墓丽影》这个级别的游戏(实际上M1的发布会上也同样使用了这款游戏作为性能测试)。

英特尔的11代桌面端芯片也在性能上又不小提升,采用了全新的RocketLake-S架构,不过最值得期待的是下半年才会公布细节的12代混合架构CPU,AlderLake。

老对手AMD在CES2021上则发布了全新的5000系列移动端处理器,其中标压的5000H系列和低压的5000U系列,都用自身的配置和性能解释了“便宜大碗”的概念。

最高可选8核16线程的配置,主频可飙升至4.4GHz,充满电之后日常使用可以达到17.5小时,电影播放可以长达21小时的电影。

而同为御三家之一的Nvidia则带来了桌面级的RTX3060显卡以及移动端的RTX3080/RTX3070/RTX3060。

当然,无论是桌面端的显卡还是移动端显卡的性能都有着不俗的表现,具体大家可以去官网看看这里就不说了……(一个很重要的原因是由于比特币的疯狂涨幅,导致挖矿需求暴涨以至于这波显卡价格出现了极其疯狂的增长,一卡难求,鬼知道啥时候能恢复正常)

总而言之,移动端芯片(主要是针对笔记本电脑)在性能提升的同时还控制好续航,无论是CPU本身的算力还是显卡的性能,都有着相当明显的提升。这对于设计和创意从业者而言,意味着有着更加轻薄地电脑和平板可供选择,并且性能足以支撑从平面到3D渲染、视频剪辑乃至于大型游戏,而且很大程度上,性价比有「AMDYes」,高性能可以上IntelH系列+Nvidia,而习惯使用macOS地用户应该也会在未来几个月内等到新的M系列芯片和MacbookPro16和MacbookPro14,当然这和CES2021就没啥关系了。

目前这些新芯片本身的强大性能和优良的续航,可能需要到后续的电脑和笔记本上才有所体现,好在CES2021本身还发布了不少性能优秀、设计过硬的电脑类产品。

笔记本电脑在历年CES大会上都是重要的组成部分。在这些笔电类产品当中,除了一部分迭代更新的量产新款之外,还会有不少基于特定的需求,在设计和功能上高度特化的产品出现。

比如HP的Envy14笔记本就很典型地属于前者,11代英特尔CPU和NvidiaGeForceGTX系列的显卡,传统的造型和更加精致的工业设计,这种不过不失的产品其实是各大厂商在2021年铺货时的中坚力量。

而微软的SurfacePro7+也只能算得上是小幅更新,多个配置可选,没有太多好说的。

而出自联想的ThinkBookPlusGen2i笔记本在继续探索了双屏笔记本的另外一种可能性,A面的超大尺寸电子墨水屏搭配手写笔,简直就是给手绘和笔记爱好者量身定制的创作空间。掀开之后又是一台传统的超极本,13.9mm的厚度和1.3KG的重量也非常符合携带通勤的标准。

相比之下,同一谱系的ThinkPadX1TitaniumYoga的翻转设计则显得更加传统,不过在性能和影音上,DolbyVisionHDR和DolbyAtmos扬声器的支持让它在影音娱乐上更加突出,少了电子墨水屏,整体厚度也缩减到了11mm。

不过,更有意思的是华硕ZenBookProDuo15OLED笔记本电脑,原本Duo系列的双屏设计已经相当独特了,这次的新款不仅将配置进一步推升到了i9cpu+NVIDIAGeForceRTX307的级别,还给副屏增加了一个自然的9.5度倾斜,防炫光的同时还更加贴合人体工程学。这可能不一定符合每个人的审美,但是可能正好是某些天天肝视频跑渲染的设计师同学正好需要的东西。

另外一边,游戏本也基本上是在堆配置,AlienwareM15R4和M17R4老老实实地把显卡推到了NVIDIAGeForceRTX3080,加上360hz超高频率的显示屏,内存堆到32GB,存储支持4TBPCIe,性能够怪兽,但是别的就没啥好说的。

而另外一边的Razer推出的RazerBladePro172021和RazerBlade152021这两款笔记本,本质上和外星人家的差不太多,配置有多高堆多高,机身工艺搞好点,RGB信仰灯炫起来……

当然这并不重要,这次CES2021上,Razer真正的杀手锏是这俩笔记本的配件,RazerProjectBrooklyn概念游戏椅:

只需按一下按钮,这款游戏椅就可以从背面展开60英寸的OLED显示屏,真正沉浸式的游戏体验,带有4D模块化功能的扶手以及折叠可调的桌子,连整个框架都是带有高保真触觉模块的,体验有多好,就要看你和游戏厂商的想象力了。

对于游戏本本体而言,在配置和外观上的设计很大概率只能靠添油战术,互相之间见招拆招,真正能够打出新意,玩儿出花样的,基本都是在外设和配件上。

智能手机毫无疑问是大家最关心的事情。支持5G频段,AI驱动的后置多镜头模组,前置挖孔/刘海镜头,6英寸屏幕,这几乎是当下绝大多数智能手机的标准配置,也是贴合大众需求的最佳实践。CES2021发布的三星GalaxyS21Ultra5G就是这种典型,配置到位无懈可击,更重要的是,后置镜头模组的工业设计相当具有识别度,边角凌厉又富有美感。

不过大家都很清楚未来趋势肯定不会止步于此,柔性屏幕给人带来的想象力太过丰富,包括苹果在内的一线厂商几乎都在这个基础上进行探索。

三星的GalaxyFold系列已经发不到第二代,Moto的新生Razr也发布了迭代之后的版本,苹果早早申请了环绕式柔性屏幕的设计专利:

不过,最有意思的还是卷轴屏幕。在CES2021之前,OPPO就公布过卷轴屏手机的概念设计:

在今年CES上,LG发布的LGRollable则可能是最早量产的卷轴屏的智能手机(预计在今年年内发布):

虽然没有LG这么快,TCL也同样带来了自己的卷轴屏智能手机,不过和LG的横向拉伸不同,TCL的屏幕选择了纵向拉伸:

可以确定的是,柔性屏幕设备会逐渐增加,而目前技术的快速迭代意味着在未来2年内会有一大批类似的设备出现。无论是折叠、翻转、卷轴还是翻盖式双屏,都意味着UI界面的动态延展,而不同的结构设计带来的是交互方式的百花齐放,这对于UI和交互设计而言,都是全新的挑战,以及新的机遇。

不要忽视了这种硬件设计之下的复杂度,即使是最简单的双屏折叠,对于UI交互和开发而言,都是巨大的挑战,不信可以先看看微软的双屏设计规范:

我们总在期待NextBigThing,企盼下一次数字革命。喊了这么多年的物联网现在还没有明显起来的迹象,而VR也因为头戴设备的大型化和沉浸式场景的泛用性较差的原因,反倒是AR和MR依托智能手机、浴霸式镜头组和APP有一定起色,但是也没有到革命性改变的程度,只能算是一个小趋势。

物联网和智能家居从提出来到最终落地为消费级产品,经历了十几年漫长的过程。在今年的CES展上所展示的很多智能家居类的产品,确确实实比以往更加「智能」也更加富有想象力。除了各大厂商原本在工业设计和基础技术上的积淀,这些产品大多借助了机器学习技术来提升「智能」程度,并且借助语音交互来保持操控的便捷性。

智能家居的花样就多了。

三星推出的BotCare智能机器人看起来像是一个更具未来感的的R2D2,不仅能够识别你的语音命令,而且能够借助成熟的AI技术识别你的行为,它会学习和了解你的日程安排,能够逐渐了解你的习惯,并且在日常的生活中提供帮助。

而更加进阶的是BotHandy智能家居机器人功能就更多一些了,它不仅可以在室内到处溜达,而且能够能够识别材质和物品,它自带的机械臂能够帮你收拾房间,收拾厨房物品等等等等。

CareOSThemis的智能镜子也借助传感器和AI实现了诸多传统镜子做不到的事情。通过内置的IR温度传感器、UV皮肤分析灯以及相机,CareOSThemis智能镜子能够对你的卫生状况、皮肤状况乃至于心理健康状态进行分析,并且提供切实可行的建议。

传统家居和传感器、数字硬件的结合,将家居设备的安全性、可用性和完备性全方位地进行了提升。比如LOCKLYDuo智能锁就加入了双重锁定技术,可以更快打开又保证了安全性:

而AmpereShower这个蓝牙淋浴扬声器,不仅可以让你在淋浴时享受360度环绕立体声,想要播放什么内容完全可以用语音控制,而且考虑到它特殊的使用场合,它干脆借助淋浴喷头的水流来进行充电:

而便携式投影仪也是诸多大厂的下一个发力点,在保持高流明、智能可控的特性的同时,进一步缩小提及,提升音响效果,就像华硕的ZenBeamLatte的便携投影仪一样:

传统家电设备则在智能化和场景化的探索之下,呈现更加灵活的新玩法。三星定制的4门Flex冰箱可以针对不同的食品进行定制化的管理,而传统固定的冷冻/冷藏式的分区也借用智能化的管理打破,如果你需要更多的冷藏空间,只需要通过设置就能够进行转换和调整。

当然,智能电视当然是CES大会上绕不过去的门类,只是多数厂商的产品都是在自然硬件和性能迭代上「更高、更快、更强」。

而其中真正称得上有趣的,还是LG的升降式透明电视:

透明屏幕在不同光照条件下的泛用性,应该还是存疑的。毕竟去年8月小米发布透明电视之后,已经有过不少质疑的声音了。不过这些小众产品的不断迭代和推出才有可能让透明屏幕技术上的不断前进,更贴近科幻电影中使用场景的小型透明智能设备的普及才有希望。届时,UI设计应该又有新的设计需求了吧?

CES2021的这些新型的智能家居类设备上,可以更进一步印证之前大家对于趋势的预测:

可穿戴设备的热度也一直在逐渐提升。

国外疫情的持续也促使很多厂商开始考虑如何制作更加贴合健康需求的可穿戴设备。

另外,为了确保整体的安全性还附带了专用的紫外线消毒盒:

相比于雷蛇的科幻感,AirPopActive+智能口罩就显得更加运动。

AirPopActive+则是一个专业的运动口罩,借助内置传感器,这款口罩能够跟踪空气质量以及佩戴者的呼吸状况,并且通过蓝牙和手机同步,方便查看。同时,在滤芯即将耗尽时,也会提醒用户。这款口罩从外观到功能都是明显面向运动爱好者的。

BioButton这款设备则是一款新冠病毒感应器,将它贴在颈部,它会跟踪你的呼吸、心率、睡眠和血氧状况等生命体征,并且识别你是否出现了感染新冠病毒的症状,可以说是针对性极强了。不过,对于绝大多数隔离在家的用户,锻炼是更重要的事情。

NordicTrackVault顶级家庭健身房就是一个这样的产品,超大屏幕结合iFit的互动健身体系,你可以清晰直观地对自身的动作进行审视和视觉反馈,进一步进行矫正,同时确保在家也可以获得健身教练1对1的指导。

智能手表是可穿戴设备这一领域是一个大类。目前绝大多数的智能手表在各种传感器功能上都做得不错,差异主要是在体验的细节优化、工业设计、品质以及品牌溢价上了。

此外,飞利浦发布的Sonicare9900Prestige智能牙刷也相当亮眼。通过传感器,它能够识别不同位置的压力,监控清洁位置和刷牙的运动轨迹,并且提供AI实时指导和个性化刷牙动作推荐,同样是通过蓝牙连接手机来实现信息的传达。

在可穿戴设备当中,涉及到VR/AR的产品需要单独说一下。

VR和AR你应该比较了解了,虚拟现实和增强现实,那么MR和XR呢?

MR是混合现实,通俗的说它是介乎VR和AR之间,虚拟合成的「图像」和真实的世界相互融合,还可以和现实物品进行一定程度的互动。而XR是扩展现实(ExtenedReality)的缩写,它其实是以上VR、AR、MR的一个总称,或者说VR/AR/MR是XR的子集,XR所涵盖的领域和范畴比以上几个都要宽泛。

比如虚拟触感就是属于XR的。在今年的CES大会上,SensegloveNova和bHaptics推出的紧身衣套装,所带来的体验就是虚拟世界在触感上的投射介质。

XenomaEMStyle套装也是一个针对皮肤和肌肉的新玩意,这款可穿戴设备当中包含24个电极,胸部4个,腹部4个,每个手臂2个,臀部2个,每条腿4个,它们可以为全身主要的肌肉群提供刺激,并且可以让健身教练在安全距离之外,通过电极刺激的方式提供指导,也算是某种意义上的「虚拟触觉」。

接下来说说我们更熟悉的智能眼镜。

Vuzix也在CES上发布了下一代智能眼镜,其中集成了MicroLED显示引擎,具有完全透明的高级波导光学器件。Vuzix使用一对微小的高效MicroLED投影仪提供动力,从而可以为用户提供高密度像素阵列,在双眼中投射超级清晰的视觉内容。

上面的智能眼镜还算得上是科技产品,而MojoVisionLenAR隐形眼镜就算得上科幻级别的产品了。从尺寸上来说,普通眼镜和隐性眼镜就是数量级上的差别,Mojo的这款智能隐形眼镜使用微电子技术,内置了微型显示屏,可以共享重要信息,用MojoVision来使用增强现实,不仅无缝,而且无形。

可以说,如今的虚拟现实技术已经走到了一个全新的阶段了:

新事物正在以无与伦比的速度进化。芯片性能和基础的技术为消费级的硬件提供了最扎实的工业基础,繁盛而多样的企业开始有意识地深耕细分领域的产品,其中留给设计师的空间其实非常大。

各式各样的笔记本类产品,已经针对不同需求的设计师进行了细分优化,不同类型的设计师应该都会找到针对自身领域需求的硬件设备,多屏幕、多输入方式的笔电和周边外设正在快速地丰富起来。

优惠券是我们电商中最常见的活跃用户的一种方式,简单的设计就能带来巨大的客流量。虽然小小的一张优惠券并不会占用太多的版面,也不会浪费太多的色彩去装饰,但想要知道优惠券的种类、特点,还需要我们认真剖析,仔细揣摩。

1.提升用户活跃度:

人们总是对“降价”、“打折”这样的字眼充满了兴趣,用户也习惯于在了解到商品的价格及优惠力度后再决定购买,所以有优惠的商品才更具有吸引力。

2.增加产品曝光量:

用户一券在手,总是让人忍不住翻看可以使用的商品,这无形中增加了平台商品的曝光量。同时好的优惠券会在用户的口口相传中得到推广,这对平台、商家和产品来说,都是一个很好的展现自己口碑的机会。

3.刺激用户的潜在购买需求:

当用户的购买行为背后没有充分的购买动机,交易就会轻易的受到其他因素的影响而中断。优惠券的出现满足了用户“赚到”的心理,用户就愿意为潜在的购物需求买单。

4.提升用户的购买力:

用户的购买力和收入水平成正比,和商品价格呈反比,当价格受到优惠时,用户的购买力也可以得到相应改善。

体验券

代金券(又称现金券)

一般使用门槛较低,不会有金额、数量等方面的要求,可以直接使用,若购买商品不够券面金额,通常情况下是不退还差额的,如:新人大礼包、无门槛红包和员工福利等。

满减券

通常会有订购数量、订单总价、产品种类等方面的要求,满足条件的订单才可享受满减,如:生活缴费商品满¥100减¥2优惠券。

打折券

打折券是直接对商品进行打折,一般商品较贵,购买的用户较少,或者用户订购量大会采用此类型优惠券,如:8.8折优惠券等。

单品券为购买单一商品时使用的优惠券;

系列产品券为购买某种特定系列产品时所使用的优惠券,用户只需要购买指定系列的产品就可以享用这张优惠券,如:购买无线宝WiFi5系列产品优惠券等;

品类券为购买某一类商品时使用的优惠券,如:购买清洁类、医药类、生鲜类等优惠券;

品牌券为购买某一品牌商品时使用的优惠券,如:购买华为、京东云等品牌产品所用的优惠券。

平台优惠券是由平台直接发放给用户的优惠券,针对的目标群体范围较广,如:购物津贴、百亿补贴等;

政企消费券成本由政府、企业和平台共同承担,意在提升某些地区消费者的消费能力和消费水平,如:北京消费券等。

下面是“京东智联云官网活动”拉新引流的新人礼包,我们可以看到“新人千元大礼包”字样,新用户在完成注册任务之后就可以领取相应优惠券。

通常情况下,我们使用“代金券”进行拉新。代金券的价值相当于同等金额的现金,购物时直接使用,一般不会有过于苛刻的门槛,用户使用起来方便,所以对新用户的吸引力极大。在设计时我们需要注意以下几点:

设计目标–吸引新用户;刺激用户的购买需求;使其真正成为我们的用户。

门槛值设定–门槛值设置较小的优惠券才具有较强的吸引力。对于新用户来说,用户不需要购买太多商品,也不用局限于某个商品的使用。对于设计师而言,需要考虑门槛值和商品成本之间的关系。

面额设定–优惠券面额的设定可以很好的反应我们吸引消费者所付出的成本,控制获客成本也是拉新过程中的重要环节,设计师应该清楚了解用户喜好,剖析哪种互动方式可以在降低成本的同时扩大优惠券和商品的吸引力。

当然,每一种优惠券都有“促活”的属性,不管是优惠还是打折无不吸引着消费者的注意。例如:每年的“京东618”和“京东智联云11.11大促(下图)”都是采用了各种优惠券来吸引用户完成交易的。

小结:

其实优惠券的作用还有很多,它还可以解决用户存留等问题。由于篇幅有限这里就不过多展开,期待小伙伴们一起思考和挖掘。

收益预估:设计前预先判断本次活动的成交量,计算每单的收益大小以及总收益。

使用范围:根据活动的目的,确定使用范围(“平台”、“品类”、“品牌”、“店铺”等)。

使用门槛:每种优惠券都有相应的使用门槛,这是保证商家不会亏损的重要环节。

领取上限:设置领取上限,一方面根据商品库存的多少,尽可能照顾到更多有需要的用户;另一方面也可以表明优惠并不是那么轻易就会得到,增加优惠券的吸引力。

使用有效期:如果优惠券的使用期过长或没有有效期,那就和降价没有什么区别了。

通常活动结束后设计师要对本次设计进行复查,通过调研判断优惠券对用户的吸引力。一方面从定量的维度考量,我们要对用户的浏览量、领取量、使用率、实际下单量和用户参与程度进行观测;另一方面从定性的维度分析用户的实际感受,用户在体验完成后是否愿意再次光临或推荐给亲友,也是我们需要考查的方面。

品牌升级设计不是件小事,也不像看到的那样光鲜亮丽。这个过程很复杂,充满了很多人的意见和情感。基于我个人对品牌的认知,品牌设计的整个推导过程是“文化←专业→业务”,也就是说核心的品牌资产去承载文化和赋能业务。害,虚头巴脑的,还是上张图来捋一下思路:

确定虚的部分后,需要多维度分析需求,并且了解用户对品牌的印象(前提是要确定你的用户是谁),但首当其冲的是确定一个方法,那么情绪版是一个相对来说还算靠谱的推导方式:

哦,对了,做这些之前最好确定一个SOP模版,帮助你可以快速的完成适配工作:

另外还要强调一点(这个点我在面试的时候也会经常问候选人),因为整个项目涉及的人很多,耗费的资源也巨大,所以为了确保无缝执行,协调工作要怎么进行呢?这就需要机制和规则的设定来辅助你管理/协调每一个人的工作了(不要忽视这块,并不是只有界面设计是设计,思维的设计同样是设计哈):

对了,除了运用在品牌视觉之外,产品中也需要适当的被highlight一下,以马蜂窝为例:

比如可口可乐的瓶身,宝马的前脸,ta通常不那么起眼,甚至在你脑海里都习以为常,觉着就应该这样,丝毫提不出什么质疑;

著名搜索引擎百度定义超级符号为:他们本身具有一定意义,要求人们按照其指导进行活动。(这个解释感觉冷飕飕的…)我试图用自己话来说:就是品牌本身传承下来或者创造出来最具特色最能代表的图腾;

品牌设计中需要符合和logo搭配使用,因为在一定场景下,真正能让用户感知并认可的可能是超级符号,而非品牌的LOGO;

当然,超级符号可以依附于logo存在,同样也可以作为个体单独存在,两者并没有绝对意义上的划分:

1.超级符号的形式

最著名的两者合二为一的就是天猫啦,从天猫logo的诞生到现在,质疑一直没有停止过,硕大的猫头看起来傻里傻气但恰恰也是这个原因,被记住了概率大大增加;如今我们能看得到每年的双十一都会有这只猫存在:

另外如果用一个通用符号作为超级符号的话,其实是比较吃亏的,用户虽然可以比较容易的描述出比如一个圆一个矩形之类的,但是却不容易让用户记住你,记住你跟其他产品的区别;比如美团外卖的品牌升级,一定程度上是想从通用符号过渡到专属符号。

符号和logo分离的例子也有很多,比如滴滴的圆:

咱也不知道为啥,ta就用了个通用符号,不过属实还挺好看~

2.浅谈超级符号的设计

设计一个符号一定要把产品的特色最大化,试想一下漫画的画法,其中最重要的一点就是特点的不断夸张夸张再夸张,不断让人记住ta最具特色的那一面:

初期的超级符号绝对不是简单的设计一个图形就完了,从最基本的图形到颜色、字体、元素、板式再到整个视觉风格体系,再到融入到产品UI或者线下媒介的传播的每一个触点去传达品牌;当然超级符号也会有进化,比如最终进化到可口可乐最后会进化成一个颜色-红色;再比如已经销声匿迹的ofo,你永远也不会说:“我要骑一辆ofo”,取而代之的是“我要骑一辆小黄车”,所以你看符号进化到最顶级的时候未必需要实体(咦,这句话又让我想到了奥卡姆剃刀)。

综上,做出具有可被记忆的特殊性符号,基本上就成功了80%了。再经过长期不断的迭代优化,最终进化为无形的品牌资产就基本上可以宣告品牌的成功了~

上点小福利

尽管我一直坚持输出设计观点,但我发现好多朋友练就了“一看就会,一用就废”的日常技能,所以还是准备了一些经过我严选的模版和素材送给铁子们,希望铁子们在学会理论的同时也能手活跟上,眼高手低不可取,眼手双高真牛B!

当下,品牌设计的价值也不断的被提高,一方面是在流量尤为重要的今天,品牌的第一个作用就是导入流量;另一方面是因为产品的溢价主要是由商业包装决定的,包装最终成就一个品牌,而品牌就是终极的包装。设计师作为其中的重要参与者,一定要明白品牌资产的沉淀和品牌是其实是质的区别,别试图去用形而上的手段去解释本质性的问题,试着把产品和品牌紧密结合,毕竟品牌的最大输出口就是产品本身。

大家好,我是Clippp。看到好的图标我们会习惯性地截图保存,但随着收集的图标越来越多,会发现对图标的分类会变得越来越混乱…做设计时也不清楚到底该参考或运用哪种风格最合适。来看看如何解决这些问题!

对图标进行分类时,普遍会遇到的问题是一个图标有多种风格。例如下面这个水滴图标,样式很简单,但可以划分到多个类别中。

首先将图标按尺寸大小分为两类;

继续细分对应的面性、线性、线面结合、扁平、拟物化等类型;

最后选择标准、容器、渐变、3D、手绘、阴影等风格。

利用这种结构层级,可以明确定义图标类别。

图标的大小取决于具体功能。例如带有渐变和阴影的图标看起来很酷,但把它缩小到16px,这些酷炫的效果都无法呈现出来。

小尺寸图标用作UI控件,起到引导功能或装饰目的。

利用这种简单的分类方式就能避免图标发生重叠。另外拟物化这种细腻的风格不适用于小尺寸图标中,所以在小图标分类中没有展示。

大图标利用尺寸上的优势能展示更多内容,分为多种组成形式。

1.2带有背景色的面性图标

1.2渐变线性图标

1.3等距线性图标

1.4手绘线性图标

1.5断线图标

1.6双色线性图标

2.2带有背景色的线面结合图标

2.3错位线面结合图标

2.4色块图标

2.4单色线面结合图标

3.2带有容器的扁平化图标

3.3等距图标

3.4半阴影扁平图标

3.5长阴影扁平图标

希望大家能对图标的分类及设计有更全面深入的认识,从而构建一套完整的图标思维体系。

THE END
1.[行家说产业研究中心]:2023小间距与微间距显示屏调研白皮书...2023 小间距与微间距显示屏调研白皮书精简版扫码查看完整版出品方:行家说Display、行家说Research(产业研究中心)联合出品方:版权及法律声明本白皮书由行家说产业研究中心、行家说Display、国星光电联合产业内数十家领军企业编写而成。虽力求内容准确可靠,但因时间、访谈样本等因素限制,我们无法对本白皮引用资料及内容的...https://www.fxbaogao.com/detail/4101423
2.半年报2024上半年中国大陆小间距LED显示屏市场量涨额跌,均价...根据洛图科技(RUNTO)最新发布的《中国大陆小间距LED显示屏市场分析季度报告(China NPP LED Display Market Analysis Quarterly Report)》显示,2024年上半年,中国大陆小间距LED显示屏市场的销售额为66.7亿元,同比下降9%;出货面积为52.6万平方米,同比增长5%。 https://lights.m.ofweek.com/2024-08/ART-220003-8420-30644410.html
1.2024年中国视频会议用户洞察白皮书界面新闻·JMedia2024年中国视频会议用户洞察白皮书 核心摘要: 近两年视频会议产品的在智能化助手、行业定制化服务、音频解决方案、沉浸式交互体验以及多端入会、高清屏幕共享等方面取得了显著的更新和发展。这些更新不仅提升了会议的智能化水平,还为用户带来了更高效、更便捷的沟通方式。https://www.jiemian.com/article/11998328.html
2.行家说产业研究中心:2023小间距与微间距显示屏调研白皮书(62页...图表103.2023-2024年智能手机显示屏AMOLED及TFTLCD出货量占比 2024-08-22 行业数据打包下载原图定位 诺瓦云成为全球显示屏行业云服务的佼佼者 2024-08-19 行业数据打包下载原图定位 本文主要介绍了2023年小间距与微间距LED显示屏的市场调研情况。主要内容包括: ...https://www.sgpjbg.com/baogao/151217.html
3.行家说Research:2024年LED显示整体产值约402亿11月20日,『行家说Display2024复盘与2025展望年会暨行家极光奖颁奖典礼』上,《2024小间距与微间距LED显示屏调研白皮书》正式发布。 该白皮书由行家说协同联合出品方国星光电,洲明科技、艾比森、海康威视、大华股份、辰显光电、希达电子、士兰、兆驰半导体、中麒光电、东山精密、兆驰晶显、kinglight晶台、GKG凯格精机、芯...https://www.eet-china.com/mp/a363388.html
4.牛股逻辑大赛一颗LED显示屏产业上闪亮的星根据行家说research《2022 小间距与微间距现实调研白皮书》预测,2023 年开始 LED 显示屏市场将迎来复苏。这也是我们最看好的 LED 应用市场之一。 九、公司重大事件 1、2023 年 3 月 29 日,公司与微软达成合作协议,正式成为微软 ISV 合作伙伴。公司与微软新加坡团队进行交流,主要合作的方向是AI虚拟人驱动,包括(1)...http://www.360doc.com/content/23/0507/20/2101570_1079662403.shtml
5....2024深圳国际MLED直显产业高峰论坛暨COB显示屏调研白皮书启动...当前,MLED COB直显正全面加速渗透,根据DISCIEN(迪显咨询)2024一季度发布的数据,中 国大陆小间距及微间距 LED 显示屏销售额达 42.2亿,同比增长 9.8%,出货面积达近28万平方米, 同比上涨13.4%。其中,COB 封装技术的份额不断增长,销售额占比达 23.4%,销量占比也已超10%, 同时销量同比增长达近200%,远高于整体小...https://miniled.cn/MiniLED/2766.html
6.MiniLED产业研究分析报告资料来源:《2023 小间距与微间距显示屏调研白皮书》,行家说 Display 公众号,东方财富证券研究所 我们看好COB持续降本后的渗透,成为封装技术的发展方向。根据洛图科技数据,2023年,COB产品的销售金额占到中国整体小间距市场的13.2%,其中,在微间距(P<1.0mm)市场中,更是占到43%的比例。COB降本驱动主要是依靠良率提升...http://www.chinafpd.net/news/41535.html
7.半导体行业深度:先进封装引领后摩尔时代,国产供应链新机遇Mini LED 背光是液晶显示技术路径的 重要创新方向,Mini LED 显示是继 LED 户内外显示屏、LED 小间距之后 LED 显示技术 升级的新产品。当前,苹果、三星等多家品牌厂商都已开始推出 Mini LED 背光相关产品, 行业风向标的入局,推动 Mini LED 商业化加速。当前 Mini LED 背光方案已经进入爆发 期,预计 2023 年开始...https://www.shangyexinzhi.com/article/7957310.html
8.element可以通过element-plus的CSS样式进行调整,可以在需要调整间距的组件上添加类名el-margin-xxl(大),el-margin-xl(较大),el-margin-l(中),el-margin-m(较小),el-margin-s(小)等五种间距类名进行调整。例如,添加类名el-margin-l即可将组件间距调整为中等大小。 https://www.volcengine.com/theme/3875011-E-7-1
9.2022年市场调研报告(精选16篇)时间:2022-02-26 17:29:09 报告 我要投稿 2022年市场调研报告(精选16篇) 在日常生活和工作中,报告不再是罕见的东西,多数报告都是在事情做完或发生后撰写的。那么什么样的报告才是有效的呢?下面是小编整理的2022年市场调研报告,仅供参考,希望能够帮助到大家。 市场调研报告 篇1 一、 东莞市房地产发展状况 在...https://www.ruiwen.com/gongwen/baogao/803349.html
10.行业新闻作为全国首家智慧商用显示展,中国(国际)商用显示系统产业领袖峰会、深圳(国际)智慧显示系统产业应用博览会(简称:ISVE智慧显示展)。展会定位:ISVE智慧显示展将与20+相关协会单位合作,携手打造一场智慧商显行业高水准与专业化的权威展览盛会http://szisve.com/news.aspx