-
5000字干货!超全面的B端设计指南:消息通知
UI交互 2022-11-19消息通知在我们设计的过程当中非常重要,因为它作为系统与用户之间沟通的桥梁,能够帮助我们提示用户:“目前的操作状态、系统的公告、用户之间的互动内容”,而不同的消息内容,我们需要使用不同的消息通知组件来进行反馈,比如用户与用户之间的互动应该采取什么互动方式?本文就来说说消息通知组件的具体使用。上期回顾:万字干货!消息通知在我们设计的过程当中非常重要,因为它作为系统与用户之间沟通的桥梁,能够帮助我们提示用户:“目前的操作状态、系统的公告、用户之间的互动内容”,而不同的消息内容,我们需要使用不同的消息通知组件来进行反馈,比如用户与用户之间的互动应该采取什么互动方式?本文就来说说消息通知组件的具体使用。
上期回顾:
万字干货!超全面的B端设计指南:弹窗篇 这篇文章是我自己在工作中受到各种摧残、无数次开会讨论总结而来,如果你现在深处B端行业,强烈建议大家一定要看完。
阅读文章 >
一、消息通知的定义 具体有哪些组件是消息通知
我查阅了各大设计系统[1],发现它们对于消息通知的定义都叫做“反馈”,即信息反馈给用户的形式。而在其反馈的组件当中,会包含有:全局提示(Message)、通知提醒框(Modal)、气泡确认框(Popcomfirm)、对话框(Modal)、抽屉(Drawer)、进度条(Progress)、结果页(Result)、加载中(Spin)、骨架屏(Skeleton)
但由于组件太多,我们把系统当中用到最多的 消息通知 部分单独拿出来分析,剩余部分则放在最后去做解析。
对于反馈的内容来说,系统当中会存在 正面、负面、普通 三种不同的反馈情绪,比如
你的账号已经过期,对于系统来说他就会提供一个 负面 的消息通知组件,因此我们会对消息通知的类型进行一个简单的分类:
正向主要包含有:全局提示(Message)、通知提醒框(Modal)、气泡确认框(Popcomfirm)
负向主要包含有:警告提示(Alert )、对话框(Modal)、通知提醒框(Modal)
当然大家一定要记住,关于 正向 和 负向 的类型,它并不是绝对的,只是大多数情况下它的情绪与这个相关。
[1]查阅的设计系统包含:Element、Arco、Ant、Lightning...
二、消息通知的设计 关于消息通知究竟有哪些
为了让所有同学能够快速直接的了解消息通知的设计形式,我们尝试去“测评”,将目前的所有消息通知组件,然后按照:「操作干扰度、反馈消息的强弱、出现位置」三个维度来对消息通知进行分类,从而得出消息 通知设计 当中,它们的差别究竟在哪?
信息展示量:
信息展示量表示组件能够承载多少信息内容。因为不同的组件它们的使用环境本身并不相同,我们可以通过原子的划分大致归纳为:图标、文本、链接、按钮、容器差别。
上万字干货!设计师必读的原子设计完整指南 「我们不设计页面,我们设计构成元素的系统。
阅读文章 >
操作干扰度:
操作干扰度主要是 对用户当中操作会不会产生相应干扰,比如一个 全局提示和一个对话框,它们对于用户的影响程度是完全不一样的,因此会使用干扰度进行判断。当然操作干扰度这个维度过于主观,我们又将其细分为:持续时间、是否阻断、信息来源 三个方面。
持续时间:用于表示这个组件在页面当中究竟需要停留多久时间,这样能够帮助我们判断其干扰程度。
是否阻断:页面当中是否会出现 蒙层 用于阻断用户注意力。这也是判断干扰程度的重要指标。
信息来源:这条内容主要来自哪里,分为 系统、用户 两种来源方式。
出现位置:
这个组件究竟会在哪一个地方出现,主要考虑它们的呼出方式,以及对应呈现内容,能够帮助我们快速理解。
1. 全局提示丨 Message 全局提示在用户执行操作时,不会中断当前用户操作的前提下,通知提示一条简短的消息。
它在整个 B 端系统当中使用的频率非常的高,比如:我们在填写一个表单过后,就会收到全局提示;修改完一个信息过后,会收到一个全局提示。
而它在使用过程当中会有以下几个特点:
信息展示量:
全局提示只会展示:图标、容器、提示文字,相对来说它展示的内容较少,是一个非常简单的组件类型。
在实际工作当中,因为它内容量少,更多提示用户的便是正确的操作,比如 已添加成功、编辑成功、保存成功 等正向情绪。
操作干扰度:
关于干扰程度,我们刚才讲到一共会有三个判断依据,因此我就从这三个方面来去判断具体提示的干扰程度。
持续时间:非常驻,一般 3-5s 即可消失 是否阻断:否 信息来源:系统收到用户操作后的提醒 出现位置:
全局提示因为其内容较少(图标+文字),因此很多时候需要出现在较为显眼的位置。
我们在使用全局提示的时候,基本上都会出现在页面顶部居中的位置,通常距离顶部的距离为 40-60px。这个位置大概率是顶部导航与页面内容的交汇处,不会影响用户的使用。
注意事项:
关于注意事项,其实就是我们在实际工作当中,还需要去考虑的一些小知识点,我们将其汇总到此:
① 全局提示一共会有五种样式类型,分为是:指南提示(Info)、普通提示(Normal)、成功提示(Success)、警示提示( Warning)、失败提示( Error)。
这时候,认真的同学可能会问:老师,你刚才讲了全局提示不是表达 正面 的结果吗?怎么还会出现 警告、失败等信息呢?
原因主要是失败也要分很多种,比如在一些小的操作时,你确实不能提供对应的功能,就可以展示警告信息:
② 全局提示“一般”不会存在关闭入口,因为它可以自动消失,不提供给用户关闭入口还会让他知道,这个通知本身就会自动消失。所以很多情况下可以忽略关闭入口这个选择。
③ 关于它的停留时间,我们可以在设计系统当中的 API 里进行自定义,通常 3s - 5s 即可。在去做组件时,一定要去看组件的对应开发文档,了解这个组件究竟支持哪些自定义功能(拒绝被开发忽悠)
④ 全局提示在短时间内,可以提升多次,多次提示时,按照先后顺序从上往下进行排列
2. 警告提示丨 Alert 警告提示常驻于页面中,用于表示持续性的提示信息。多用于危险、警告、紧急 等负面情绪当中。
在实际工作当中,因为它的特殊性,一般会用在 系统、全局 性的危险通知上。比如你的订阅时间已超时、账号团队即将解散 等通知上。
信息展示量:
这里警告提示会比全局提示展示的信息更多,它主要包含:图标、提示文字、辅助文字、按钮、关闭入口
操作干扰度:
持续时间:常驻,需用户点击关闭后才会消失 是否阻断:否 信息来源:系统收到用户操作后的提醒 警告提示的常用场景:多用于警告、危险等情况,需要提醒用户,引起他们的注意。比如提示欠费、需要充值
出现位置:
因为其需要常驻,所以通常在设计时候,我们会将它放在模块与模块之间,进行展示。这样既不会影响到其他内容呈现,同时自己又能常驻。
注意事项:
全局提示主要呈现 警告、紧急的消息通知,如果想通知一些普通消息,完全可以使用 通知提醒框 来进行提示。 全局提示主要是在 模块与模块之间 去做呈现。 3. 通知提醒框丨 Notification 通知提醒框在页面当中,主要是以互动的消息为主,全局展示通知提醒,将信息及时有效的传达给用户。在实际的工作当中, 通知提醒框主要用来提示互动等有价值的信息。
信息展示量:
这里通知提示框主要包含:标题、辅助文字、按钮、关闭入口
操作干扰度:
持续时间:常驻 / 3-5s 消失 是否阻断:否 信息来源:用户与用户之间的互动、系统通知 出现位置:
在整个通知提醒框的使用过程中,因为它本身就是与用户之间的互动所产生的,而这种活动就如同在桌面端当中你收到的消息,我们会将其归纳到右上角的位置去做呈现。这样既不会太影响用户,同时也能够保证消息通知的及时性。
4. 气泡确认框丨 Popconfirm 气泡确认框是我们在工作当中使用频率相对较低的组件。它能够通过组件当中的卡片,完成与用户的快捷对话,但是由于在实际的场景当中,对话确认是需要强提示的方式,因此总感觉气泡确认框在它的使用上,有着些许矛盾。气泡卡片轻量、不易干扰用户,但是对话框要求阻断意味更强。
信息展示量:
首先我们从信息展示量来说,气泡确认框主要由 触发器、气泡卡片、图标、文本、按钮操作,五部分组成。
在设计时需要格外注意,气泡确认框本身不能够过于复杂,否则在一个气泡卡片当中,就显得格外拥挤。如果信息过多,就考虑使用 对话框 来进行呈现与优化。
操作干扰度
持续时间:用户点击触发器后才能展示,操作过后即可消失。 是否阻断:否(气泡卡片不会存在阻断的情况) 出现位置:跟随触发器位置进行呼出,通常会在触发器的上方来进行展示,如果触发器位置靠近边缘,则考虑移动到其他位置进行调整。
5. 对话框丨 Modal 对话框在整个系统当中非常重要,因为你会发现在整个系统当中或多或少都会有它的身影,比如一个常见的数据录入表单,它的整体感觉和对话框较为类似;又或者是 一个穿梭框,你会发现也有异曲同工之处,因此我们先来看一下对话框究竟是什么?
对话框主要用于信息确认与信息录入,使用对话框会中断用户当前的任务流程,同时会对用户造成些许干扰,因此在使用的时候,我们都需要非常谨慎。
操作干扰度:
持续时间:常驻,需要操作完信息后,点击提交才会消失 是否阻断:是,通过黑色蒙层的方式,让用户聚焦于表单内部 信息来源:根据预设的内容,进行展示 出现位置:位于整个页面的中部,主要目的能够让用户聚焦于内容,减少分心。因为对话框的出现,用户必须操作完对应信息过后才能够进入到下一个环节, 因此它在整个流程当中非常重要。 对话框的类型:
在整个对话框的展示当中,你会发现它主要分为三部分,分别是 Header 标题位、Content 内容部分、Footer 底部操作位,而在这三个部分所组成的内容当中。
其中由于它的用途不同,我们可以将其简单的分类为:确认对话框、消息提示对话框、功能业务对话框
确认对话框:展示对内容信息的二次确认,这样能够减少用户的误操作,降低操作风险。主要差别是内容部分以操作过程会出现的问题为主来进行展示。其本质就是一个二次确认的过程,需要用户去做出判断,它要比 气泡确认框 更加重要,阻断性也更强。
消息提示对话框:展示对应的状态提示,比如当你删除掉一个知识库这种重要操作时,我可以通过消息提示对话框来将成功或者失败的消息展示给你,并且也能够让用户知道问题究竟出现在哪里。其本质就是一个消息状态通知,只是更为重要。
功能业务对话框:将 Content 内容部分进行优化,用于展示更多复杂信息,比如 各种复杂信息录入(输入框、单选、多选...)以及各种信息呈现,它能够通过功能业务对话框,去完成很多业务要求。同时使用弹窗的形式,能够帮助我们不脱离当前业务的前提下完成更多操作。当然在实际工作当中你会发现,它能够承载的内容是非常多的,比如步骤条、Tab 标签、各种选择录入,因此我认为这种类型的对话框本质上就是一个 容器,可以去承载很多内容。
更多注意事项就是弹窗部分的内容,比如尺寸宽度究竟是多少、高度为多少,是否有蒙层 等等... 如果不了解,可以去查看弹窗这篇文章。
万字干货!超全面的B端设计指南:弹窗篇 这篇文章是我自己在工作中受到各种摧残、无数次开会讨论总结而来,如果你现在深处B端行业,强烈建议大家一定要看完。
阅读文章 >
三、组件的差异对比 了解组件的差别
为了让同学们能够快速了解这几个组件之间的差别,我们尝试把刚才提到的这么多组件进行相应的对比,分析一下其中差异点。
1. 全局提示与警告提示
首先这两个组件在设计样式上是非常相似的,并且本身使用环境差距不大,因此很容易把这两个组件进行混淆。其实我们可以从多个方面去进行对比区分:
全局提示不建议使用关闭入口 全局提示优先级更低,主要提示非紧急通知;警告提示则提示更多紧急需要用户立马操作的通知 全局提示会停留 3-5s 后自动消失;警告提示则需要操作后消失 2. 气泡确认框与对话框之间的差别
这两个组件之间,同为用户二次确认的组件类型,但在实际的业务当中有着重要级之间的关系。
气泡确认框相对适合阻断流程意味不强的情况,它更为轻量。对话框反之 很多时候气泡确认框会成为 对话框 的二次确认方式,这样能够避免出现弹窗套弹窗的尴尬局面 四、消息通知的优化 了解除了传统组件之外的通知方式
我们在去理解消息通知的时候,往往不能够只去看待消息通知本身的组件形式,最终的目的一定是让用户能够更快速、直观的了解到他所关心的内容,因此在设计上,我们可以进行对应的优化。
1. 声音提示
因为我们大多数 B 端产品都是采取网页端的形式进行内容呈现,因此往往会忽略通知提示当中的声音部分。虽然我们在网页端,但是也能够通过播放声音 + 页签的信息通知(你有一个新消息,注意查看),让用户知道他有重要信息需要处理,这样也能间接达到目的。
2. 多端联动
大多数 B 端产品,都会遇到系统当中主要都是聚焦于桌面端,移动端的体验几乎为零。因为很多产品目前的移动端都是使用小程序解决,那通知就变得更加困难,这时候其实可以尝试用一些通用方式打通设备限制。比如我们可以尝试发送 微信 订阅号 推送系统通知,这样既能够保证用户日常的使用习惯,同时进行多设备间的联动。
再举一个例子,比如在日历模块,其实就可以通过日历本身的 CalDAV 帐户,来实现多设备间的日历联动,这样就能够保证 桌面端不是一个孤岛~
3. 通知分类
通知本身就是高触发的一个场景,就类似于手机的短信一样,会存在大量的冗余信息。因此我们再去设计通知的时候,考虑到不同的通知类型一定要采取不同的处理办法。
而想要在工作当中做好这件事,必须先将系统当中所有的通知信息进行整理,从而将其进行分类,分类规则大体遵循:用户之间互动>用户系统互动>系统系统互动。
因此作为 B 端设计师,组件之间的差异一定要重视起来。
结尾 消息通知就像是我们用户与系统、用户与用户之间的一个桥梁,而各种消息通知能够让我们用户知道操作是否正确。也正是很多设计系统讲的原则:操作之后有反馈,你的反馈内容是什么,就会直接决定我是否敢于去操作。
欢迎关注作者的微信公众号: CE青年Youthce
-
如何清晰量化设计价值?试试这个超实用的GSSM模型!
UI交互 2022-11-19编者按:本文通过实战案例,帮你掌握一个能量化设计价值的GSSM模型。更多设计量化模型:如何量化产品体验?来看阿里出品的度量模型作为一个体验设计师,我们会面临很多问题:复杂的产品需求、纠缠的技术逻辑、难以决策的设计方案、难以计量的设计价值。编者按:本文通过实战案例,帮你掌握一个能量化设计价值的 GSSM模型 。
更多 设计量化 模型:
如何量化产品体验?来看阿里出品的度量模型 作为一个体验设计师,我们会面临很多问题:复杂的产品需求、纠缠的技术逻辑、难以决策的设计方案、难以计量的设计价值。
阅读文章 >
对阿社来说,渠道拉新的产品至关重要,这波自驱的设计优化 leader 们也尤为看好。
来自微信朋友圈渠道拉新产品
业务方:这个策略(图右),ROI可能不高,原因有三:
加图的话,需要有个配置后台,这样会牵扯到更多资源投入; 加图后屏效变低了; 这些内容前面的详情页应该展示很清楚了,是不是没有必要再展示一遍; “有必要啊!用户还是想要再确认一遍到底买了什么。”
“文案不是一样能确认么?”
“有图没图不一样,有图更直观的表达咱们的课程价值啊!加上吧!”
“ROI 不高算了吧”
“加上吧!”
“算了吧”
“…”
最终以不欢而散收场。
阿社所遇到的问题,症结就在于缺少量化指标,凭直觉一定会被业务质疑和挑战。
如何解决呐?今天分享一个设计大招-GSSM 模型,让你更清晰的量化设计。
一、理论讲解 GSM 模型是 google 的用户体验团队提出的一套指标体系,该模型提出之初是为了衡量 用户体验 的,后来被广泛用在指标维度拆解上。
在 google 团队的 GSM 理论基础上,我增加了一个策略 S(strategy),会让整个思路更顺畅。
Goal 目标:从业务目标到设计目标; Strategy 策略:即设计点,颗粒度可大可小; Signal 行为现象信号:策略会让用户产生什么行为/会发生什么样的现象; Metric 度量指标:多为数据指标。 以一个最简单的 banner 为例,大家都知道衡量 banner 的指标是点击率(CTR),为什么是它?
(如下图)同样的位置,UV 曝光是不变的,那么想要提升 banner 的点击率,就要去提升按钮 UV 点击数。
GMMS 模型在 banner 中的应用
日常项目中,达成一个设计目标,策略可能不止一种,于是模型抽象为下图:
GMMS 模型及 thinkflow
有了这个分析模型,咱们看看阿社的问题是如何解决的。
二、实践应用 业务既然看ROI,我们就需要找到策略②的衡量指标; 这个指标最好是现有的数据; 如果没有,需要想办法小成本验证(因为资源问题); OK,开始找指标。
阿社的假设很简单,加上实物配图(策略),可以让用户更清晰的感受到我们课程大礼包的价值,从而巩固决策,提升下单点击意愿(设计目标)。
我们继续推演。
有了实物配图,会对用户产生什么影响呐?
用户可能会觉得还真挺值的,想要看看还有哪些,于是 点击展开全部。
而这个行为的衡量指标,就是 展开全部 的点击率。
到这里,指标找到了。
同样的指标,在线上也有,叫“展开”。
阿社赶忙找业务要了这个点位的数据,31.2%,关心的人还不少。业务看着数据,观点也开始了动摇。
阿社趁热打铁,建议可以拿一个固定的 sku 来试试,不用配置,前端写死就成。成本确实非常低。
自然,问题解决了,方案顺利推进了下去。
AB 上线后,新版提交按钮转化比旧版提升了 20%,而展开全部的点击率,也提升了 33.3%。
凭借着 GSSM 模型,阿社成功证明了自己的设计价值!
三、理论进阶 以上是一个很小的案例,为了让大家方便理解。
高阶设计师所面临的不单单是一个页面那么简单,更多是一些复杂的链路/漏斗。于是在 GSSM 之前,有了 Pageflow(页面流/漏斗)。
既然已经掌握了 1 个页面的设计价值如何验证,那么遵循同样方法,一整个漏斗也不在话下。
但问题来了,所有的设计点都要去验证么?一个大型项目,交互的设计点、UI 的设计点无数,也验证不过来啊。
答案自然是否定的。
凡事要有重点,找到关键的业务指标,花更多的精力去打磨你的设计点,解决关键的问题,拿到好的数据指标。
这个设计点,才是所谓的“设计亮点”。
写在最后 今天的大招分享先到这里,能坚持看到这里的朋友,是真的爱学习呐~ 送上文中出现过的全套模型源文件,点击链接查看。
「GSSM模型」送上 : https://mastergo.com/file/77346290571188
-
5000字干货!超全面的B端设计指南:消息通知
UI交互 2022-11-19消息通知在我们设计的过程当中非常重要,因为它作为系统与用户之间沟通的桥梁,能够帮助我们提示用户:“目前的操作状态、系统的公告、用户之间的互动内容”,而不同的消息内容,我们需要使用不同的消息通知组件来进行反馈,比如用户与用户之间的互动应该采取什么互动方式?本文就来说说消息通知组件的具体使用。上期回顾:万字干货!消息通知在我们设计的过程当中非常重要,因为它作为系统与用户之间沟通的桥梁,能够帮助我们提示用户:“目前的操作状态、系统的公告、用户之间的互动内容”,而不同的消息内容,我们需要使用不同的消息通知组件来进行反馈,比如用户与用户之间的互动应该采取什么互动方式?本文就来说说消息通知组件的具体使用。
上期回顾:
万字干货!超全面的B端设计指南:弹窗篇 这篇文章是我自己在工作中受到各种摧残、无数次开会讨论总结而来,如果你现在深处B端行业,强烈建议大家一定要看完。
阅读文章 >
一、消息通知的定义 具体有哪些组件是消息通知
我查阅了各大设计系统[1],发现它们对于消息通知的定义都叫做“反馈”,即信息反馈给用户的形式。而在其反馈的组件当中,会包含有:全局提示(Message)、通知提醒框(Modal)、气泡确认框(Popcomfirm)、对话框(Modal)、抽屉(Drawer)、进度条(Progress)、结果页(Result)、加载中(Spin)、骨架屏(Skeleton)
但由于组件太多,我们把系统当中用到最多的 消息通知 部分单独拿出来分析,剩余部分则放在最后去做解析。
对于反馈的内容来说,系统当中会存在 正面、负面、普通 三种不同的反馈情绪,比如
你的账号已经过期,对于系统来说他就会提供一个 负面 的消息通知组件,因此我们会对消息通知的类型进行一个简单的分类:
正向主要包含有:全局提示(Message)、通知提醒框(Modal)、气泡确认框(Popcomfirm)
负向主要包含有:警告提示(Alert )、对话框(Modal)、通知提醒框(Modal)
当然大家一定要记住,关于 正向 和 负向 的类型,它并不是绝对的,只是大多数情况下它的情绪与这个相关。
[1]查阅的设计系统包含:Element、Arco、Ant、Lightning...
二、消息通知的设计 关于消息通知究竟有哪些
为了让所有同学能够快速直接的了解消息通知的设计形式,我们尝试去“测评”,将目前的所有消息通知组件,然后按照:「操作干扰度、反馈消息的强弱、出现位置」三个维度来对消息通知进行分类,从而得出消息 通知设计 当中,它们的差别究竟在哪?
信息展示量:
信息展示量表示组件能够承载多少信息内容。因为不同的组件它们的使用环境本身并不相同,我们可以通过原子的划分大致归纳为:图标、文本、链接、按钮、容器差别。
上万字干货!设计师必读的原子设计完整指南 「我们不设计页面,我们设计构成元素的系统。
阅读文章 >
操作干扰度:
操作干扰度主要是 对用户当中操作会不会产生相应干扰,比如一个 全局提示和一个对话框,它们对于用户的影响程度是完全不一样的,因此会使用干扰度进行判断。当然操作干扰度这个维度过于主观,我们又将其细分为:持续时间、是否阻断、信息来源 三个方面。
持续时间:用于表示这个组件在页面当中究竟需要停留多久时间,这样能够帮助我们判断其干扰程度。
是否阻断:页面当中是否会出现 蒙层 用于阻断用户注意力。这也是判断干扰程度的重要指标。
信息来源:这条内容主要来自哪里,分为 系统、用户 两种来源方式。
出现位置:
这个组件究竟会在哪一个地方出现,主要考虑它们的呼出方式,以及对应呈现内容,能够帮助我们快速理解。
1. 全局提示丨 Message 全局提示在用户执行操作时,不会中断当前用户操作的前提下,通知提示一条简短的消息。
它在整个 B 端系统当中使用的频率非常的高,比如:我们在填写一个表单过后,就会收到全局提示;修改完一个信息过后,会收到一个全局提示。
而它在使用过程当中会有以下几个特点:
信息展示量:
全局提示只会展示:图标、容器、提示文字,相对来说它展示的内容较少,是一个非常简单的组件类型。
在实际工作当中,因为它内容量少,更多提示用户的便是正确的操作,比如 已添加成功、编辑成功、保存成功 等正向情绪。
操作干扰度:
关于干扰程度,我们刚才讲到一共会有三个判断依据,因此我就从这三个方面来去判断具体提示的干扰程度。
持续时间:非常驻,一般 3-5s 即可消失 是否阻断:否 信息来源:系统收到用户操作后的提醒 出现位置:
全局提示因为其内容较少(图标+文字),因此很多时候需要出现在较为显眼的位置。
我们在使用全局提示的时候,基本上都会出现在页面顶部居中的位置,通常距离顶部的距离为 40-60px。这个位置大概率是顶部导航与页面内容的交汇处,不会影响用户的使用。
注意事项:
关于注意事项,其实就是我们在实际工作当中,还需要去考虑的一些小知识点,我们将其汇总到此:
① 全局提示一共会有五种样式类型,分为是:指南提示(Info)、普通提示(Normal)、成功提示(Success)、警示提示( Warning)、失败提示( Error)。
这时候,认真的同学可能会问:老师,你刚才讲了全局提示不是表达 正面 的结果吗?怎么还会出现 警告、失败等信息呢?
原因主要是失败也要分很多种,比如在一些小的操作时,你确实不能提供对应的功能,就可以展示警告信息:
② 全局提示“一般”不会存在关闭入口,因为它可以自动消失,不提供给用户关闭入口还会让他知道,这个通知本身就会自动消失。所以很多情况下可以忽略关闭入口这个选择。
③ 关于它的停留时间,我们可以在设计系统当中的 API 里进行自定义,通常 3s - 5s 即可。在去做组件时,一定要去看组件的对应开发文档,了解这个组件究竟支持哪些自定义功能(拒绝被开发忽悠)
④ 全局提示在短时间内,可以提升多次,多次提示时,按照先后顺序从上往下进行排列
2. 警告提示丨 Alert 警告提示常驻于页面中,用于表示持续性的提示信息。多用于危险、警告、紧急 等负面情绪当中。
在实际工作当中,因为它的特殊性,一般会用在 系统、全局 性的危险通知上。比如你的订阅时间已超时、账号团队即将解散 等通知上。
信息展示量:
这里警告提示会比全局提示展示的信息更多,它主要包含:图标、提示文字、辅助文字、按钮、关闭入口
操作干扰度:
持续时间:常驻,需用户点击关闭后才会消失 是否阻断:否 信息来源:系统收到用户操作后的提醒 警告提示的常用场景:多用于警告、危险等情况,需要提醒用户,引起他们的注意。比如提示欠费、需要充值
出现位置:
因为其需要常驻,所以通常在设计时候,我们会将它放在模块与模块之间,进行展示。这样既不会影响到其他内容呈现,同时自己又能常驻。
注意事项:
全局提示主要呈现 警告、紧急的消息通知,如果想通知一些普通消息,完全可以使用 通知提醒框 来进行提示。 全局提示主要是在 模块与模块之间 去做呈现。 3. 通知提醒框丨 Notification 通知提醒框在页面当中,主要是以互动的消息为主,全局展示通知提醒,将信息及时有效的传达给用户。在实际的工作当中, 通知提醒框主要用来提示互动等有价值的信息。
信息展示量:
这里通知提示框主要包含:标题、辅助文字、按钮、关闭入口
操作干扰度:
持续时间:常驻 / 3-5s 消失 是否阻断:否 信息来源:用户与用户之间的互动、系统通知 出现位置:
在整个通知提醒框的使用过程中,因为它本身就是与用户之间的互动所产生的,而这种活动就如同在桌面端当中你收到的消息,我们会将其归纳到右上角的位置去做呈现。这样既不会太影响用户,同时也能够保证消息通知的及时性。
4. 气泡确认框丨 Popconfirm 气泡确认框是我们在工作当中使用频率相对较低的组件。它能够通过组件当中的卡片,完成与用户的快捷对话,但是由于在实际的场景当中,对话确认是需要强提示的方式,因此总感觉气泡确认框在它的使用上,有着些许矛盾。气泡卡片轻量、不易干扰用户,但是对话框要求阻断意味更强。
信息展示量:
首先我们从信息展示量来说,气泡确认框主要由 触发器、气泡卡片、图标、文本、按钮操作,五部分组成。
在设计时需要格外注意,气泡确认框本身不能够过于复杂,否则在一个气泡卡片当中,就显得格外拥挤。如果信息过多,就考虑使用 对话框 来进行呈现与优化。
操作干扰度
持续时间:用户点击触发器后才能展示,操作过后即可消失。 是否阻断:否(气泡卡片不会存在阻断的情况) 出现位置:跟随触发器位置进行呼出,通常会在触发器的上方来进行展示,如果触发器位置靠近边缘,则考虑移动到其他位置进行调整。
5. 对话框丨 Modal 对话框在整个系统当中非常重要,因为你会发现在整个系统当中或多或少都会有它的身影,比如一个常见的数据录入表单,它的整体感觉和对话框较为类似;又或者是 一个穿梭框,你会发现也有异曲同工之处,因此我们先来看一下对话框究竟是什么?
对话框主要用于信息确认与信息录入,使用对话框会中断用户当前的任务流程,同时会对用户造成些许干扰,因此在使用的时候,我们都需要非常谨慎。
操作干扰度:
持续时间:常驻,需要操作完信息后,点击提交才会消失 是否阻断:是,通过黑色蒙层的方式,让用户聚焦于表单内部 信息来源:根据预设的内容,进行展示 出现位置:位于整个页面的中部,主要目的能够让用户聚焦于内容,减少分心。因为对话框的出现,用户必须操作完对应信息过后才能够进入到下一个环节, 因此它在整个流程当中非常重要。 对话框的类型:
在整个对话框的展示当中,你会发现它主要分为三部分,分别是 Header 标题位、Content 内容部分、Footer 底部操作位,而在这三个部分所组成的内容当中。
其中由于它的用途不同,我们可以将其简单的分类为:确认对话框、消息提示对话框、功能业务对话框
确认对话框:展示对内容信息的二次确认,这样能够减少用户的误操作,降低操作风险。主要差别是内容部分以操作过程会出现的问题为主来进行展示。其本质就是一个二次确认的过程,需要用户去做出判断,它要比 气泡确认框 更加重要,阻断性也更强。
消息提示对话框:展示对应的状态提示,比如当你删除掉一个知识库这种重要操作时,我可以通过消息提示对话框来将成功或者失败的消息展示给你,并且也能够让用户知道问题究竟出现在哪里。其本质就是一个消息状态通知,只是更为重要。
功能业务对话框:将 Content 内容部分进行优化,用于展示更多复杂信息,比如 各种复杂信息录入(输入框、单选、多选...)以及各种信息呈现,它能够通过功能业务对话框,去完成很多业务要求。同时使用弹窗的形式,能够帮助我们不脱离当前业务的前提下完成更多操作。当然在实际工作当中你会发现,它能够承载的内容是非常多的,比如步骤条、Tab 标签、各种选择录入,因此我认为这种类型的对话框本质上就是一个 容器,可以去承载很多内容。
更多注意事项就是弹窗部分的内容,比如尺寸宽度究竟是多少、高度为多少,是否有蒙层 等等... 如果不了解,可以去查看弹窗这篇文章。
万字干货!超全面的B端设计指南:弹窗篇 这篇文章是我自己在工作中受到各种摧残、无数次开会讨论总结而来,如果你现在深处B端行业,强烈建议大家一定要看完。
阅读文章 >
三、组件的差异对比 了解组件的差别
为了让同学们能够快速了解这几个组件之间的差别,我们尝试把刚才提到的这么多组件进行相应的对比,分析一下其中差异点。
1. 全局提示与警告提示
首先这两个组件在设计样式上是非常相似的,并且本身使用环境差距不大,因此很容易把这两个组件进行混淆。其实我们可以从多个方面去进行对比区分:
全局提示不建议使用关闭入口 全局提示优先级更低,主要提示非紧急通知;警告提示则提示更多紧急需要用户立马操作的通知 全局提示会停留 3-5s 后自动消失;警告提示则需要操作后消失 2. 气泡确认框与对话框之间的差别
这两个组件之间,同为用户二次确认的组件类型,但在实际的业务当中有着重要级之间的关系。
气泡确认框相对适合阻断流程意味不强的情况,它更为轻量。对话框反之 很多时候气泡确认框会成为 对话框 的二次确认方式,这样能够避免出现弹窗套弹窗的尴尬局面 四、消息通知的优化 了解除了传统组件之外的通知方式
我们在去理解消息通知的时候,往往不能够只去看待消息通知本身的组件形式,最终的目的一定是让用户能够更快速、直观的了解到他所关心的内容,因此在设计上,我们可以进行对应的优化。
1. 声音提示
因为我们大多数 B 端产品都是采取网页端的形式进行内容呈现,因此往往会忽略通知提示当中的声音部分。虽然我们在网页端,但是也能够通过播放声音 + 页签的信息通知(你有一个新消息,注意查看),让用户知道他有重要信息需要处理,这样也能间接达到目的。
2. 多端联动
大多数 B 端产品,都会遇到系统当中主要都是聚焦于桌面端,移动端的体验几乎为零。因为很多产品目前的移动端都是使用小程序解决,那通知就变得更加困难,这时候其实可以尝试用一些通用方式打通设备限制。比如我们可以尝试发送 微信 订阅号 推送系统通知,这样既能够保证用户日常的使用习惯,同时进行多设备间的联动。
再举一个例子,比如在日历模块,其实就可以通过日历本身的 CalDAV 帐户,来实现多设备间的日历联动,这样就能够保证 桌面端不是一个孤岛~
3. 通知分类
通知本身就是高触发的一个场景,就类似于手机的短信一样,会存在大量的冗余信息。因此我们再去设计通知的时候,考虑到不同的通知类型一定要采取不同的处理办法。
而想要在工作当中做好这件事,必须先将系统当中所有的通知信息进行整理,从而将其进行分类,分类规则大体遵循:用户之间互动>用户系统互动>系统系统互动。
因此作为 B 端设计师,组件之间的差异一定要重视起来。
结尾 消息通知就像是我们用户与系统、用户与用户之间的一个桥梁,而各种消息通知能够让我们用户知道操作是否正确。也正是很多设计系统讲的原则:操作之后有反馈,你的反馈内容是什么,就会直接决定我是否敢于去操作。
欢迎关注作者的微信公众号: CE青年Youthce
-
如何清晰量化设计价值?试试这个超实用的GSSM模型!
UI交互 2022-11-19编者按:本文通过实战案例,帮你掌握一个能量化设计价值的GSSM模型。更多设计量化模型:如何量化产品体验?来看阿里出品的度量模型作为一个体验设计师,我们会面临很多问题:复杂的产品需求、纠缠的技术逻辑、难以决策的设计方案、难以计量的设计价值。编者按:本文通过实战案例,帮你掌握一个能量化设计价值的 GSSM模型 。
更多 设计量化 模型:
如何量化产品体验?来看阿里出品的度量模型 作为一个体验设计师,我们会面临很多问题:复杂的产品需求、纠缠的技术逻辑、难以决策的设计方案、难以计量的设计价值。
阅读文章 >
对阿社来说,渠道拉新的产品至关重要,这波自驱的设计优化 leader 们也尤为看好。
来自微信朋友圈渠道拉新产品
业务方:这个策略(图右),ROI可能不高,原因有三:
加图的话,需要有个配置后台,这样会牵扯到更多资源投入; 加图后屏效变低了; 这些内容前面的详情页应该展示很清楚了,是不是没有必要再展示一遍; “有必要啊!用户还是想要再确认一遍到底买了什么。”
“文案不是一样能确认么?”
“有图没图不一样,有图更直观的表达咱们的课程价值啊!加上吧!”
“ROI 不高算了吧”
“加上吧!”
“算了吧”
“…”
最终以不欢而散收场。
阿社所遇到的问题,症结就在于缺少量化指标,凭直觉一定会被业务质疑和挑战。
如何解决呐?今天分享一个设计大招-GSSM 模型,让你更清晰的量化设计。
一、理论讲解 GSM 模型是 google 的用户体验团队提出的一套指标体系,该模型提出之初是为了衡量 用户体验 的,后来被广泛用在指标维度拆解上。
在 google 团队的 GSM 理论基础上,我增加了一个策略 S(strategy),会让整个思路更顺畅。
Goal 目标:从业务目标到设计目标; Strategy 策略:即设计点,颗粒度可大可小; Signal 行为现象信号:策略会让用户产生什么行为/会发生什么样的现象; Metric 度量指标:多为数据指标。 以一个最简单的 banner 为例,大家都知道衡量 banner 的指标是点击率(CTR),为什么是它?
(如下图)同样的位置,UV 曝光是不变的,那么想要提升 banner 的点击率,就要去提升按钮 UV 点击数。
GMMS 模型在 banner 中的应用
日常项目中,达成一个设计目标,策略可能不止一种,于是模型抽象为下图:
GMMS 模型及 thinkflow
有了这个分析模型,咱们看看阿社的问题是如何解决的。
二、实践应用 业务既然看ROI,我们就需要找到策略②的衡量指标; 这个指标最好是现有的数据; 如果没有,需要想办法小成本验证(因为资源问题); OK,开始找指标。
阿社的假设很简单,加上实物配图(策略),可以让用户更清晰的感受到我们课程大礼包的价值,从而巩固决策,提升下单点击意愿(设计目标)。
我们继续推演。
有了实物配图,会对用户产生什么影响呐?
用户可能会觉得还真挺值的,想要看看还有哪些,于是 点击展开全部。
而这个行为的衡量指标,就是 展开全部 的点击率。
到这里,指标找到了。
同样的指标,在线上也有,叫“展开”。
阿社赶忙找业务要了这个点位的数据,31.2%,关心的人还不少。业务看着数据,观点也开始了动摇。
阿社趁热打铁,建议可以拿一个固定的 sku 来试试,不用配置,前端写死就成。成本确实非常低。
自然,问题解决了,方案顺利推进了下去。
AB 上线后,新版提交按钮转化比旧版提升了 20%,而展开全部的点击率,也提升了 33.3%。
凭借着 GSSM 模型,阿社成功证明了自己的设计价值!
三、理论进阶 以上是一个很小的案例,为了让大家方便理解。
高阶设计师所面临的不单单是一个页面那么简单,更多是一些复杂的链路/漏斗。于是在 GSSM 之前,有了 Pageflow(页面流/漏斗)。
既然已经掌握了 1 个页面的设计价值如何验证,那么遵循同样方法,一整个漏斗也不在话下。
但问题来了,所有的设计点都要去验证么?一个大型项目,交互的设计点、UI 的设计点无数,也验证不过来啊。
答案自然是否定的。
凡事要有重点,找到关键的业务指标,花更多的精力去打磨你的设计点,解决关键的问题,拿到好的数据指标。
这个设计点,才是所谓的“设计亮点”。
写在最后 今天的大招分享先到这里,能坚持看到这里的朋友,是真的爱学习呐~ 送上文中出现过的全套模型源文件,点击链接查看。
「GSSM模型」送上 : https://mastergo.com/file/77346290571188
-
汽车云,云计算的下一个战场
设计动态 2022-11-18从“上云”到“造车”,大厂的边界突围战如火如荼,如今第三轮更加聚焦的“汽车云”竞赛,再次刺激着业内人士的神经。 就在近日,腾讯宣布与上汽子公司中海庭牵手,在地图服务、智能汽车云等领域开放合作,可以说是在今年6月腾讯智慧出行发布“车云一体”战略规划后的一次具体业大厂云服务在汽车领域都开始摩拳擦掌,“汽车云”究竟是什么?又是什么推动它不断发展?本文以各大汽车厂商与大厂云服务为例,分析了云计算在汽车云领域的发展现状与前景,希望对关注云计算领域的你有所帮助。
从“上云”到“造车”,大厂的边界突围战如火如荼,如今第三轮更加聚焦的“汽车云”竞赛,再次刺激着业内人士的神经。
就在近日,腾讯宣布与上汽子公司中海庭牵手,在地图服务、智能汽车云等领域开放合作,可以说是在今年6月腾讯智慧出行发布“车云一体”战略规划后的一次具体业务落地。
腾讯之外,在该领域内已经有不少互联网大厂摩拳擦掌。远的不说,月初的云栖大会上,阿里云“汽车云”正式亮相,主要围绕自动驾驶、智造、营销三大业务场景;而在9月的2022智能经济高峰论坛上,百度智能云发布了 “云智一体3.0”架构,并首次发布“汽车云”,等等。
国内“汽车云”领域已经凑够了“BATHD(百度、阿里、腾讯、华为、抖音)”,国外的大厂也不乏大动作:
今年10月13日,亚马逊在云科技中国峰会上,宣布将升级推出“汽车行业创新加速计划”2.0;在2022世界新能源汽车大会上,微软首次发布了以智能云与智能边缘技术为基础,面向汽车和移动出行领域的整体解决方案。
当然,大厂们布局“汽车云”,或多或少都与自身原本的云业务顺滑承接。此前十年,针对特定领域推出的云服务已经从金融、零售、政务等行业普及开来,现在又是什么成为现阶段大厂们聚焦在“汽车云”领域的驱动因素?
一、 祛魅“汽车云” 如果非要拎出来一条主线,数据是大厂云集“汽车云”最主要的驱动因素。
根据Garner估计,单个自动驾驶联网车辆每天至少产生4TB数据,每年约产生数百PB的数据。随着智能网联汽车渗透率的提升,还将诞生海量的驾驶场景数据,服务商未来需处理的数量估计可达ZB级。
对于自动驾驶场景来说,厂商需要海量的数据来做数据标注、大模型训练、仿真测试等工作。如何从海量数据中挖掘价值场景并进行算法优化,将为自动驾驶技术商用落地起到巨大推动作用。
拿仿真测试场景来说,需要了解的是,自动驾驶商业化的三个阶段包括:虚拟仿真测试—封闭场地测试—开放道路测试。
仿真测试是实现高阶自动驾驶落地应用的关键一环。即无需实车,直接通过仿真软件将自动驾驶的应用场景,进行数字化还原,建立尽可能多的真实世界系统模型,进行测试验证。
当下,自动驾驶应用已经进入城市场景,现实世界各种极端的corner case将层出不穷,而这时仿真测试的重要性就凸显出来。
在自动驾驶仿真测试中,云服务发挥了重要作用。数据显示,云服务能够将算法训练效率提升10倍以上,数据处理成本降低50%,在提升自动驾驶的迭代效率、增强自动驾驶安全性方面意义重大。
典型的例子是“扶摇”。今年8月,小鹏汽车和阿里云宣布在乌兰察布建成国内最大的自动驾驶智算中心“扶摇”,专用于自动驾驶模型训练。
按照小鹏的说法,“扶摇”是全国最大的自动驾驶智算中心。基于阿里云智能计算平台,算力可达600PFLOPS(每秒浮点运算60亿亿次)。在“扶摇”的加持下,自动驾驶模型训练效率能提升602倍。
这还只是云计算在自动驾驶领域内的应用。根据分析机构弗若斯特沙利文发布的《2021年中国汽车云市场追踪报告》,中国汽车云服务按应用场景可分为自动驾驶、车联网、车路协同以及车企数字化转型场景。
报告中,“汽车云”被定义为以车企/整车厂为目标并通过IaaS、PaaS以及SaaS层的服务形式,提供涵盖汽车的设计、研发、生产/制造、销售及售后等全生命周期的相关服务。
简单来说,可以将“汽车云”服务分为两大类:一是上文中提到的自动驾驶、车联网、车路协同等落地应用场景,二是针对车企数字化转型,满足数字化管理和供应链协同需求,覆盖生产、管理、营销等各环节。
可以发现,大厂的汽车云业务也主要围绕这两大场景展开细化布局。
今年9月,百度智能云在2022智能经济高峰论坛上推出三朵汽车云:覆盖研发、生产、服务环节的集团云,覆盖自动驾驶、智能座舱的网联云,以及覆盖产业协同、物流调度的供应链协同云;
此次在云栖大会上一展身手的阿里“汽车云”,同样也分为自动驾驶云、智造云、营销云三大板块。至于其他厂商,则主要聚焦在汽车的智能化,而弱化了供应链、生产、营销等环节。
总的来说,作为全球自动驾驶、车联网、软件定义汽车的创新高地,中国汽车市场对数字化转型需求的体量大、程度深,大厂从云端切入汽车领域布局,也算是顺势而为。
二、车企的“云包袱” 尽管车企云化可以给企业带来价值,但是大多车企背负巨大的历史包袱。这就导致绝大部分云解决方案,在很大程度上仍然局限于核心业务之外,以离散的、战术性的和针对性的形式出现。
根据埃森哲发布的报告显示,汽车制造商不愿意在核心运营中采用云计算,其中最重要的原因是,在行业内根深蒂固的和相对保守的以技术为核心的产业思维模式。
过往汽车制造商聚焦于核心技术竞争力,通过建立和运行内部系统及与此相关的流程,使自身取得了蓬勃发展。因此,它们往往对于任何形式的第三方外包服务,都持有谨慎的态度。
具体表现在,除了接入公有云平台,主机厂也同样部署自己的私有云平台,采用私有云+公有云的混合云部署模式,弱化与云厂商的“供应绑定”。
举个例子,最近与地平线组建合资公司的大众汽车集团,希望打造一个统一软件平台和架构,满足旗下所有品牌需求,支持大众汽车集团自主开发的操作系统和大众汽车云。
资料显示,预计到2030年,大众汽车软件和技术公司CARIAD计划将全球4000多万辆大众汽车车队接入汽车云,实现大范围的服务覆盖。
这不是个例,与腾讯云合作的上汽集团,于2017年成立云计算子公司帆一尚行。目前,帆一尚行已为上汽集团总部、上汽乘用车、上汽大通、斑马汽车、享道等60+家下属公司,提供云产品服务和解决方案。
在这些例子中,有“云包袱”的几乎都是传统车企。相较而言,造车新势力们更快走在汽车上云的前列。
其实,如今的新势力们重心都在汽车产品迭代上,因此利用云厂商的技术和低成本的资源上云未尝不可。而当车企之间的竞争层面进入白热化阶段,对于自建“汽车云”的布局,势必会提上日程。
此外,“汽车云”还涉及关键的数据归属问题。许多汽车制造企业的高管团队,深切担忧云端的数据安全和隐私保护。
这与上汽集团董事长陈虹的“灵魂论”殊途同归——整体解决方案之下,供应商和车企到底谁掌握了汽车的“灵魂”?
阿里曾与上汽集团建立合作关系,双方共同开发的车载操作系统“斑马智行”,率先搭载到上汽集团荣威新车型RX5上。但随后双方对斑马系统的控制权产生分歧,而焦点正是账户和数据。
与此同时,“汽车云”的战火愈烧愈烈,云厂商对车企进行激烈争夺,厂商同时与多家云供应商合作的情况也变得常见。
根据阿里云透露,目前其“汽车云”在国内已服务超过70%的汽车企业,小鹏、一汽、吉利、长城、长安、地平线等均已上云。根据公开信息显示,这些车企客户并不专一。
以小鹏为例,除了与阿里云的合作智算中心之外,今年年初,微软宣布与小鹏汽车达成合作,在基于微软智能云Azure的深度神经网络 TTS(Text-to-Speech)支持下,小鹏汽车完成其车规级语音助手升级。
新势力之外,传统车企中,譬如此前大众集团的汽车云(车辆、客户和服务)采用微软技术,工业云(生产和供应链管理)采用亚马逊技术。其他主机厂的情况大多如是。
三、写在最后 从某种程度而言,云计算其实是新瓶装旧酒,即通过新技术革新老行业。而在走过十余年风雨历程后,如果说云计算上半场是互联网行业的争夺战,那么传统领域则成为云计算企业下半场发力的重点。
近年来,传统行业的转型不断提速,给云市场带来了新的增长点。而此次针对汽车行业的“汽车云”,其实也是新技术革新老行业的产物。
眼下,中国汽车云市场规模的增长,主要来源于下游车企的上云需求以及自动驾驶和车联网市场的发展。同时,中国汽车数字化转型的相关利好政策,为汽车云行业提供发展基础。
据《2021年中国汽车云市场追踪报告》显示,中国汽车云行业尚处于发展初期,其交易量于2021年达335.2亿元,但市场规模在未来连续5年将呈现稳定增长趋势。
而值此节点,大厂的云计算业务同样走到十字路口。今年10月26日,IDC发布了《中国公有云服务市场(2022上半年)跟踪》报告,整体市场增长情况并不乐观。
报告显示,2022上半年中国公有云服务市场整体规模(IaaS/PaaS/SaaS)达到165.8亿美元,同比增长34.69%,增长速度有所放缓(2021H1增速为46.55%)。
从厂商份额来看,TOP5没有发生变化。但IDC指出,2022上半年,IaaS+PaaS市场竞争格局呈现一定变化,在其他竞争对手的强烈攻势下,前五厂商的集中度比2021上半年有所下降。
其中,TOP5厂商上半年IaaS市场总份额75.5%,同比2021H1的77%下降1.5%;TOP5厂商上半年IaaS+PaaS的市场总份额73.7%,同比2021H1的75.3%下降1.6%。
对于TOP5的云厂商而言,“汽车云”市场广阔、大有可为,甚至是一次有改善增长颓势的机遇。在此基础上,云大厂在该领域内排兵布阵既是顺水推舟,又是不可不为。
参考资料:
埃森哲《云计算将如何助力,汽车制造商改变行业规则》
甲子光年《BAT竞速“汽车云”,下一个移动互联网级的上云机会》
作者:樟稻 ,编辑:伊页
公众号:科技新知(kejixinzhi)
本文由人人都是产品经理合作媒体@科技新知 授权发布,未经许可,禁止转载。
题图来自 Unsplash,基于CC0协议
该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。
给作者打赏,鼓励TA抓紧创作!
{{{path> 赞赏
-
这些品牌双11没上榜但盈利了,谁说这不是胜利?
设计动态 2022-11-1811月11日下午 6:00 ,Vivi 准时走出办公室,就像是一个平常的周五下午。 Vivi 在一家服装品牌任职,今年线下销售受到影响,老板却强调不必在双11投入太多资源,下半年最重要的是筹备品牌周年庆。这多少让她有些意外。 前几年,Vivi 所在的公司曾大力今年双11明显比往年更冷清,越来越多的品牌选择不参与这场狂欢。但他们不做双11,也不代表代表真的躺平了,而是开始反思成交额和榜单和正确性,转而追求利润和品牌力。本篇文章就来看看那些不做双11的品牌背后的故事,在其中或许能找到降本增效的新思路,感兴趣的朋友快来看看吧。
11月11日下午 6:00 ,Vivi 准时走出办公室,就像是一个平常的周五下午。
Vivi 在一家服装品牌任职,今年线下销售受到影响,老板却强调不必在双11投入太多资源,下半年最重要的是筹备品牌周年庆。这多少让她有些意外。
前几年,Vivi 所在的公司曾大力投入双11,一度冲到过品类榜单 Top3。但事后老板算了一笔账——虽然销售额涨了,利润却越做越少,有一年甚至是亏损的。那次之后,公司开始重新审视双11的重要性。
随着双11临近,Vivi 逐渐理解了老板的决策。“往年还经常在朋友圈看到很多人为了备战双11在公司打地铺,喜报战报满天飞。今年大家却像商量好似的,都不出声了,” Vivi 告诉《刀法研究所》,“我们虽然掉出了榜单,但利润是正的。”
在美妆品牌任职的金一宁也度过了一个佛系的双11。不过和 Vivi 的主动放弃不同,金一宁是被迫躺平的。原因很简单: 公司没钱了。
在这个新消费品牌最卷的赛道之一,没有哪个品牌敢轻易躺平。而今年大家卷的方向高度一致——李佳琦直播间。“像我们这样没选上李佳琦直播间,也没钱做投放的品牌,基本就等于提前结束战斗了。”金一宁说。她已经开始担心公司可能撑不到明年。
Vivi 和金一宁的经历都不是个例。今年双11明显比往年更冷清,越来越多的品牌选择不参与这场狂欢。比如陆冲品牌牛匠,双11期间没有任何优惠活动,连店铺名称后的双11红标都没有加。劲霸男装也几乎从来不上直播间低价促销,把更多精力放在提高平时的动销率上。
和多个品牌操盘手对谈后,《刀法研究所》发现今年双11可能是一个转折点。 品牌开始反思成交额和榜单和正确性,转而追求利润和品牌力。 一边是平台对 GMV 避而不谈,一边是徘徊在十字路口的品牌。双11还有其他可能性吗? 刀法认为,不做双11未必代表真的躺平,而是努力寻求生机的另一种方式。从这些品牌的故事中,或许能找到降本增效的新思路。
一、他们为什么不做双11了? “不是我们不做双11,而是现在每个月都有‘双11’,平时满减补贴多了,双11的优惠力度就弱了,”金一宁说,“自从电商直播常态化后,打折促销就成为常态。消费者知道直播间会打折,就不会原价买。”
为了获得流量和销量,品牌不得不参加平台活动。但促销过于频繁的结果是一再被压缩的利润空间,以及流失的品牌力。 而双11的吸引力,也在一波又一波的满减活动和低价机制中被冲淡了。
平台活动,品牌买单。想要在双11吸引更多消费者,品牌就必须拿出更优惠的机制。而这又会增加投入成本,导致无利可图甚至亏本。如果说以前赔本还能赚吆喝,现在可能就是竹篮打水一场空。何况降价容易涨价难,产品价格体系一旦被破坏,品牌损失的可不止几十几百元的差价。
事实上,金一宁去年就感受到了双11的增长疲软:“退款率明显升高,平台流量有限,只能靠满减券凑单拉升 GMV 。”
压力之下,品牌纷纷想出了五花八门的优惠机制代替直接打折。金一宁所在的美妆行业,就把送赠品小样、会员权益、叠加优惠券玩出了花。直播间里,主播会不断强调加上赠品之后,每 1ml 产品便宜了多少钱,相当于打了几折。许多品牌也很少拿新品参加活动,更多用双11来消耗库存。
然而到了今年,消费者对这种变相打折的方式越来越不买帐了。
“我对小样不感冒,直接打折才够吸引我。”张莹告诉刀法。过去的每个双11,她都准时蹲点抢购,今年却破天荒地什么都没买。转折点是 618 之后,张莹盘点库存发现,家里的小样估计到 2025 年都用不完。
“每次看直播总觉得买到就是赚到,其实并没有便宜多少,反倒是更浪费了。”张莹像是突然醒悟一般,决定摆脱消费主义的洗脑。除了卫生纸、洗发水这类生活快消品,其他产品只在需要的时候买。
越来越理性的消费者,正在倒逼品牌给出更极致的性价比产品。 对此,许多新品牌直言“烧不起钱了”,导致今年双11 几乎成为头部品牌的战场。
星图数据显示,天猫、京东的香水彩妆品类销售总额达 216 亿元,除了在天猫排到 TOP3 的花西子之外,两大平台 TOP5 均不见其他新锐品牌的身影。
金一宁对此深有感触:“大品牌有钱砸预算,趁双11抢占份额,我们小品牌跟着卷只能说苦不堪言。和大牌抢不过流量,就只能“错峰营销”。今年公司避开了双11,把资源前置到 9 月使用,打了一个时间差。”
二、消失的 GMV 和变质的榜单 每年双11结束后,大家最关心的就是 GMV 和各大品类榜单。前几年,GMV 还被放在直播大屏上实时滚动,今年各大平台却缄口不言。
伴随着 GMV 一起消失的,还有品牌们对榜单的依赖—— 双11卖得好,销售能力就一定好吗?越来越多品牌开始怀疑。
“榜单是给外人看的,赚不赚钱只有自己知道,”Vivi 告诉《刀法研究所》,“我们现在做双11不是为了数据好看,盈利永远是第一目标。”
而对于金一宁而言,双11战报也逐渐不具备参考意义了。“今年预售李佳琦直播间贡献了美妆护肤品类近 70% 的销售额,双11卖得好只能说明它们上了超头直播间。”
在金一宁看来,美妆行业不存在不卷的品牌,只有卷不动而被迫放弃的品牌。经历了史上最冷 618 和 3 个月无超头的日子之后,整个美妆行业都希望借双11 一剂回春。“促销做了不一定有效,但不做肯定‘死’得更快。”
我们不得不承认,即使双11跌落神坛了,但在今年的大环境下,它依然是许多小品牌最后一搏的机会。 毕竟一旦上了超头直播间,双11 预售一天的销售额可能是小半年的 GMV。因此,许多品牌挤破头也想进入超头的选品池。
从金一宁工作重心的变化中,能明显感受到超头对品牌营销方式的影响。往年大促,她会做数据分析,研究如何种草引流。近两年的研究对象则变成了达人带货排行榜,看哪些品牌报上了超头,除了李佳琦之外还有哪些主播带货能力强。
随着话语权向超头转移,品牌也逐渐失去了定价权。以前定价要经过严密测算,现在要根据达人的要求看有多少空间。在综艺节目《所有女生的offer2》中,护肤品牌夸迪坦言去年在李佳琦直播间卖出了 35 万盒面膜,但代价是一年的线下广告推广费用。
双11做到今年,无论是平台、品牌还是用户,某种程度都在被推着走。 大家都在等一个破局。“听说现在李佳琦已经失去了全网最低价,这对我们来说也许是个好消息。”金一宁说。
三、“我们没上榜,但是盈利了” 自从老板宣布放弃双11冲销量的目标之后,Vivi 的心情轻松了不少。比起为了大促的短暂爆发而透支资源,她认为提升平时的动销率和利润率更有意义。
为了稳定产品的价格体系,Vivi 所在的品牌不会轻易打折。同时为了提升转化率,公司优化了线下门店激励政策,鼓励店员经营私域流量,以提高单店成交额。在线上渠道,公司针对天猫、抖音等平台成立了小组,保证每个平台有专人负责精细化运营。此外,公司还在尝试将门店会员数据和私域打通,在小程序上寻找新的增长点。
“过度依赖任何一个平台都不是长久之计。”Vivi 对《刀法研究所》说,“我们已经开始建立自己的营销节奏,尽量不被平台牵着走。”比如今年,公司就把最大的投放力度用在了品牌周年庆。虽然现在 GMV 增长有限,但 Vivi 发现用户在私域的留存率、复购率、客单价都有提升。
新锐品牌经历了前两年的快速增长之后,终究要回归生意的基本逻辑。动辄几十、几百亿的规模和估值可以用来和投资人讲故事,但回答不了根本问题:能盈利吗?
至少金一宁的答案是否定的:“我们也知道想盈利就得提升复购、延长 LTV,但现实是你不打折就没人买。我们得先活下去,才有机会修炼内功。”
过完今年双 11,Vivi 对商业也有了新的理解:“以前觉得 GMV 就是做好生意的关键,现在发现品牌想要长久生存,不是谁比规模大、声音响,有利润才能活得健康。”
四、分析师点评 今年双11结束后,许多人都在讨论“双11还有存在的必要吗?”刀法认为当然有。只是平台和品牌都是时候反思“我们需要一个怎样的双11?”了。
刀法访谈的这些不做双11的品牌,有的是因为没钱不得不“躺平”,有的“躺平”是为了走得更远。表面上,它们在双11放弃了低价促销换取销量的机会。但刀法从部分品牌对双11的战略性放弃中,看到了它们对生意模式的反思和求新求变的勇气。 本质上,它们其实在寻找双11的另一种可能性—— 品牌能用更低的成本实现品效合一,用户也可以得到实实在在的优惠。
这应该是双11本来的样子。
注:应采访对象要求,Vivi、金一宁为化名。
作者:晶敏
来源公众号:刀法研究所(ID:DigipontClub),洞察新消费,赋能新品牌,剖析新营销,成就中国好品牌。
本文由人人都是产品经理合作媒体 @刀法研究所 授权发布,未经许可,禁止转载。
题图来自 Unsplash,基于CC0协议。
该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。
给作者打赏,鼓励TA抓紧创作!
{{{path> 赞赏
-
6000字长文!超全面的互联网IP设计指南
UI交互 2022-11-18近年来品牌 IP 形象几乎成了互联网企业的标配,比如有阿里动物园、京东狗、鹅厂,好像每个互联网品牌都要有一个吉祥物,那什么样的平台需要 IP 形象?需要怎么样的 IP 形象?IP 如何赋能品牌?近年来品牌 IP 形象几乎成了互联网企业的标配,比如有阿里动物园、京东狗、鹅厂,好像每个互联网品牌都要有一个吉祥物,那什么样的平台需要 IP 形象?需要怎么样的 IP 形象?IP 如何赋能品牌?IP 如何变现?是我们在设计 IP 的时候,经常面对的灵魂 4 连问,今天我们就来带大家一起揭开 IP 吉祥物的面纱。
更多 IP设计 基础:
4500字干货!帮你快速掌握IP设计基础知识 即使你没有听过川沙妲己,那你也一定听说过玲娜贝儿,之所以称她为川沙妲己,是因为迪士尼在上海浦东新区川沙镇,而玲娜贝尔是一只可爱又迷人的粉色小狐狸。
阅读文章 >
一、什么是 IP? 1. IP 的定义
IP 全称 Intellectual Property,译为知识产权,这是法律范畴的定义,IP 是法律对于劳动成果和知识产权的认可,电影、漫画、游戏、吉祥物本质都属于 IP 的范畴,IP 的范围很广,在文章开头讲的 IP 形象只是属于其中的一种类型。
2. IP 的五种类型
在研究市场中的 IP 类型之后,我们可以发现,市面上的 IP 主要分为以下 5 种类型:
① 形象 IP
形象 IP 主要依赖于形象展开的故事类型,比如我们前面提到的 IP 吉祥物就属于这种类型,它更多是基于某个角色形象来进行商业的变现,此形象在人们心中有着很深的印象。
比如:Hello Kitty、米老鼠、唐老鸭就属于形象 IP,它们在商业模式上拥有极大的用户群,衍生产品很多,IP 本身的内容创作较少,更依赖于授权的商业模式。
② 人设 IP
人设 IP 围绕着的是人,我们经常会听到这样的描述“某某明星人设崩塌”,也就是指的你在人们心目中塑造的人物形象,他们的故事、经历、性格、言行...组成了一个鲜活的人设。比如:雷军(小米创始人、敢于挑战苹果的中国企业家)董明珠(格力董事、做事雷厉风行、威严、严肃认真)
③ 世界观 IP
即世界观 IP,则更为宏大与复杂。世界观意为客观世界的设定,包含地理位置,时间,人种,宗教,建筑,艺术等等同样地,这类 IP 也有人设和故事,但内容会更关注世界观本身,IP 内容的世界观构建占比较高。比如《哈利波特》《冰与火之歌》《指环王》都是典型的世界观 IP,指环王人们很难准确的说出某个具体角色的名字,但是指环王中构建的宏伟的中土世界却是我们印象最为深刻的
④ 故事 IP
漫画、文学作品本质上都属于故事 IP,好的故事 IP 要么是能够打动人引起共鸣,产生启迪,具有持续产生价值的能力,比如鬼吹灯系列故事、安徒生童话、一千零一夜、格林童话...都属于故事 IP,人们会因为它的故事去购买这些纸质的书籍、音频、影像。
⑤ 文化 IP
文化 IP,指一种文化产品之间的连接融合,是有着高辨识度、自带流量、强变现穿透能力、长变现周期的文化符号。近年来,在国家实力日益增强的背景下,年轻一代具有更强的文化自信和民族认同,传统文化不再是遥远的文化古董,而是深受年轻人喜爱的潮流语言和社交符号。年轻人对“国潮”的热情使得文博 IP 蓬勃发展,文博类 IP 频频“出圈”,前有故宫博物院文创周边供不应求,后有敦煌博物馆异域文化元素频上热搜。
《王者荣耀》是如何演绎敦煌第三季美学创意的? 项目背景 从 2018 年初识敦煌,以标志性符号“飞天”切入,带领用户认识敦煌,到 2020 年尝试在世界观中融入壁画中的故事与情感,讲述家喻户晓的敦煌九色鹿的故事,以爱守护。
阅读文章 >
二、IP 的商业价值
1. 传播价值
互联网时代,IP 形象在品牌价值观传播中扮演的角色越来越重要。IP 形象作为一个品牌内核与价值观凝聚精炼和具象化后呈现的视觉符号,本身就可以作为品牌本身的代名词参与到品牌传播当中去。IP 在品牌传播方面具有天然的优势,一方面,IP 形象能够让用户快速建立品牌联想与品牌识别;另一方面,IP 形象是代表品牌的超级符号进行传播,其实质也是新时代下出现的虚拟的品牌代言人,它也是消费者和品牌沟通的桥梁。
2. 角色价值
孙悟空大家都知道,几乎 14 亿国人都知道他,他的角色可以衍生出各种文化、影视作品,几乎他可以链接各种产品,他的角色价值就是巨大的。
3. 文化价值
中国有众多文化的隗宝是值得被挖掘的,比如近些年来,故宫深挖品牌历史故事,通过年轻化的表达方式去述说故宫的文化故事,还有国潮受到新一代年轻人的追捧,这都说明文化的魅力和巨大价值。但是不管是新文化还是旧文化,都要以年轻人的方式去和他们交流,才能够让他们感受到并且喜爱。
4. 精神价值
我相信大部分的人小时候都读过安徒生童话,里面精彩的故事启迪着我们的童年,甚至影响着我们的说话做事的方式,这就是 IP 所带来独特的精神价值。
5. 市场价值
从这份收入榜单可以看到,成功的 IP 不止在单一的产品上产生市场价值,而是全面开花,衍生到各个领域。比如漫威、哈利波特衍生的内容包括了游戏、动漫、电影、商业授权...
三、IP 的 7 大设计趋势
1. 品牌 IP 人格化
IP 人格化就是通过贴近目标人群,在其所在的圈层形成共同的归属感和认同感,建立起人格化的形象。IP 人格化更加能够形成记忆,对人物故事也更加容易消化。比如熊本熊是日本非常杰出的 IP 人格化案例,熊本熊它有着人一样的职位,角色定位是熊本县的旅游局局长,它有着呆萌的人格化表情,经常不按常理出牌,是不是就像你身边的二逼朋友一样。
2. IP"网生"化
网生英文名称是 netlife,意为网络人生,意思是指 95-00 后的年轻人群,他们一出生就在网络大爆炸的年代。而所有的品牌都在面临着如何去和这群网生代的人群去沟通交流。比如伊利推出的 Byebye 君,其实就是在让品牌和网生代的年轻人直接对话,针对年轻人,它衍生出了很多的表情、漫画等众多的内容产品,通过这些与年轻用户进行深度的绑定。
3. 情绪化 IP
情绪化 IP,就是利用情绪迅速绑定消费者,这种因为情感而产生的购买动机就是情感营销的结果,所以 IP 设计也需要考虑情绪,尤其是年轻人的情感化表达,好的 IP 是有强烈的情绪代入感的,比如喜茶、丧茶的走红,能够看到品牌里的情绪化表达,还比如知名白酒品牌江小白,它火出圈的表达瓶,还有瓶身那个插裤兜里潇洒年轻人的插画,都在述说了年轻人的情绪。
4. 科技+IP
经典的 IP 和科技的结合让其可以更加时尚的走到更广泛的年轻人身边,为传统的 IP 赋予科技的属性。比如,北京的龙泉市推出了人工智能机器人贤二和尚,贤二 IP 本身就有很广泛的内容基础,再加上科技的加持,传统和科技这 2 者的碰撞,让人们产生了浓厚的兴趣。
5. IP 跨界联盟
现在很多的品牌都在借助 IP 进行跨界营销,寻求强强联合的品牌协同效应,以实现 1+1>2 的的营销,跨界最重要的是要找到 IP 和品牌深层次的内涵和精神价值的对接。比如前段时间瑞幸与椰树的联名频频刷屏各大网络,一个主打椰奶的椰树,一个凭借超人气单品“生椰拿铁”大火的咖啡品牌瑞幸,两大玩椰子的品牌强强联合,推出了生椰新品;小黄车 ofo 和小黄人的联合营销,不仅能带给共享单车的情感体验,在视觉上也有高度统一,还能共享认知和共享粉丝,这样契合度高的合作才能创造社交媒体扩散效应。
6. 明星 IP
明星 IP 的次元破壁就是通过明星 IP 的次元以及虚拟形象打造,让明星本身的 IP 赋能到虚拟 IP 上,从而减少了很多的传播成本。可以看到现在很多明星都在跨界做商业,比如黄磊的黄小厨,黄渤的黄逗菌,需要提醒的是,即使有明星 IP 的赋能,但是要保持持久的生命力,内容和产品的打造才是持久的秘方。
7. 传统文化 IP
随着花西子、故宫等文化 IP 的爆火,可以看到年轻人不再崇洋媚外,拾起的是年轻人的文化自信。这不仅仅在于年轻人的变化,还在于传统文化在以新的形态重新与年轻人进行对话。比如“中国诗词大会”“朗读者”将传统文化转化新的语境和新的表达方式,与当下的用户进行沟通。
四、品牌 IP 设计需要考虑的5个重点
1. 塑造特色
相信大家都有这样的感受,在一个班级里面最令人印象深刻的是头尾的 2 拨人,要么是学习很好的,要么是经常在课堂捣乱,调皮捣蛋的刺头,最不起眼的就是中间的那波人。这就反应着一个问题,有特点有性格的人是最令人印象深刻的,同样 IP 塑造也是一样,我们从人物的形象到性格都需要塑造独特的特色。比如小黄人大眼呆萌的胶囊造型,还有它那呆、傻、贱、萌的行为,令人印象深刻,它甚至抢了主角的光环。
2. IP 符号化
一个图形、一个表情、一个动作都有可能成为令人印象深刻的经典符号,因此在塑造 IP 的时候,我们应该想办法为 IP 注入鲜明的符号,总结下来有以下集中类型:
第一 符号化形象,越简单的越好识别,比如天猫的猫头被应用在各种场景下,拓展性和记忆性非常强,还有米老鼠,一看轮廓就知道它是米老鼠了。
第二 颜色符号化,颜色也可以是专属的代表,比如蒂芙尼蓝,蓝色成了它专属的符号
第三 符号化动作,每一个超级 IP 都需要属于自己的动作符号,你可能记不住他的样子,但你一定能记住他的 Pose,当你看到它的 pose 和剪影,脑袋就有画面了。
3. 制造冲突
在文化、角色、故事和细节的设定上,多制造些戏剧性的冲突可以让你的 IP 更加令人印象深刻。如果你走在大马路上,突然有一处地方吵起来了,基本上就会有很多人围观,同样在 IP 的故事情节设计是一样的。大家可以多去看看小黄人的电影《神偷奶爸》,在情节的设计上就制造了很多冲突,这个角色的塑造、冲突的制造堪称经典。
4. 赋予情感
IP 也需要和我们的用户建立情感的链接,这样 IP 才会有持久的生命力。IP 可以通过人设和故事,激发用户的情感和内心深处的共鸣,也可以通过语言、文字和用户进行情感的互动。比如,江小白的表达瓶其实就是在诉说着年轻人的生活和故事,大部分的年轻人看到了都会有很深的情感共鸣。
5. 赋予文化内涵
这里指的文化内涵,并不是单一的传统中式文化、国潮,因为不可能所有的产品都要走国潮的路线,而指的是广泛的文化,比如嘻哈文化、饭圈文化...文化就好像是一个社群,这里聚集了很多相同类型的人,文化的加持是走入圈子的最好方式。
五、IP 设计流程 IP 几乎是互联网设计师的必备技能,那么设计师如何才能产出好的设计呢,一套品牌 IP 的设计流程往往包括以下五个步骤:探索定义——创意设定——应用拓展——规范建立——升级进化。
1. 探索定义
在 IP 设计开始之前我们需要进行详尽的调研分析,这个步骤的目标是如何传递品牌 IP 的故事理念,打动目标用户,形成情感的共鸣,所以我们要思考以下这几个问题
① 背景调研
我们设计 IP 的目标是什么?帮助品牌传播、展示企业形象、塑造单独 IP?目标用户是哪些?
② 文化内核、文化共识
品牌 IP 文化的来源于哪里,企业文化、用户,还是其他的?
我们希望这个能够和我们的目标消费群体形成何种共鸣?如何打动我们的用户?
③ 主题故事
IP 传递的是何种主题?
④ 竞品差异
我们的竞品是哪些,希望 IP 塑造何种差异?
2. 创意设定
角色的设定,我们可以考虑 3 个点:角色、场景、故事
① 角色 - 有趣、特色、呆萌、夸张
有趣、呆萌、特色、夸张,经常是我们在塑造有记忆点角色时要提起的几个关键词,你可以看看身边有特点的人是不是也都具备了这其中的几个关键词,同时在角色塑造的时候我们要考虑的几个设计要点:造型、表情、服饰、质感,这也是设计师需要具备的基本技能要求
造型
独特的造型能够令人印象深刻,比如小黄人、大白、Kwas、大眼仔都是比较成功的 IP 形象,在一众的 IP 角色中造型最为突出,所以我们在造型设计上尽可能有记忆点,这样就能够减少更多的传播成本
表情
一个好的角色表情能够凸显 IP 性格特征,起到画龙点睛的作用,而不是千篇一律的大眼睛、微笑。
服饰
服饰的设计也是在 IP 设计中需要考虑的,服饰对塑造人物性格、交代人物角色、突出业务属性有着很重要的作用,比如,体现科技,用机器人的服饰;体现文化,用传统中式服饰;体现运动,用鸭舌帽、运动衣来呈现。
质感
质感对 IP 的美感起着非常重要的作用,这也是很多初级设计师在设计 IP 的时候最容易忽视的地方,很多人很难理解什么是质感,总结下来能够提升界面品质感的视觉表现就是质感,比如设计中常见的:毛玻璃、渐变、光影、3D、2.5D、金属,可以看到下面的 2 张对比图,都是文旅 IP,左边没添加质感感觉就是小学生设计出来的一样,给人粗制滥造的感觉。
② 场景 - 让角色形象更加立体
塑造场景的目的是为了让我们的角色在场景中进一步的刻画,也有助于用户更加立体直观的去理解人物,快速的将我们的文化理念传递给用户
③ 故事 - 快速传播的密码
在日常交流中,讲故事是我们快速获取信息和抓住中心点的常用方式。故事能让人们分享知识和情感,找到自己与所在群体中的位置,并理解周围的世界。
在探索定义到创意设定的这 2 个阶段我们可以用这样的一个品牌 IP 探索 6 宫格系统来探索和定义我们的 IP 角色(注:这个 IP 的模型基于赤犬制造所的《品牌 IP 源设定系统》)
接下来前段时间做的高途课堂 IP 概念改版的案例带大家了解下如何去使用这个模型:
品牌源点:科技让教育更美好,通过梳理了高途课堂的品牌人格模型中,我们看出高途课堂品牌是一个温暖、活力、充满想象力、不断探索、不断进取的形象,其中高途课堂的品牌 slogan 叫做“科技让教育更美好”,科技代表了未来,对于教育行业来说,启发孩子去探索去思考也是每个教育平台、每个老师的使命。
文化特征:探索未来,充满想象力,构建一个热爱学习、不断创新、勇敢探索未来世界的启发式课堂
文化共识:好的教育是启发探索,新时代的年轻父母群体,他们大多数都接受过比较好的教育,他们认为教育应该是德智体美劳全面发展
品牌角色:马+独角兽,途途是一只温暖、开朗的独角兽,它充满了想象力,勇于探索和发现,在它世界是对未来的憧憬,而马也有着前途似锦、马到成功的美好寓意
风格表达:温暖可爱,塑造一个温暖可爱的品牌 IP 形象,就像孩子身边的朋友、小宠物一样
场景故事:探索未来星球,希望能够构建一个未来的教育世界,启发我们的孩子去学习去探索,整个故事主题围绕着途途如何通过不断学习、不断思考一步步走向未来太空宇宙的故事。
3. 应用拓展
角色设定完了之后,就需要将品牌进行拓展应用了,品牌 IP 的拓展应用场景,我们主要可以分为这 5 种类型:品牌传播、品牌运营、产品体验、企业文化、文创内容
4. 规范建立
建立 IP 规范的有 2 个目的,一是让 IP 的应用能够保持统一规范,二是提升效率,在互联网的设计团队经常会将 IP 进行素材库和组件库的建立,比如顺丰的设计团队对新改版的 IP 常用的动作、表情、服饰,都搭建了规范的素材库,方便日常运营的随时取用。
实战复盘!「顺丰速运」运营版 IP 形象设计总结 顺丰速运运营版 IP 形象主要服务于顺丰速运线上运营业务,于 2020 年 11 月创作完成,并在 2021 年 9 月经由中国版权保护中心审核完成版权登记。
阅读文章 >
5. 升级进化
IP 的设计不是一成不变的,我们需要在市场、企业业务的调整、用户的反馈...中进行不断的变化,来适应市场和消费者的变化,比如 QQ 的企鹅、米老鼠都是经过了数次的变化才有了今天的样子。
相关文章推荐:
大厂实战案例!起点读书品牌 IP 设计复盘 阅文集团是一家数字阅读为基础,IP 培育与开发为核心的综合性文化产业集团,作为腾讯新文创生态的一环,旗下囊括起点读书、QQ 阅读、新丽传媒等业界知名品牌。
阅读文章 >
如何设计富有生命感的产品IP形象?收下阿里的实战经验(上) 导言 原研哉在对小米的品牌设计升级中融入了东方哲学的思考,认为“科技越是进化,就越接近生命的形态”,并提出了“ALIVE 生命感设计”的概念,由此推导出了最适合体现“生命感”要素和性质的理想图形,引发了业界的关注与讨论。
阅读文章 >
大厂案例!腾讯理财通品牌 IP 形象「招财企鹅」设计流程完整复盘 前言 近年来随着盲盒、手办几近疯狂地在消费领域流行起来,IP 形象在品牌设计中的重要性也被各家品牌提上日程。
阅读文章 >
参考文献
[1] IP 设计全流程 https://mp.weixin.qq.com/s/jg0wQInV5wecl2m4Bnfguw
[2] 腾讯设计师分享:“奇怪”的 IP 形象是怎么创作出来的 https://zhuanlan.zhihu.com/p/121555614
[3] 2019 - 2020 设计趋势 · IP 形象篇 https://mp.weixin.qq.com/s/mPZNfSz0QydW77fpE43KCQ
[4] IP 建设:角色设计与世界观构建 https://m.gameinstitute.qq.com/index.php/knowledge/100141
[5] 品牌 IP 设计思考:4 个要点、3 个落地项目、1 个流程 https://www.socialmarketings.com/articldetails/4902
[6] 凤凰吉象品牌 IP 设计-打造东方文化 IP 新物种 https://www.zcool.com.cn/work/ZNDgxODEzMDQ=.html
文内出现的商标及图像版权属于其合法持有人,只供传递信息之用,非商务用途。如无意侵犯到您的权益,请及时联系我处理。
-
数字未来设计趋势|交互篇
设计动态 2022-11-18回顾互联网发展历程,从桌面端拨号上网到高速5G的移动互联网,随时随地互联互通对现实生活的影响力也逐步提升,虚拟与现实的距离也逐渐缩小。未来数字世界在沉浸感、参与度、永续性等方面对体验提出了更高的要求。 我们尝试把Roblox在招股书里描述的8个关键词:“身份,随着互联互通的发展,虚拟与现实之间的距离在逐渐缩小,未来数字设计也在发生着变化,未来数字世界在沉浸感、参与度、永续性等方面对体验提出了更高的要求。作者结合Roblox在招股书的关键词,对数字未来设计趋势的交互方面进行了分析,一起来看看。
回顾互联网发展历程,从桌面端拨号上网到高速5G的移动互联网,随时随地互联互通对现实生活的影响力也逐步提升,虚拟与现实的距离也逐渐缩小。未来数字世界在沉浸感、参与度、永续性等方面对体验提出了更高的要求。
我们尝试把Roblox在招股书里描述的8个关键词:“身份,朋友,沉浸感,多样性,低延迟,随地,经济,文明”进行提炼,从虚拟世界的5个视角,对设计挑战和机遇进行总结和预测。
本文是系列文的第三篇:交互篇。
第一篇| 人物篇
第二篇| 空间篇
一、虚拟世界交互方式:更丰富和自然 随着交互设计的发展,虚拟世界中中的交互方式会越来越趋向丰富和自然。就像点触交互逐渐替代按键交互一样,眼控、语音、手势等自然交互也一定会逐渐替代点触交互成为主流。
1. 眼控交互:更人性、更直觉 简单来讲,眼控交互开发的原理就是在开发引擎中,将视线范围设置为一条射线状或圆锥状物体,和VR/AR中的各种物体进行碰撞检测,当程序一旦检测到碰撞,则视为用户的视线落到了这个物体上,由此进行眼控交互。
在虚拟世界的环境中相比于其他交互来说,眼球追踪门槛低无需复杂外设,受环境影响小,应用场景几乎无限制,更为重要的是眼控交互非常人性化,眼动交互非常符合人的直觉。
比如在应用中想要隐藏菜单功能,需要通过其他的交互方式刻意发出指令隐藏和调用菜单,而眼控交互可以非常自然,当注视点偏离,菜单会自动隐藏。
又比如在射击游戏中,可以体验真实的眼球锁定目标进行打击的快感。
尽管目前存在实时渲染、眩晕、米达斯接触等等技术问题的限制,但随着软硬件技术的升级迭代,用户体验正在逐渐完善,眼控交互一定是未来的交互趋势。
2. 语音交互:更自然、更便捷 语音交互作为更趋近于人与人之间最自然的交流方式,近些年有许多发展的突破点。在虚拟世界发展主线上,语音交互趋向更自然、更人性化、更个性化。从GUI到VUI,不依赖触摸屏的输入,出现无导航、无按钮、无菜单界面。过去反人类的一些沟通方式慢慢被“调教”。此外,多人会话场景下的技术方案日渐增多。
Google的智能语音助手可实现连续对话,可以打电话给饭店或理发店等商家帮你预约,目前,Google Duplex可以跨app完成帮你租车、回复消息、找照片分享给好友、写邮件等一系列任务。
Google智能语音助手语音识别可让你感觉自己仿佛就是故事的一部分。能够与内容进行真实的对话将会大大地提升沉浸感。在 VR 领域内,语音交互更可能替代现有固化的 UI 界面。只需要通过简单的语音交流就能完成繁复的操作,无需再去点击屏幕上放置好的浮动界面图标,这样的设计或许才是未来虚拟世界玩家所需要的。
《Starship Commander》语音VR游戏
3. 手势交互:更自由、更灵活 借助能够感知深度信息的摄像头,手机可以更好地读懂用户的手势语言。2019年国内外手机厂商的发布大会上,LG手机G8 ThinQ以及华为发布Mate30系列推出的隔空手势,可实现一些简单的诸如滑动、切歌、截屏等效果。
在VR应用中,目前还需要手柄设备进行控制交互。但就像触屏手机终将取代按键手机一样,VR手势交互取代手柄按键交互将成为未来趋势。
下面是微软hololens尝试的一些可以更自然地与我们日常生活中使用的某些手势匹配的命令:
选择:通过用食指指向,捏以创建光线,将鼠标悬停在上面,将手/手指移到形状中。 确认:通过竖起大拇指,确定的手势,点头。 取消:拇指向下,通过摇动否定,交叉双手。 删除:通过丢弃,轻弹,挥舞。 未来虚拟世界的人机交互方式一定是多种自然交互的混合,我们称之为“多模交互”。用户可以通过声音、肢体语言、信息载体(文字、图片、音频、视频)、环境等多个通道与计算机进行交流。
混合 GUI、VUI、手势、体感等多种交互方式,更加自然和充分的模拟人与人之间的交互方式。
专栏作家
晓吾,微信公众号:体验主义,人人都是产品经理专栏作家。腾讯高级交互设计师,前创新工场、新浪微博交互设计师。专注社交创新与娱乐产品设计。
本文由 @晓吾 原创发布于人人都是产品经理。未经许可,禁止转载
题图来自pexels,基于CC0协议。
该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。
给作者打赏,鼓励TA抓紧创作!
{{{path> 赞赏
-
6000字长文!超全面的互联网IP设计指南
UI交互 2022-11-18近年来品牌 IP 形象几乎成了互联网企业的标配,比如有阿里动物园、京东狗、鹅厂,好像每个互联网品牌都要有一个吉祥物,那什么样的平台需要 IP 形象?需要怎么样的 IP 形象?IP 如何赋能品牌?近年来品牌 IP 形象几乎成了互联网企业的标配,比如有阿里动物园、京东狗、鹅厂,好像每个互联网品牌都要有一个吉祥物,那什么样的平台需要 IP 形象?需要怎么样的 IP 形象?IP 如何赋能品牌?IP 如何变现?是我们在设计 IP 的时候,经常面对的灵魂 4 连问,今天我们就来带大家一起揭开 IP 吉祥物的面纱。
更多 IP设计 基础:
4500字干货!帮你快速掌握IP设计基础知识 即使你没有听过川沙妲己,那你也一定听说过玲娜贝儿,之所以称她为川沙妲己,是因为迪士尼在上海浦东新区川沙镇,而玲娜贝尔是一只可爱又迷人的粉色小狐狸。
阅读文章 >
一、什么是 IP? 1. IP 的定义
IP 全称 Intellectual Property,译为知识产权,这是法律范畴的定义,IP 是法律对于劳动成果和知识产权的认可,电影、漫画、游戏、吉祥物本质都属于 IP 的范畴,IP 的范围很广,在文章开头讲的 IP 形象只是属于其中的一种类型。
2. IP 的五种类型
在研究市场中的 IP 类型之后,我们可以发现,市面上的 IP 主要分为以下 5 种类型:
① 形象 IP
形象 IP 主要依赖于形象展开的故事类型,比如我们前面提到的 IP 吉祥物就属于这种类型,它更多是基于某个角色形象来进行商业的变现,此形象在人们心中有着很深的印象。
比如:Hello Kitty、米老鼠、唐老鸭就属于形象 IP,它们在商业模式上拥有极大的用户群,衍生产品很多,IP 本身的内容创作较少,更依赖于授权的商业模式。
② 人设 IP
人设 IP 围绕着的是人,我们经常会听到这样的描述“某某明星人设崩塌”,也就是指的你在人们心目中塑造的人物形象,他们的故事、经历、性格、言行...组成了一个鲜活的人设。比如:雷军(小米创始人、敢于挑战苹果的中国企业家)董明珠(格力董事、做事雷厉风行、威严、严肃认真)
③ 世界观 IP
即世界观 IP,则更为宏大与复杂。世界观意为客观世界的设定,包含地理位置,时间,人种,宗教,建筑,艺术等等同样地,这类 IP 也有人设和故事,但内容会更关注世界观本身,IP 内容的世界观构建占比较高。比如《哈利波特》《冰与火之歌》《指环王》都是典型的世界观 IP,指环王人们很难准确的说出某个具体角色的名字,但是指环王中构建的宏伟的中土世界却是我们印象最为深刻的
④ 故事 IP
漫画、文学作品本质上都属于故事 IP,好的故事 IP 要么是能够打动人引起共鸣,产生启迪,具有持续产生价值的能力,比如鬼吹灯系列故事、安徒生童话、一千零一夜、格林童话...都属于故事 IP,人们会因为它的故事去购买这些纸质的书籍、音频、影像。
⑤ 文化 IP
文化 IP,指一种文化产品之间的连接融合,是有着高辨识度、自带流量、强变现穿透能力、长变现周期的文化符号。近年来,在国家实力日益增强的背景下,年轻一代具有更强的文化自信和民族认同,传统文化不再是遥远的文化古董,而是深受年轻人喜爱的潮流语言和社交符号。年轻人对“国潮”的热情使得文博 IP 蓬勃发展,文博类 IP 频频“出圈”,前有故宫博物院文创周边供不应求,后有敦煌博物馆异域文化元素频上热搜。
《王者荣耀》是如何演绎敦煌第三季美学创意的? 项目背景 从 2018 年初识敦煌,以标志性符号“飞天”切入,带领用户认识敦煌,到 2020 年尝试在世界观中融入壁画中的故事与情感,讲述家喻户晓的敦煌九色鹿的故事,以爱守护。
阅读文章 >
二、IP 的商业价值
1. 传播价值
互联网时代,IP 形象在品牌价值观传播中扮演的角色越来越重要。IP 形象作为一个品牌内核与价值观凝聚精炼和具象化后呈现的视觉符号,本身就可以作为品牌本身的代名词参与到品牌传播当中去。IP 在品牌传播方面具有天然的优势,一方面,IP 形象能够让用户快速建立品牌联想与品牌识别;另一方面,IP 形象是代表品牌的超级符号进行传播,其实质也是新时代下出现的虚拟的品牌代言人,它也是消费者和品牌沟通的桥梁。
2. 角色价值
孙悟空大家都知道,几乎 14 亿国人都知道他,他的角色可以衍生出各种文化、影视作品,几乎他可以链接各种产品,他的角色价值就是巨大的。
3. 文化价值
中国有众多文化的隗宝是值得被挖掘的,比如近些年来,故宫深挖品牌历史故事,通过年轻化的表达方式去述说故宫的文化故事,还有国潮受到新一代年轻人的追捧,这都说明文化的魅力和巨大价值。但是不管是新文化还是旧文化,都要以年轻人的方式去和他们交流,才能够让他们感受到并且喜爱。
4. 精神价值
我相信大部分的人小时候都读过安徒生童话,里面精彩的故事启迪着我们的童年,甚至影响着我们的说话做事的方式,这就是 IP 所带来独特的精神价值。
5. 市场价值
从这份收入榜单可以看到,成功的 IP 不止在单一的产品上产生市场价值,而是全面开花,衍生到各个领域。比如漫威、哈利波特衍生的内容包括了游戏、动漫、电影、商业授权...
三、IP 的 7 大设计趋势
1. 品牌 IP 人格化
IP 人格化就是通过贴近目标人群,在其所在的圈层形成共同的归属感和认同感,建立起人格化的形象。IP 人格化更加能够形成记忆,对人物故事也更加容易消化。比如熊本熊是日本非常杰出的 IP 人格化案例,熊本熊它有着人一样的职位,角色定位是熊本县的旅游局局长,它有着呆萌的人格化表情,经常不按常理出牌,是不是就像你身边的二逼朋友一样。
2. IP"网生"化
网生英文名称是 netlife,意为网络人生,意思是指 95-00 后的年轻人群,他们一出生就在网络大爆炸的年代。而所有的品牌都在面临着如何去和这群网生代的人群去沟通交流。比如伊利推出的 Byebye 君,其实就是在让品牌和网生代的年轻人直接对话,针对年轻人,它衍生出了很多的表情、漫画等众多的内容产品,通过这些与年轻用户进行深度的绑定。
3. 情绪化 IP
情绪化 IP,就是利用情绪迅速绑定消费者,这种因为情感而产生的购买动机就是情感营销的结果,所以 IP 设计也需要考虑情绪,尤其是年轻人的情感化表达,好的 IP 是有强烈的情绪代入感的,比如喜茶、丧茶的走红,能够看到品牌里的情绪化表达,还比如知名白酒品牌江小白,它火出圈的表达瓶,还有瓶身那个插裤兜里潇洒年轻人的插画,都在述说了年轻人的情绪。
4. 科技+IP
经典的 IP 和科技的结合让其可以更加时尚的走到更广泛的年轻人身边,为传统的 IP 赋予科技的属性。比如,北京的龙泉市推出了人工智能机器人贤二和尚,贤二 IP 本身就有很广泛的内容基础,再加上科技的加持,传统和科技这 2 者的碰撞,让人们产生了浓厚的兴趣。
5. IP 跨界联盟
现在很多的品牌都在借助 IP 进行跨界营销,寻求强强联合的品牌协同效应,以实现 1+1>2 的的营销,跨界最重要的是要找到 IP 和品牌深层次的内涵和精神价值的对接。比如前段时间瑞幸与椰树的联名频频刷屏各大网络,一个主打椰奶的椰树,一个凭借超人气单品“生椰拿铁”大火的咖啡品牌瑞幸,两大玩椰子的品牌强强联合,推出了生椰新品;小黄车 ofo 和小黄人的联合营销,不仅能带给共享单车的情感体验,在视觉上也有高度统一,还能共享认知和共享粉丝,这样契合度高的合作才能创造社交媒体扩散效应。
6. 明星 IP
明星 IP 的次元破壁就是通过明星 IP 的次元以及虚拟形象打造,让明星本身的 IP 赋能到虚拟 IP 上,从而减少了很多的传播成本。可以看到现在很多明星都在跨界做商业,比如黄磊的黄小厨,黄渤的黄逗菌,需要提醒的是,即使有明星 IP 的赋能,但是要保持持久的生命力,内容和产品的打造才是持久的秘方。
7. 传统文化 IP
随着花西子、故宫等文化 IP 的爆火,可以看到年轻人不再崇洋媚外,拾起的是年轻人的文化自信。这不仅仅在于年轻人的变化,还在于传统文化在以新的形态重新与年轻人进行对话。比如“中国诗词大会”“朗读者”将传统文化转化新的语境和新的表达方式,与当下的用户进行沟通。
四、品牌 IP 设计需要考虑的5个重点
1. 塑造特色
相信大家都有这样的感受,在一个班级里面最令人印象深刻的是头尾的 2 拨人,要么是学习很好的,要么是经常在课堂捣乱,调皮捣蛋的刺头,最不起眼的就是中间的那波人。这就反应着一个问题,有特点有性格的人是最令人印象深刻的,同样 IP 塑造也是一样,我们从人物的形象到性格都需要塑造独特的特色。比如小黄人大眼呆萌的胶囊造型,还有它那呆、傻、贱、萌的行为,令人印象深刻,它甚至抢了主角的光环。
2. IP 符号化
一个图形、一个表情、一个动作都有可能成为令人印象深刻的经典符号,因此在塑造 IP 的时候,我们应该想办法为 IP 注入鲜明的符号,总结下来有以下集中类型:
第一 符号化形象,越简单的越好识别,比如天猫的猫头被应用在各种场景下,拓展性和记忆性非常强,还有米老鼠,一看轮廓就知道它是米老鼠了。
第二 颜色符号化,颜色也可以是专属的代表,比如蒂芙尼蓝,蓝色成了它专属的符号
第三 符号化动作,每一个超级 IP 都需要属于自己的动作符号,你可能记不住他的样子,但你一定能记住他的 Pose,当你看到它的 pose 和剪影,脑袋就有画面了。
3. 制造冲突
在文化、角色、故事和细节的设定上,多制造些戏剧性的冲突可以让你的 IP 更加令人印象深刻。如果你走在大马路上,突然有一处地方吵起来了,基本上就会有很多人围观,同样在 IP 的故事情节设计是一样的。大家可以多去看看小黄人的电影《神偷奶爸》,在情节的设计上就制造了很多冲突,这个角色的塑造、冲突的制造堪称经典。
4. 赋予情感
IP 也需要和我们的用户建立情感的链接,这样 IP 才会有持久的生命力。IP 可以通过人设和故事,激发用户的情感和内心深处的共鸣,也可以通过语言、文字和用户进行情感的互动。比如,江小白的表达瓶其实就是在诉说着年轻人的生活和故事,大部分的年轻人看到了都会有很深的情感共鸣。
5. 赋予文化内涵
这里指的文化内涵,并不是单一的传统中式文化、国潮,因为不可能所有的产品都要走国潮的路线,而指的是广泛的文化,比如嘻哈文化、饭圈文化...文化就好像是一个社群,这里聚集了很多相同类型的人,文化的加持是走入圈子的最好方式。
五、IP 设计流程 IP 几乎是互联网设计师的必备技能,那么设计师如何才能产出好的设计呢,一套品牌 IP 的设计流程往往包括以下五个步骤:探索定义——创意设定——应用拓展——规范建立——升级进化。
1. 探索定义
在 IP 设计开始之前我们需要进行详尽的调研分析,这个步骤的目标是如何传递品牌 IP 的故事理念,打动目标用户,形成情感的共鸣,所以我们要思考以下这几个问题
① 背景调研
我们设计 IP 的目标是什么?帮助品牌传播、展示企业形象、塑造单独 IP?目标用户是哪些?
② 文化内核、文化共识
品牌 IP 文化的来源于哪里,企业文化、用户,还是其他的?
我们希望这个能够和我们的目标消费群体形成何种共鸣?如何打动我们的用户?
③ 主题故事
IP 传递的是何种主题?
④ 竞品差异
我们的竞品是哪些,希望 IP 塑造何种差异?
2. 创意设定
角色的设定,我们可以考虑 3 个点:角色、场景、故事
① 角色 - 有趣、特色、呆萌、夸张
有趣、呆萌、特色、夸张,经常是我们在塑造有记忆点角色时要提起的几个关键词,你可以看看身边有特点的人是不是也都具备了这其中的几个关键词,同时在角色塑造的时候我们要考虑的几个设计要点:造型、表情、服饰、质感,这也是设计师需要具备的基本技能要求
造型
独特的造型能够令人印象深刻,比如小黄人、大白、Kwas、大眼仔都是比较成功的 IP 形象,在一众的 IP 角色中造型最为突出,所以我们在造型设计上尽可能有记忆点,这样就能够减少更多的传播成本
表情
一个好的角色表情能够凸显 IP 性格特征,起到画龙点睛的作用,而不是千篇一律的大眼睛、微笑。
服饰
服饰的设计也是在 IP 设计中需要考虑的,服饰对塑造人物性格、交代人物角色、突出业务属性有着很重要的作用,比如,体现科技,用机器人的服饰;体现文化,用传统中式服饰;体现运动,用鸭舌帽、运动衣来呈现。
质感
质感对 IP 的美感起着非常重要的作用,这也是很多初级设计师在设计 IP 的时候最容易忽视的地方,很多人很难理解什么是质感,总结下来能够提升界面品质感的视觉表现就是质感,比如设计中常见的:毛玻璃、渐变、光影、3D、2.5D、金属,可以看到下面的 2 张对比图,都是文旅 IP,左边没添加质感感觉就是小学生设计出来的一样,给人粗制滥造的感觉。
② 场景 - 让角色形象更加立体
塑造场景的目的是为了让我们的角色在场景中进一步的刻画,也有助于用户更加立体直观的去理解人物,快速的将我们的文化理念传递给用户
③ 故事 - 快速传播的密码
在日常交流中,讲故事是我们快速获取信息和抓住中心点的常用方式。故事能让人们分享知识和情感,找到自己与所在群体中的位置,并理解周围的世界。
在探索定义到创意设定的这 2 个阶段我们可以用这样的一个品牌 IP 探索 6 宫格系统来探索和定义我们的 IP 角色(注:这个 IP 的模型基于赤犬制造所的《品牌 IP 源设定系统》)
接下来前段时间做的高途课堂 IP 概念改版的案例带大家了解下如何去使用这个模型:
品牌源点:科技让教育更美好,通过梳理了高途课堂的品牌人格模型中,我们看出高途课堂品牌是一个温暖、活力、充满想象力、不断探索、不断进取的形象,其中高途课堂的品牌 slogan 叫做“科技让教育更美好”,科技代表了未来,对于教育行业来说,启发孩子去探索去思考也是每个教育平台、每个老师的使命。
文化特征:探索未来,充满想象力,构建一个热爱学习、不断创新、勇敢探索未来世界的启发式课堂
文化共识:好的教育是启发探索,新时代的年轻父母群体,他们大多数都接受过比较好的教育,他们认为教育应该是德智体美劳全面发展
品牌角色:马+独角兽,途途是一只温暖、开朗的独角兽,它充满了想象力,勇于探索和发现,在它世界是对未来的憧憬,而马也有着前途似锦、马到成功的美好寓意
风格表达:温暖可爱,塑造一个温暖可爱的品牌 IP 形象,就像孩子身边的朋友、小宠物一样
场景故事:探索未来星球,希望能够构建一个未来的教育世界,启发我们的孩子去学习去探索,整个故事主题围绕着途途如何通过不断学习、不断思考一步步走向未来太空宇宙的故事。
3. 应用拓展
角色设定完了之后,就需要将品牌进行拓展应用了,品牌 IP 的拓展应用场景,我们主要可以分为这 5 种类型:品牌传播、品牌运营、产品体验、企业文化、文创内容
4. 规范建立
建立 IP 规范的有 2 个目的,一是让 IP 的应用能够保持统一规范,二是提升效率,在互联网的设计团队经常会将 IP 进行素材库和组件库的建立,比如顺丰的设计团队对新改版的 IP 常用的动作、表情、服饰,都搭建了规范的素材库,方便日常运营的随时取用。
实战复盘!「顺丰速运」运营版 IP 形象设计总结 顺丰速运运营版 IP 形象主要服务于顺丰速运线上运营业务,于 2020 年 11 月创作完成,并在 2021 年 9 月经由中国版权保护中心审核完成版权登记。
阅读文章 >
5. 升级进化
IP 的设计不是一成不变的,我们需要在市场、企业业务的调整、用户的反馈...中进行不断的变化,来适应市场和消费者的变化,比如 QQ 的企鹅、米老鼠都是经过了数次的变化才有了今天的样子。
相关文章推荐:
大厂实战案例!起点读书品牌 IP 设计复盘 阅文集团是一家数字阅读为基础,IP 培育与开发为核心的综合性文化产业集团,作为腾讯新文创生态的一环,旗下囊括起点读书、QQ 阅读、新丽传媒等业界知名品牌。
阅读文章 >
如何设计富有生命感的产品IP形象?收下阿里的实战经验(上) 导言 原研哉在对小米的品牌设计升级中融入了东方哲学的思考,认为“科技越是进化,就越接近生命的形态”,并提出了“ALIVE 生命感设计”的概念,由此推导出了最适合体现“生命感”要素和性质的理想图形,引发了业界的关注与讨论。
阅读文章 >
大厂案例!腾讯理财通品牌 IP 形象「招财企鹅」设计流程完整复盘 前言 近年来随着盲盒、手办几近疯狂地在消费领域流行起来,IP 形象在品牌设计中的重要性也被各家品牌提上日程。
阅读文章 >
参考文献
[1] IP 设计全流程 https://mp.weixin.qq.com/s/jg0wQInV5wecl2m4Bnfguw
[2] 腾讯设计师分享:“奇怪”的 IP 形象是怎么创作出来的 https://zhuanlan.zhihu.com/p/121555614
[3] 2019 - 2020 设计趋势 · IP 形象篇 https://mp.weixin.qq.com/s/mPZNfSz0QydW77fpE43KCQ
[4] IP 建设:角色设计与世界观构建 https://m.gameinstitute.qq.com/index.php/knowledge/100141
[5] 品牌 IP 设计思考:4 个要点、3 个落地项目、1 个流程 https://www.socialmarketings.com/articldetails/4902
[6] 凤凰吉象品牌 IP 设计-打造东方文化 IP 新物种 https://www.zcool.com.cn/work/ZNDgxODEzMDQ=.html
文内出现的商标及图像版权属于其合法持有人,只供传递信息之用,非商务用途。如无意侵犯到您的权益,请及时联系我处理。