-
用7大章节,帮你从零开始学会栅格系统
UI交互 2022-07-21前言 现如今随着设备尺寸的多种多样,产品在设计过程中需要适配到更多尺寸,布局方案与栅格系统的搭配使用,可以很好的做到跨平台跨尺寸适配,极大的...前言 现如今随着设备尺寸的多种多样,产品在设计过程中需要适配到更多尺寸,布局方案与 栅格系统 的搭配使用,可以很好的做到跨平台跨尺寸适配,极大的提升设计效率。
栅格设计 解析:
万字干货!从4个方面完整解析栅格设计 关于界面栅格的攻略,延展到适配方式。
阅读文章 >
其实,绝大多数的设计师都知道栅格很重要,市面上很多企业级系统也都在用栅格系统去规范化信息内容的排版布局,但很多设计师直接面对结论大多是一知半解,自己做设计时有些无从下手。
作者浏览了大量文章结合工作中的经验总结分享给大家,希望能帮助理解栅格系统的本质,并能举一反三应用在产品设计中,首先从基础的栅格系统解析开始吧。
文章概览
Chapter One 栅格的由来 最早的栅格概念,来源于平面设计中的“网格”,早在 1692 年,新登基的法国国王路易十四不满于法国当时印刷水平,命人成立了管理印刷的皇家特别委员会。旨在设计出科学的,合理的,重视功能性的新字体。委员会由数学家尼古拉斯加宗(Nicolas Jaugeon)担任领导,以罗马体为基础,采用方格为设计依据,每个字体方格分为 64 个基本方格单位,每个方格单位再分成 36 个小格,这样,一个印刷版面就有 2304 个小格组成,在这个严谨的几何网格网络中设计字体的形状,版面的排版,试验传达功能的效能,这是世界上最早对字体和版面进行科学实验的活动,也是栅格系统最早的雏形。再后来,20 世纪初,平面设计师们发现通过维持视觉秩序,能使版面更加清晰有效地传递信息,由此便逐渐演变出一种平面设计的方法,直到 20 世纪 40 年代后期,第一次出现了使用网格进行辅助设计的印刷作品。由瑞士设计师大师 Josef Müller-Brockmann(约瑟夫·米勒-布罗克曼)所著的《平面设计中的网格系统》一书,自 1961 年出版以来畅销至今,对设计界有着深远的影响。史称 Swiss Typography Movement (瑞士新浪潮平面设计运动),后来成为全球风靡的 International Typographic Style (国际主义设计风格) 。
Chapter Two 栅格是什么 简单来说:栅格是通过规则的网格阵列,形成稳定的基础框架,来规范界面中模块的布局与信息元素的分布,辅助设计师组织信息的工具。前面讲到 UI 设计中常用的栅格系统是从平面网格系统中发展而来,栅格与网格的本质其实是相通的。那么有同学会问,两者区别在哪呢?平面设计中「网格」应用的媒介一般为固定的纸张规格,宽度和高度都是固定的,网格的划分方式是一个个等分的方格。UI 设计中「栅格」宽度受设备宽度变化而变化,高度由内容多少来决定。因此设计时只需制定纵向的分割规则,以规范纵轴方向内容的对齐、间隔等元素的排布,这也是我们看到栅格往往都是一列一列呈现的原因。
Chapter Three 为什么使用栅格 to 用户
内容布局的规律性,减少了用户的认知成本:
栅格一定程度上从设计师的角度定义了对齐关系,留白关系,图文的比例分割关系等排版中重要部分的限制规则,帮助我们更好的执行设计,输出更具有平衡和秩序感的版面,清晰的页面信息展现,有利于提高用户的阅读和浏览效率,减少认知成本。
to 设计师
提升决策效率与设计输出的统一性:
对于较大的团队,设计师使用栅格系统能够降低决策成本,采用一套统一的标准来对设计师进行约束和高效协同,让设计师快速定位通用规则并执行设计,提高设计师的决策效率,规范设计产出的质量。同时也避免了各式各样页面出现的混乱场面,当存在多业务线共用同一系统规范或者多设计师协作设计项目时,栅格系统利于帮助加强设计一致性,统一输出标准。
to 开发
提高设计还原度,减少解释成本:
在与开发侧对接协作过程中,我们有一套自上而下的有规可循的设计规律,且规则计算的原理与开发习惯保持一致,能避免细节的反复沟通,提高开发的设计还原度,减少不必要的解释成本。
此外栅格同样利于设计师和开发人员对组件和模块的复用,进一步提高协作效率。
to 响应式
更加规律性、合理性的实现自适应:
现如今多屏设计是商业设计中不可或缺的一部分,响应式设计自然也已成为设计中必不可少的一环,栅格系统的建立,可以让 响应式 布局变得有规可循,兼容不同的设备尺寸,更加规范合理的完成页面在多平台多尺寸下的自适应设计。
网页响应式布局原理:
用一篇文章,帮你看懂网页响应式布局原理 今天分享一个很多设计师头疼已久的问题,关于网页响应式布局原理和设计方法。
阅读文章 >
Chapter Four 栅格的构成要素
网格(Gird):
列(Column) 水槽(Gutter) 边距(Margin) 栅格总宽(Container) 容器盒子(Col-n) 市面上各系统对于栅格的名词描述各有不同,新手往往会看的越多,越迷惑,其实大可不必纠结具体叫法上的细微差异,万变不离其宗,理解其本质表达的意思和栅格的结构原则即可,下面会对这些基础名词进行一些解释。
1. 网格(Gird):最小单元 – 8 像素原则
网格(Gird)的基本构成就是单元格,由格子组成网,形成网格。最小单元格是界面的单位基础,所有界面元素都按照这个基础单位布局分布,它对于创造性的决策具有重要的指导意义。
通常,我们利用 8 作为最小单元格建立网格。
使用 8 的倍数来定义模块的间距与元素的尺寸。
那么为什么是 8,而不是别的数字?原因如下:
a.偶数思维:8 作为偶数,能适应市面上绝大多数设备屏幕,更为普适。在输出各种倍图时也能保证尺寸不出现奇数以及 0.5、0.75 等次像素的出现(iOS 导出 1、2、3 倍图,Android 导出 1、1.5、2、3、4 倍图均为偶数)。
b.规律性:所有元素以 8 像素为步进单位,利用 8 或 8 的倍数规范元素和间距大小,(例如使用 4、8、16、24、32 等和 8 具有规律关系的数字)有规可循。
c.节奏感:相比于 6、10 等数字,以 8 为单位,在视觉感受上既不显得过于琐碎,也不会因为间隔太大而显得内容分散,更容易保证页面效果的协调性。
d.目前市面上众多开源代码也都以 8 的倍数作为默认设计大小,可行性已经得到多轮过验证,设计师在与开发对接过程中对页面有较为统一的理解,有效降低合作成本,在设计还原度上也更有保障。
划重点:注意这里给的是建议尺寸,最小单位的制定还需要结合具体的使用场景来决定,我们以解决问题为最终目的。
2. 列(Column)
列(Column)的作用通常是用来对齐内容,列也是栅格的数量单位,大家可以理解设置栅格数量就是设置列的数量,如 12 栅格就有 12 列、24 栅格就有 24 个列,通过控制列数,可控制界面排版的呼吸节奏,列数越多,内容排布可以越精细,也容易分割的太细碎,反之列数越少,内容排布也越容易稀疏松散。
3. 水槽(Gutter)
理解了列,再来说水槽(Gutter),水槽就是列于列之间的分隔间距,这里水槽的作用是帮助区块内容做分隔,需要注意,水槽内不可放置任何板块内容。
水槽宽度在一定程度也会对界面的风格有影响,水槽越大,留白越多呼吸感越好,适合一些轻松的内容浏览类页面展示,相反水槽越小,留白小内容紧凑,适合一些严谨的工具型面板类内容展示,各有利弊,大家可根据设计目标权衡设计策略。
4. 边距(Margin)
边距(Margin)有时候也会被叫安全边距,是指设计内容距离屏幕边缘的距离,顾名思义,安全边距内是禁止放内容的,可以类比为平面设计里的出血概念,主要用来控制屏幕核心内容的展示边界。
边距值越小,界面核心内容的有效利用空间越大,布局相对来说会比较宽松,相反,边距值越大,两边留白大呼吸感强,但有效利用区域相对小,内容排布相对更紧凑,也可能会容易拥挤。这里建议界面的边距可以根据屏幕尺寸做适配,通过断点响应变化,这样可以更好的保证在不同屏幕上界面呼吸节奏都相对舒适。
5. 栅格总宽(Container)
栅格总宽(Container)就是指页面栅格系统的总宽度,即所有列宽加水槽宽度加安全边距的总和。
6. 容器盒子(Col-n)
建立好基础栅格之后,我们可以根据内容去定义一块内容占用几个列的宽度,我们把这个区域理解为容器盒子,容器用来集合下级组件,也可以是对文字、图片、按钮等多个复杂元素的集合,按照页面结构可以由小到大依次从组件 – 容器 – 模块 – 页面 – 场景进行组合拼装最终形成设计方案。
Chapter Five 如何制定栅格系统 定义栅格系统之前,我们先了解熟悉下计算公式
如果你已经理解了前面的栅格要素的作用和用法,那么接下来就可以按照以下步骤在自己的画板上创建栅格系统。
1. 确定栅格区域
注意栅格区域不一定是画布的全部区域,我们可以先将页面按照功能模块划分为全局控制层、内容层、背景层、临时层。通常我们大多是对内容层进行栅格化。
通常 web 端常用的三种布局如下图所示,建议按照实际使用场景灵活的选择布局形式后,再确定需要栅格化的区域。
当我们遇到一个 web 端的内容浏览类网站,一般会采用上下布局,通常会基于 1920 或 1440 尺寸作为设计稿宽度,但由于需要适配主流尺寸中的最小尺寸,核心内容展示会控制在 1024(这里不是绝对值,不同产品根据实际情况数字会有上下浮动),其他空白区域即为安全边距,这是 web 网页中常见的一种适配方案。
2. 选择栅格列数
12 栅格和 24 栅格是目前比较常见的列数结构。选择使用哪种栅格结构,取决于产品对设计的要求。
12 栅格:当产品涉及到多平台发布,内容较为简单,单个容器盒子内信息面积较大时,可以考虑采用 12 栅格来兼容。
24 栅格:如果当前产品发布于 pc,内容较多,且功能繁杂时,则需要更灵活的栅格系统去规范信息内容的布局,这时我们可以考虑采用 24 栅格,国内较为主流的企业级设计系统 Ant Design 采用的就是 24 栅格。
3. 定义水槽(Gutter)和边距(Margin)
前面讲到过在产品 UI 中边距(Margin)的值对视觉的呈现的影响,这里就不做过多赘述。这里科普一个叫做“Rem”的计算单位,(Rem 是开发常用的计算方式,设计和开发基于同一套原理进行设计,在协作过程中能够极大提高协作效率,并且减少维护成本),通常制定栅格系统时,我们可以用 1Rem 的值来定义水槽(Gutter),它的灵活最强,可作为栅格系统的基准值。而边距(Margin)的值通常就是 1.5Rem 或者 2Rem。基于常用的 4 倍或者 8 倍间距系统规范,一般最为常用的基础间距为 4,8,16,24,32,48,我们可以在这些基础值里去选择匹配产品的栅格系统基准值。
通过 Rem 基准值,我们还可以轻松得到一套匹配的间距系统,以 1Rem=16 为例,可以得到以下间距系统:
掌握以上要点,即可 get 一套匹配产品设计要求的栅格系统。
Chapter Six 栅格系统的应用与响应式 1. 固定栅格
简单来讲,在固定栅格中,页面拉伸时,元素的尺寸和间距都是固定的,页面每到一个断点尺寸,就会减少或增加最边缘的内容元素。体现到栅格上,页面宽度变化过程中未达到预设临界值时,栅格系统本身的列与水槽宽度不变,页面所有元素布局也不会有变化,直到到达临界值,栅格列数会随着浏览器宽度,增加或减少,边缘内容进行换行显示。
典型案例:Dibbble、Behance
优点:
适配规则简单,实现成本低;
缺点:
适用范围小,拉伸过程边距不是固定的,大多只适用于内容居中的上下布局类型产品;
一个页面尽量只有一种卡片尺寸,否则边距不统一;
卡片尺寸固定,在过大或者过小的屏幕尺寸上,比例容易显得不协调;
2. 流动栅格
流动栅格中页面边距和内容间距固定不变,页面内容随着页面尺寸变化而变化,可以是增删边缘元素展示个数,可以是调整元素展示比例,最终效果是始终保持内容卡片横向充满屏幕可用空间,这种弹性布局能更好的适应不同分辨率体现到栅格上,页面边距和水槽宽度是固定不变的,列数在适配过程中也是固定不变的,拉伸过程中的实际列宽是通过栅格区域的百分比缩放而来,这时列的宽度就不一定最小单位的倍数了。
典型案例:百度图片、花瓣
优点:
可以兼容不同尺寸的卡片混排;
页面边距也能保持一致,拉伸过程中过渡平滑,不显得突兀;
缺点:
页面伸缩时,不可避免的会出现卡片尺寸忽大忽小;
3. 混和栅格
在实际项目中,流动栅格和固定栅格的组合使用也是比较常见的做法,一些后台系统设计、工具型的界面设计会较经常使用混合栅格的形式, 混合布局既有固定的内容宽度,也有流动的宽度,灵活性更高,对与内容复杂的产品十分友好。
典型案例:Ant Design Pro
优点:
容器承载内容灵活性高,不同分辨率下都能达到较为理想的视觉效果;
缺点:
规则复杂,实现成本高;
Chapter Seven 栅格系统使用要点 最后再来总结下栅格系统在使用过程中一些使用要点:
内容区块的定义要从列开始到列结束,可以任意分割,比如 6×2、3×4、4×3; 水槽内禁止放置任何内容元素; 安全边距内禁止放置任何内容元素; 除非特意设计,否则不要在列之外区域放置元素; 只要框架(父级)元素对齐栅格,原子组件(子级)可以不完全对齐列; 对于栅格的区域选择,可以根据实际业务场景灵活应用,不一定非要整个画布区域; 可以使用嵌套栅格,我们通常会用一套栅格标准来全局控制整个界面,但不乏有些产品中会出现一些典型模块的内容密度和全局栅格的匹配度不高,这种情况我们可将特定区域单独定义栅格值,嵌入到总的栅格系统中结合使用。 结束语 事物都有两面性,我们使用栅格系统为设计提供便捷,目的是更好的达到目标,但不是为了限制设计,所以在实际设计过程中,应当谨慎考虑规范细则的制定。关于栅格的一些基础知识的总结就到这啦,敬请期待「秩序之美(下)」给大家分享栅格在 b 端工具型产品中的实际应用案例~
欢迎关注公众号「酷家乐用户体验设计」
-
13种常用功能!图片在线编辑免费神器 Image Candy
UI交互 2022-07-21Image Candy 是一个免费在线图片编辑服务,收录各种图片处理工具,包括图片转文件、调整尺寸、图片压缩、图片去背、旋转、翻转、裁切、加入文字、水印等...Image Candy 是一个免费在线 图片编辑 服务,收录各种图片处理工具,包括图片转文件、调整尺寸、 图片压缩 、图片去背、旋转、翻转、裁切、加入文字、水印等功能,特色是这些功能 100% 免费而且非常容易使用,使用者无需下载或安装软件,直接打开浏览器、找到对应的功能将图片上传就能进行编辑,这项服务支持批次编辑,完成后会将所有图片打包为压缩文件一次下载。
相关神器:
能批量编辑还能压缩!免费图片在线编辑器 ImageResizer 本文要介绍「ImageResizer」是一个整合常用图片编辑功能的免费在线工具,从 2013 年开始提供用户简易的调整图片大小工具,多年来不断改良工具,加入更多功能、提升处理速度,目前除了调整图片尺寸工具也有批次编辑、图片放大、图片压缩、图片裁切和 PDF 工具,这项服务完全免费!
阅读文章 >
Image Candy 还有将图片转 PDF、将 HIEC 转 JPG 和将影片转 GIF 动画的功能选项,虽然功能上可能不是最全面的服务,但大多都是使用者在日常生活中会遇到的工具,无需注册或登入账号就能开始,完成后文件会保存在服务器 120 分钟。
若平时会碰到一些基本的图片编辑可将这项服务加入书签以备不时之需。
Image Candy 网站链接: https://imgcandy.com/
使用教学
开启 Image Candy 网站后会看到所有编辑工具,直接选择要使用的功能。
举例来说,我打开 Image Candy 图片转文件功能,点选「Add Files」新增要转换格式的图片(或是将图片全选后拖曳到网页中)。
图片会显示于编辑器,透过右上角的按钮来进行顺时针、逆时针旋转或是点选右侧「新增」按钮加入更多图片,最后从最右边的功能列选择要将图片转文件为 SVG、JPG、JPEG、PNG 或 PDF 格式。
接着编辑器就会开始进行处理。
完成画面如下图,点选「Download File」将所有转换后的文件打包、一次下载,或是点选图片后方的「Download file」分别下载每张图片,要注意的是文件只会暂存 120 分钟,超过时间会自动失效,需要重新上传图片进行处理。
另一个经常会用到的「图片压缩」工具,可以将图片变小、但又不会破坏画质(可能用肉眼无法看出差异),对于要帮图片压缩来说很有用,一样打开 Image Candy 找到「Compress image」工具后将图片拖曳到网站,使用建议的压缩设定值即可。
如果想要最大化压缩可选择「Maximum Compression」或转为灰阶版本。
完成后会显示一共压缩多少百分比、每张图片的容量变化,点选「Download File」将所有压缩相片一次下载,解压缩就能取得文件。
所有在 Image Candy 进行的操作结果都会保存于右上角的「下载」纪录,文件会暂存 120 分钟,可随时返回纪录功能来下载文件。
值得一试的三个理由:
Image Candy 免费在线图片编辑服务,收录各种常用的图片处理功能 100% 免费而且非常容易使用,使用者无需下载或安装软件 文件会在处理完成后暂存 120 分钟,可重回下载纪录取得文件
-
用7大章节,帮你从零开始学会栅格系统
UI交互 2022-07-21前言 现如今随着设备尺寸的多种多样,产品在设计过程中需要适配到更多尺寸,布局方案与栅格系统的搭配使用,可以很好的做到跨平台跨尺寸适配,极大的...前言 现如今随着设备尺寸的多种多样,产品在设计过程中需要适配到更多尺寸,布局方案与 栅格系统 的搭配使用,可以很好的做到跨平台跨尺寸适配,极大的提升设计效率。
栅格设计 解析:
万字干货!从4个方面完整解析栅格设计 关于界面栅格的攻略,延展到适配方式。
阅读文章 >
其实,绝大多数的设计师都知道栅格很重要,市面上很多企业级系统也都在用栅格系统去规范化信息内容的排版布局,但很多设计师直接面对结论大多是一知半解,自己做设计时有些无从下手。
作者浏览了大量文章结合工作中的经验总结分享给大家,希望能帮助理解栅格系统的本质,并能举一反三应用在产品设计中,首先从基础的栅格系统解析开始吧。
文章概览
Chapter One 栅格的由来 最早的栅格概念,来源于平面设计中的“网格”,早在 1692 年,新登基的法国国王路易十四不满于法国当时印刷水平,命人成立了管理印刷的皇家特别委员会。旨在设计出科学的,合理的,重视功能性的新字体。委员会由数学家尼古拉斯加宗(Nicolas Jaugeon)担任领导,以罗马体为基础,采用方格为设计依据,每个字体方格分为 64 个基本方格单位,每个方格单位再分成 36 个小格,这样,一个印刷版面就有 2304 个小格组成,在这个严谨的几何网格网络中设计字体的形状,版面的排版,试验传达功能的效能,这是世界上最早对字体和版面进行科学实验的活动,也是栅格系统最早的雏形。再后来,20 世纪初,平面设计师们发现通过维持视觉秩序,能使版面更加清晰有效地传递信息,由此便逐渐演变出一种平面设计的方法,直到 20 世纪 40 年代后期,第一次出现了使用网格进行辅助设计的印刷作品。由瑞士设计师大师 Josef Müller-Brockmann(约瑟夫·米勒-布罗克曼)所著的《平面设计中的网格系统》一书,自 1961 年出版以来畅销至今,对设计界有着深远的影响。史称 Swiss Typography Movement (瑞士新浪潮平面设计运动),后来成为全球风靡的 International Typographic Style (国际主义设计风格) 。
Chapter Two 栅格是什么 简单来说:栅格是通过规则的网格阵列,形成稳定的基础框架,来规范界面中模块的布局与信息元素的分布,辅助设计师组织信息的工具。前面讲到 UI 设计中常用的栅格系统是从平面网格系统中发展而来,栅格与网格的本质其实是相通的。那么有同学会问,两者区别在哪呢?平面设计中「网格」应用的媒介一般为固定的纸张规格,宽度和高度都是固定的,网格的划分方式是一个个等分的方格。UI 设计中「栅格」宽度受设备宽度变化而变化,高度由内容多少来决定。因此设计时只需制定纵向的分割规则,以规范纵轴方向内容的对齐、间隔等元素的排布,这也是我们看到栅格往往都是一列一列呈现的原因。
Chapter Three 为什么使用栅格 to 用户
内容布局的规律性,减少了用户的认知成本:
栅格一定程度上从设计师的角度定义了对齐关系,留白关系,图文的比例分割关系等排版中重要部分的限制规则,帮助我们更好的执行设计,输出更具有平衡和秩序感的版面,清晰的页面信息展现,有利于提高用户的阅读和浏览效率,减少认知成本。
to 设计师
提升决策效率与设计输出的统一性:
对于较大的团队,设计师使用栅格系统能够降低决策成本,采用一套统一的标准来对设计师进行约束和高效协同,让设计师快速定位通用规则并执行设计,提高设计师的决策效率,规范设计产出的质量。同时也避免了各式各样页面出现的混乱场面,当存在多业务线共用同一系统规范或者多设计师协作设计项目时,栅格系统利于帮助加强设计一致性,统一输出标准。
to 开发
提高设计还原度,减少解释成本:
在与开发侧对接协作过程中,我们有一套自上而下的有规可循的设计规律,且规则计算的原理与开发习惯保持一致,能避免细节的反复沟通,提高开发的设计还原度,减少不必要的解释成本。
此外栅格同样利于设计师和开发人员对组件和模块的复用,进一步提高协作效率。
to 响应式
更加规律性、合理性的实现自适应:
现如今多屏设计是商业设计中不可或缺的一部分,响应式设计自然也已成为设计中必不可少的一环,栅格系统的建立,可以让 响应式 布局变得有规可循,兼容不同的设备尺寸,更加规范合理的完成页面在多平台多尺寸下的自适应设计。
网页响应式布局原理:
用一篇文章,帮你看懂网页响应式布局原理 今天分享一个很多设计师头疼已久的问题,关于网页响应式布局原理和设计方法。
阅读文章 >
Chapter Four 栅格的构成要素
网格(Gird):
列(Column) 水槽(Gutter) 边距(Margin) 栅格总宽(Container) 容器盒子(Col-n) 市面上各系统对于栅格的名词描述各有不同,新手往往会看的越多,越迷惑,其实大可不必纠结具体叫法上的细微差异,万变不离其宗,理解其本质表达的意思和栅格的结构原则即可,下面会对这些基础名词进行一些解释。
1. 网格(Gird):最小单元 – 8 像素原则
网格(Gird)的基本构成就是单元格,由格子组成网,形成网格。最小单元格是界面的单位基础,所有界面元素都按照这个基础单位布局分布,它对于创造性的决策具有重要的指导意义。
通常,我们利用 8 作为最小单元格建立网格。
使用 8 的倍数来定义模块的间距与元素的尺寸。
那么为什么是 8,而不是别的数字?原因如下:
a.偶数思维:8 作为偶数,能适应市面上绝大多数设备屏幕,更为普适。在输出各种倍图时也能保证尺寸不出现奇数以及 0.5、0.75 等次像素的出现(iOS 导出 1、2、3 倍图,Android 导出 1、1.5、2、3、4 倍图均为偶数)。
b.规律性:所有元素以 8 像素为步进单位,利用 8 或 8 的倍数规范元素和间距大小,(例如使用 4、8、16、24、32 等和 8 具有规律关系的数字)有规可循。
c.节奏感:相比于 6、10 等数字,以 8 为单位,在视觉感受上既不显得过于琐碎,也不会因为间隔太大而显得内容分散,更容易保证页面效果的协调性。
d.目前市面上众多开源代码也都以 8 的倍数作为默认设计大小,可行性已经得到多轮过验证,设计师在与开发对接过程中对页面有较为统一的理解,有效降低合作成本,在设计还原度上也更有保障。
划重点:注意这里给的是建议尺寸,最小单位的制定还需要结合具体的使用场景来决定,我们以解决问题为最终目的。
2. 列(Column)
列(Column)的作用通常是用来对齐内容,列也是栅格的数量单位,大家可以理解设置栅格数量就是设置列的数量,如 12 栅格就有 12 列、24 栅格就有 24 个列,通过控制列数,可控制界面排版的呼吸节奏,列数越多,内容排布可以越精细,也容易分割的太细碎,反之列数越少,内容排布也越容易稀疏松散。
3. 水槽(Gutter)
理解了列,再来说水槽(Gutter),水槽就是列于列之间的分隔间距,这里水槽的作用是帮助区块内容做分隔,需要注意,水槽内不可放置任何板块内容。
水槽宽度在一定程度也会对界面的风格有影响,水槽越大,留白越多呼吸感越好,适合一些轻松的内容浏览类页面展示,相反水槽越小,留白小内容紧凑,适合一些严谨的工具型面板类内容展示,各有利弊,大家可根据设计目标权衡设计策略。
4. 边距(Margin)
边距(Margin)有时候也会被叫安全边距,是指设计内容距离屏幕边缘的距离,顾名思义,安全边距内是禁止放内容的,可以类比为平面设计里的出血概念,主要用来控制屏幕核心内容的展示边界。
边距值越小,界面核心内容的有效利用空间越大,布局相对来说会比较宽松,相反,边距值越大,两边留白大呼吸感强,但有效利用区域相对小,内容排布相对更紧凑,也可能会容易拥挤。这里建议界面的边距可以根据屏幕尺寸做适配,通过断点响应变化,这样可以更好的保证在不同屏幕上界面呼吸节奏都相对舒适。
5. 栅格总宽(Container)
栅格总宽(Container)就是指页面栅格系统的总宽度,即所有列宽加水槽宽度加安全边距的总和。
6. 容器盒子(Col-n)
建立好基础栅格之后,我们可以根据内容去定义一块内容占用几个列的宽度,我们把这个区域理解为容器盒子,容器用来集合下级组件,也可以是对文字、图片、按钮等多个复杂元素的集合,按照页面结构可以由小到大依次从组件 – 容器 – 模块 – 页面 – 场景进行组合拼装最终形成设计方案。
Chapter Five 如何制定栅格系统 定义栅格系统之前,我们先了解熟悉下计算公式
如果你已经理解了前面的栅格要素的作用和用法,那么接下来就可以按照以下步骤在自己的画板上创建栅格系统。
1. 确定栅格区域
注意栅格区域不一定是画布的全部区域,我们可以先将页面按照功能模块划分为全局控制层、内容层、背景层、临时层。通常我们大多是对内容层进行栅格化。
通常 web 端常用的三种布局如下图所示,建议按照实际使用场景灵活的选择布局形式后,再确定需要栅格化的区域。
当我们遇到一个 web 端的内容浏览类网站,一般会采用上下布局,通常会基于 1920 或 1440 尺寸作为设计稿宽度,但由于需要适配主流尺寸中的最小尺寸,核心内容展示会控制在 1024(这里不是绝对值,不同产品根据实际情况数字会有上下浮动),其他空白区域即为安全边距,这是 web 网页中常见的一种适配方案。
2. 选择栅格列数
12 栅格和 24 栅格是目前比较常见的列数结构。选择使用哪种栅格结构,取决于产品对设计的要求。
12 栅格:当产品涉及到多平台发布,内容较为简单,单个容器盒子内信息面积较大时,可以考虑采用 12 栅格来兼容。
24 栅格:如果当前产品发布于 pc,内容较多,且功能繁杂时,则需要更灵活的栅格系统去规范信息内容的布局,这时我们可以考虑采用 24 栅格,国内较为主流的企业级设计系统 Ant Design 采用的就是 24 栅格。
3. 定义水槽(Gutter)和边距(Margin)
前面讲到过在产品 UI 中边距(Margin)的值对视觉的呈现的影响,这里就不做过多赘述。这里科普一个叫做“Rem”的计算单位,(Rem 是开发常用的计算方式,设计和开发基于同一套原理进行设计,在协作过程中能够极大提高协作效率,并且减少维护成本),通常制定栅格系统时,我们可以用 1Rem 的值来定义水槽(Gutter),它的灵活最强,可作为栅格系统的基准值。而边距(Margin)的值通常就是 1.5Rem 或者 2Rem。基于常用的 4 倍或者 8 倍间距系统规范,一般最为常用的基础间距为 4,8,16,24,32,48,我们可以在这些基础值里去选择匹配产品的栅格系统基准值。
通过 Rem 基准值,我们还可以轻松得到一套匹配的间距系统,以 1Rem=16 为例,可以得到以下间距系统:
掌握以上要点,即可 get 一套匹配产品设计要求的栅格系统。
Chapter Six 栅格系统的应用与响应式 1. 固定栅格
简单来讲,在固定栅格中,页面拉伸时,元素的尺寸和间距都是固定的,页面每到一个断点尺寸,就会减少或增加最边缘的内容元素。体现到栅格上,页面宽度变化过程中未达到预设临界值时,栅格系统本身的列与水槽宽度不变,页面所有元素布局也不会有变化,直到到达临界值,栅格列数会随着浏览器宽度,增加或减少,边缘内容进行换行显示。
典型案例:Dibbble、Behance
优点:
适配规则简单,实现成本低;
缺点:
适用范围小,拉伸过程边距不是固定的,大多只适用于内容居中的上下布局类型产品;
一个页面尽量只有一种卡片尺寸,否则边距不统一;
卡片尺寸固定,在过大或者过小的屏幕尺寸上,比例容易显得不协调;
2. 流动栅格
流动栅格中页面边距和内容间距固定不变,页面内容随着页面尺寸变化而变化,可以是增删边缘元素展示个数,可以是调整元素展示比例,最终效果是始终保持内容卡片横向充满屏幕可用空间,这种弹性布局能更好的适应不同分辨率体现到栅格上,页面边距和水槽宽度是固定不变的,列数在适配过程中也是固定不变的,拉伸过程中的实际列宽是通过栅格区域的百分比缩放而来,这时列的宽度就不一定最小单位的倍数了。
典型案例:百度图片、花瓣
优点:
可以兼容不同尺寸的卡片混排;
页面边距也能保持一致,拉伸过程中过渡平滑,不显得突兀;
缺点:
页面伸缩时,不可避免的会出现卡片尺寸忽大忽小;
3. 混和栅格
在实际项目中,流动栅格和固定栅格的组合使用也是比较常见的做法,一些后台系统设计、工具型的界面设计会较经常使用混合栅格的形式, 混合布局既有固定的内容宽度,也有流动的宽度,灵活性更高,对与内容复杂的产品十分友好。
典型案例:Ant Design Pro
优点:
容器承载内容灵活性高,不同分辨率下都能达到较为理想的视觉效果;
缺点:
规则复杂,实现成本高;
Chapter Seven 栅格系统使用要点 最后再来总结下栅格系统在使用过程中一些使用要点:
内容区块的定义要从列开始到列结束,可以任意分割,比如 6×2、3×4、4×3; 水槽内禁止放置任何内容元素; 安全边距内禁止放置任何内容元素; 除非特意设计,否则不要在列之外区域放置元素; 只要框架(父级)元素对齐栅格,原子组件(子级)可以不完全对齐列; 对于栅格的区域选择,可以根据实际业务场景灵活应用,不一定非要整个画布区域; 可以使用嵌套栅格,我们通常会用一套栅格标准来全局控制整个界面,但不乏有些产品中会出现一些典型模块的内容密度和全局栅格的匹配度不高,这种情况我们可将特定区域单独定义栅格值,嵌入到总的栅格系统中结合使用。 结束语 事物都有两面性,我们使用栅格系统为设计提供便捷,目的是更好的达到目标,但不是为了限制设计,所以在实际设计过程中,应当谨慎考虑规范细则的制定。关于栅格的一些基础知识的总结就到这啦,敬请期待「秩序之美(下)」给大家分享栅格在 b 端工具型产品中的实际应用案例~
欢迎关注公众号「酷家乐用户体验设计」
-
想学3D设计?收下这份超详细的电脑配置入门指南
UI交互 2022-07-21编者按:大家好我是花生~ 很多学习 C4D 的同学都有电脑配置方面的疑问,为此我邀请了优设大课堂 C4D 课程讲师、资深动态视觉设计师 Nathan 为大...编者按:大家好我是花生~ 很多学习 C4D 的同学都有电脑配置方面的疑问,为此我邀请了 优设 大课堂 C4D 课程讲师、资深动态视觉 设计师 Nathan 为大家分享 C4D 所需的电脑配置的知识,并会为大家推荐不同预算的电脑配置,有需要的同学不要错过哦 ~
再送你一份3D设计自学指南:
玩转C4D!腾讯高手的3D视觉设计必备指南 导语 随着三维视觉逐渐向二维视觉领域渗透,视觉 3D 化已经成为当下非常热门的一种表现形式 3D 技能也已经加入了视觉设计师必备技能包中。
阅读文章 >
大家好,我是 Nathan。
此篇文章仅作为学习 C4D 的电脑配置入门科普推荐,目前市面上已有的型号大都大同小异,在众多的型号中又分为桌面端(PC)和移动端(手提电脑),这里我们主要介绍桌面端配置。我会先为大家介绍电脑配置的相关知识,想看配置推荐的同学可以直接跳转到文章末尾。
电脑主机 配置可以分为 CPU(中央处理器)、GPU(显卡)、内存、主板、电源,这几个大块,以及与其搭配的硬盘、散热、机箱、线材等。本篇主要为大家介绍 CPU、显卡、内存、主板、电源、散热、机箱这几大块;其他的配如硬盘、外设(屏幕,键盘,鼠标)等,往往是属于各花入各眼,大家按自己实际需求选用即可。
CPU 篇 CPU 里大家最常见的两个系列是:Intel 的酷睿 CORE 系列和 AMD 的锐龙 RYZEN 系列。
1. Intel
Intel 的 CPU 大致可分为 i3、i5、i7、i9 这四大型号,这四个型号中又分了许多的子型号,比如 i7 就有 12700F, 12700K, 12700KF 等。那这么一长串数字分别是什么意思呢,大家可以看看下图的解释。
i3、i5、i7、i9 这 4 款的性能跨度还是比较大的,同代的 i7 基本可以压着 i5 打,但前提是 “同一代”。如果跨了好几代,例如 5 代的 i7 跟现在 12 代的 i5 肯定是没法比的,但 10 代的 i7 有可能比 12 代的 i5 还便宜,性能也不差。如果你有此类的辨别认知基础,可以去二手市场挑选一些老的高端型号,也算是一个省钱的方法。
2. AMD
接下来我们讲讲 AMD 的 CPU,AMD 的 CPU 基本上可以找到跟 Intel 相对应的型号的,作为后起之秀(AMD 通过锐龙系列起死回生),AMD 同样分为 R3、R5、R7、R9 这几个型号,下面同样用一张图来解释其型号命名的含义。
3. CPU 对比总结
两个品牌的 CPU 对比之下,Intel 的单核频率会高一点,AMD 的多核处理会强一点。C4D 作为单核处理的软件,并不能很好的运用上 AMD 系列的多核性能,虽然 AMD 的 CPU 性价比较高,同区间的 CPU 会便宜一点,但作为 C4D 的高频用户,仍然建议选 intel 系列的 CPU,CPU 性能越好,对复杂的操作越快,某些时候需要处理简单特效的时候,也能处理。
玩转C4D!腾讯高手的3D视觉设计必备指南 导语 随着三维视觉逐渐向二维视觉领域渗透,视觉 3D 化已经成为当下非常热门的一种表现形式 3D 技能也已经加入了视觉设计师必备技能包中。
阅读文章 >
显卡(GPU)篇 显卡基本也是可以分 NVDIA(英伟达)和 AMD 两大阵营,下文我们以 N 卡和 A 卡代称。
NVDIA 的 GeForce 和 AMD 的 Radeon
1. NVDIA
N 卡作为现在的主流显卡,是最为人们所推崇的,也是装机比例里面占比最多的显卡品牌,N 卡可以分为一下几个大的类别。
Tegra —— 手机和嵌入式设备用的,了解即可 GeForce —— 常规民用的显卡系列,打游戏工作都可兼顾,3060,3070等 Quadro —— 专业绘图卡,常常配合专业软件使用,RTX6000,RTX8000等 Tesla —— 大规模计算,比如深度学习训练,A100等 在这众多系列中,每隔一段时间,NVDIA 也会更新自己的架构设计,例如上一代(20 系的显卡)的 Turing 和这一代的 Ampere(30 系)。虽然 N 卡的系列丰富,但是作为 C4D 需要的配置,我们最主要会使用到的就是 GeForce 和 Quadro 系列,挑选显卡的时候我们主要在这两个系列里面挑选。
2. AMD
AMD 这几年的新显卡前缀都是 RX 开头,例如 RX6700,RX6800 等,数字越大越性能好,专业卡方面有 Radeon Pro 系列。相对于 NVDIA 型号的整齐统一,AMD 的命名是比较混乱的,产品价位也有部分的重叠和空缺,存在几代卡同时卖的情况。
3. 显卡对比总结
之所以没有对 AMD 进行详细说明,是因为作为 C4D 用户的角度来看,目前主流的还是 GPU 渲染器,例如 Octane Render、Redshift 等。GPU 渲染器大都不支持 A 卡,如果使用在 C4D 的工作内容中,效率会大大降低。所以我们把目标主要集中在 N 卡上,显卡的显存和核心越高,性能就越好,显存决定了我们可以渲染多复杂的场景。
对于 N 卡来说,不仅仅有 NVDIA 自己官方的显卡(俗称公版卡,公版就是由 NV 自己设计 pcb,外观,散热的版本,也就是给各大厂商打样和开发布会的版本),各个大厂也以 NVDIA 的芯片为基础出了自己品牌的显卡(非公版),例如华硕、丽台、影驰、七彩虹等等,在外观上和散热技术上等均已不同程度的差异,可以根据自己的外观喜好以及预算挑选。
七彩虹显卡(左)与华硕显卡(右),都是以 NVDIA 的芯片为基础的
目前如果有购买显卡的需求,非刚性需求(工作,学习等)不太推荐买显卡,容易买到品质不好的显卡(例如矿卡),可以等待下一代的显卡。如果预算充足,也正好是刚性需求,可以考虑一下 3080ti,3090ti 等,翻车几率较低。
内存篇 对于 C4D 用户来说,内存决定了我们创建场景时可以创建的复杂程度,内存越高,我们能创建的场景就可以越复杂,内存最好是 32G 起步,因为三维场景是非常吃内存的,对于后续的电脑升级也方便,直接再加 32G 即可。内存类型方面,主流的 DDR4 内存就足够了,便宜好用,频率对我们来说是不太重要的,3000 左右即可。
海盗船 DDR4 3200 32G 内存条 (3200 即为频率)
主板 主板可以根据选好的 CPU 来选择,需要注意是 AMD 以及 Intel 的接口是不一样的,另外主板的尺寸也要注意,可以根据选用的机箱来做出选择。
下图为不同尺寸的板子的类型。其中大板接口更多,扩张性好,尺寸大;小板尺寸小,接口也少,能满足基本需求。主板对电脑的性能影响相对小,好主板与差主板的区别主要体现在用料做工、外观设计等。
电源 在购买电源的时候我们经常会看到电源有分全模组,半模组等,我们组装电脑直接选择全模组的即可,可控性高,理线也更方便;也能看到电源分为钛金、白金、金牌、银牌、铜牌等,级别越高的越贵,同时电源的品质越好。
电脑的配置高,就选择瓦数高一点电源,比如 1000W、1200W 等;配置低的选择 600W、800W 的也足够了。电源是一个相对来说更换周期较长的配件,我们可以在预算允许的情况选择瓦数高一点的,这样在后面升级配置的时候,电源就可以不更换。
机箱选择的越大,可供选择的电源尺寸就越多。电源尺寸类型有:
ATX/ ATX-L —— 常见尺寸的电源(常见) SFX/ SFX-L —— 为小尺寸机箱设计的 Flex/1U —— 常在服务器上见到 DC-ATX、AT、BTX —— 了解即可 散热 这里我们主要指的是 CPU 散热,可以分为被动式、风冷散热、一体式水冷、分体水冷等,选择标准可以按照选好的 CPU 型号、价格预算和散热效率是否符合自己的 CPU 来看。例如通常情况下 i5 或 i7 的用风冷散热器就够了,但 i9 的话风冷就不够了,用一体式水冷更好。
机箱 机箱可从体积规格分为以下几种(从左至右按体积大小排列):
选配置的经验总结 对比直接购买品牌主机、笔记本电脑、一体式电脑等,桌面级 PC 的硬件搭配是一个个性化、自由度非常高的选择,可以按照自己的需求自由搭配。
我们可以给自己设置一个购买预算的区间,然后往区间里面添加配置,如果 GPU(显卡)需求高一点,可以把 GPU 的预算适当放宽,其他配件预算减少;如果 CPU(中央处理器,以下均已 CPU 代称)需求高一点,可以相对的把 CPU 的预算放宽,其他配件预算减少,以此类推,注意差别不能太大,切勿小马拉大车(硬件之前的配置差异过大,例如 I3 配 3090)。
选择好配置,如果动手能力较强,自行购买装配即可,如果有代装配的需求,可以选择京东的上门装机服务,或者购买信誉度较高网店的整机(非品牌机)。在你的预算范围内买最好的,肯定不会错。
推荐配置 下面给出几个推荐的配置,价格均为写这篇文章时京东官方店的价格参考。
以上就是对电脑配置方面知识的一些介绍,希望对学习 C4D 的同学有所帮助。如果大家对本文还有不明白的地方,你可以在评论区提出,我会一一为大家解答。喜欢的小伙伴可以收藏或者分享,之后会继续为大家带来更多 C4D 学习方面的分享 。
-
腾讯万字干货!如何让设计创新源源不断?(渐进篇)
UI交互 2022-07-21前言 创新在产品设计和驱动商业中有着不可或缺重要性。作为设计师,如何抓住乍现的灵光时刻并不断复制思路,生产源源不断的创意活水?《设计策略|源...前言 创新在产品设计和驱动商业中有着不可或缺重要性。作为设计师,如何抓住乍现的灵光时刻并不断复制思路,生产源源不断的创意活水?《设计策略|源源不断的创新思路》分为渐进篇和激进篇,旨在从创意的启动、过程和决策三个阶段出发,提供创意策略,通过具体的案例或思维过程帮助大家在工作中打造自己的灵感永动机。
拓展阅读:
设计师如何做研究和创新?来看高级设计师的总结! 《设计心理学》作者 Don Norman 在 2012 年发布了一篇论文《Incremental and RadicalInnovation: Design Research versus Technology and Meaning Change》,里面提到了渐进式创新(Increme
阅读文章 >
了解创新类型:渐进式 & 激进式 创新前需要首先定义设计命题是哪种程度的创新,之后再选择合适的方法进行发散。创新可按照程度分为渐进式创新(Incremental Innovation)和激进式创新(Radical Innovation)。
渐进式创新是较为常见的微创新,是对现有概念、产品或服务的渐进设计和持续改进,通常不依赖新的技术。一些软件或服务的周期性迭代、在微创新中让新版本比旧版本更好、满足更多用户需求,便是典型的渐进式创新。
激进式创新是相对罕见的,它同时依赖革命性的技术和创新的商业模式来解决问题,像人工智能(AI)、区块链技术等是当下较为熟知的、在不断探索市场和落地产品的激进式创新设计。
以我们熟悉的手机产品为例,2007 年 iPhone 横空出世,是第一款支持手指触摸操作的电容屏手机,颠覆了以往手机必须使用键盘或触控笔的操作时代,奠定了至今十多年的智能手机操作体验,是非常经典的激进式创新。而近几年手机在更少遮挡屏幕内容上的屏幕探索,如去掉 Home 键,使用刘海屏、水滴屏、全面屏等操作,则是在体验和外观上的渐进式创新。
了解设计内容的创新类型可以帮助我们有机地考虑用户、技术和市场,进而选择合适的创意策略、综合思考值得发散的角度与深度。如果在时间限制和技术成本控制下,设计师接到需要作出渐进式的创新命题,却未对创新类型加以判断、在发散时让创新点依赖尚未完善的技术或聚焦短期无法落地的场景。那么创新不但对于当下的问题无法起到作用意义,还可能造成团队时间和精力的耗费。
本篇讲述:渐进式创新 《设计策略|源源不断的创新思路》分为渐进篇和激进篇讲述各自场景下可使用的方法,本篇将优先展开针对渐进式创新的设计策略,通过创新启动、创新过程、创新决策三部分分享策略和案例,讲述如何在产品中打造令用户喜爱的体验和细节。
Darin 在《The Business Warrior’s Dojo》中提到:“大多数创新都涉及将我们每天所做的事情做得更好一点,而不是创造一些全新的和不同的东西。” 激进式创新的发生往往依赖技术的革新,所以渐进式创新比激进式创新更常见、更贴近我们的生活。微创新并不是旁枝末节,在互联网产品设计中,很多日常的迭代创新都是渐进式创新。一个有效的微创新所能提升的体验是不容小觑的,让用户心动的产品其实就是每一个微创新的叠加总和。
渐进创新启动 / 策略 2 则
启动是理解创新命题和需求背景的步骤。
渐进式创新通常是为了解决某个具体问题,有相对明确的命题和需求。理想的渐进命题是清晰、明确、可发散的。但现实往往在沟通和传达上遇到阻力:盘根错节、过于具体、语义笼统、抽象空泛等等,以下两个方法针对渐进启动帮助大家聚焦命题。
策略 1. 清晰审题 + SMART 原则对齐 你是否遇到过多方发起、多轮传达的融和式需求命题?这类需求的发起流程盘根错节,可能是源于高层的方向意见,经过了自上而下的层层传达;也可能是多个部门共同策划讨论,再揉和了参与者个人理解传达等。
这样的沟通就像传话“马什么梅?”。当这个命题传递到你的手里的时候,可能已经埋下了诸多过程中交流不畅、理解不一致的坑。此时一定要确认题目、审题清晰。
清晰审题,可从四个步骤执行:
沟通理解需求,让相关方加入同步和讨论。 设计师复述理解的内容,确认你们在同个频道。 可视沟通,使用草图或相关案例图片沟通,规避理解偏差的风险。 达成一致的内容记录下来,以便后期对照启动。 SMART 原则,确认具体需求目标内容:
S(Specific)具体⽽明确的需求目标。
M(Measurable)项⽬⽬标可度量。提供具体的数据目标作为依据,如具体的点击率和转化率。
A(Attainable)目标可实现。确认需求条件,例如具体的需求时间、资源、人力和实现技术等。
R(Relevant)⽬标的相关⼯作需要和⽬标紧密相关。
T(Time-bound)所有的⽬标都是有时限性的,不是⽆限久的。
例:这个需求的目标是提高用户在某一流程的转换率至 70%,增加更多用户对该功能的使用,并提升用户购买意愿。流程设计共涉及 5 个步骤。该需求将有一个星期时间,无运营资金,基于平台现有技术,可投入一个产品、一个交互、一个视觉人力和三个开发人力。
策略 2. 命题聚焦,具体形容替换抽象描述
你是否遇到话术华丽但语义笼统的需求,并且感到难以“猜中命题”?重新审视你拿到的项目命题,去掉它的话术包装,把抽象词语具体化。如果需求仍然模糊,便继续深入和需求发起人确认,要大胆假设,小心求证,将要解决的问题具体化。
命题聚焦
使用具象的形容、描述,替换原本笼统、中性的表达,把命题聚焦、目标具体化。举例、提问的方式有助于更好地确认,例:
“更好的用户体验” -> “更高效” “更趣味”……
“用户更喜欢的产品” -> 想让用户喜欢的是什么?感官刺激?流程体验?……
“五彩斑斓的黑” -> 可以给个参考图吗:)? 如果想要的黑色是底色,“五彩斑斓”追求的是否是一种光泽感?……
渐进创新过程 / 策略 4 则
当我们有了清晰聚焦的起点,现在就到了放肆发散创意的阶段,在过程中无论个人思考、或团队脑暴一定要遵循三个原则:
没有差点子。许多最初看来难以实现甚至天真的想法,经过碰撞或思虑后可以成为很精彩的创意,所以要将所有想法都记录下来。 数量优于质量。在创意发散的过程中可能会遇到瓶颈和困难,继续保持发散,不要在已有的点子上停下。 不批评不扼杀。在想法发散阶段绝不扼杀任何可能性,让团队或个人均能具有安全感地发散非常重要。 下面提供策略四则在渐进式创新时高效的发散方法,帮助设计师找到着手点发散。
策略 1. 人物角色画布 + 同理心地图 我们创新和设计的受众通常不是自己,而是某具体人群。
在受众人群中找到核心用户,或由核心用户的特质组合成一个或多个最核心的用户,TA 是目标用户们的代表或希望成为的人。包抄观察 TA 的生活,思考设计 TA 想要拥有的产品,对比 TA 当前产品和解决方案,研究你的创新对于 TA 的意义,找到亮点突破。人物角色画布和同理心地图这两个工具在“包抄”用户的过程中可以有效分析用户行为和用户心理。
人物角色画布,“包抄”用户
人物角色画布 PERSONA 帮助建立关键用户的个人特点和在场景中的期待目标。我们以为旅游出行产品为例思考核心用户,进行信息和价值的串联:
(1)把 TA 想象成真人,完善基础信息。年龄、性别、居住的国家和区域、职业、婚恋状态、爱好、休闲时间、生活经历、思维方式等等。
TA 旅行地偏好也许更向往和自己传统居住环境不同的地点;
TA 的年龄身份不同,出游时段和同游人群可能不同:未成年更可能在寒暑假和家人结伴出行,工作白领也许会在节假日、淡季请假和恋人或好友出游。
(2)剖析兴趣、影响力、目标,深入发掘的洞见都建立在上述基础信息之上。
TA 的兴趣可能决定产品的路线创新,如果 TA 喜欢音乐也许希望去当地 Livehouse,如果喜欢历史也许想去古迹走走。
TA 的影响力可能帮助攻略种草,也许很多朋友或粉丝在社交网络上等待 TA 的旅程分享。
TA 的目标是什么,这次旅程也许想要和朋友放松散心,慢节奏地游玩体验;也许想要打卡著名景点,希望安排地满满当当。
(3)发掘 TA 的需求和期待,激励点,痛点/痒点。
TA 也许期待一个整合出行方式和住宿的产品,统一规划和高效便捷能够激励TA,让TA不需要付出太多精力安排。
TA 也许期待一个能让 TA 说走就走的产品,随时带给 TA 附近可以探索的小众基地,让 TA 和友人可以自由而浪漫地探索,拍摄很多心仪的照片回忆和分享。
在上述举例中,我们可以看出只要将用户的点滴罗列出来,我们即可拼接出一个生动的用户形象,在产品创新中抓住一两个核心用户的痛点、未满足点,就能进行对用户有意义的渐进式创新。
同理心地图,帮助“共情”
代入用户的视角去了解发生的事件,体会他在当下场景里的行为、想法和感受。站在用户的角度,TA 是谁,TA 的目标是什么,TA需要看/听/说/做什么,想什么,有哪些痛点和收获。从用户的视角去思考和验证设计师的猜想。
图源:A Gateway To User-Centered Insights
同理心地图帮助我们不断建立假设,共情体会,找到痛点和价值。以一位上班族女性通勤的场景来举例:
谁:用户是一位忙碌的上班族女士,在清晨通勤的时光中,她通过乘坐拥挤的地铁经过 10 站路去上班,地铁前后各需十多分钟的步行,而现在是炎热的夏天。 目标:她也许想抓紧通勤的时间,查看手机上的早间新闻,听有兴趣的视频课程,或者看短视频放松一会儿…她也许完全不想看手机,只想擦擦汗水,补一个妆;也许抢到座位定个闹钟补一会儿睡眠;也许只看看地铁里的电视发发呆… 看 & 听 & 说 & 做: 在拥挤的车厢里,她会抢到座位吗,站在晃动的车厢会触碰到别人吗,会和身边乘客有交流吗,在嘈杂的车厢会佩戴耳机吗… 痛点 & 收获:车厢里信号好吗?她想看的视频会不会变成低清或卡顿?在车厢站立时,能握紧扶手、拎着手袋,同时单手操作手机吗?朋友发的消息能及时回复吗?可以听清耳机里的声音吗,可以听见站点的播报吗… 她在地铁上是放松休整了一番;或是汲取了信息,高效打开一天? 深入、包抄、假设和代入,会帮助我们从用户视角体会、审视,针对每一个用户没有被解决的难题痛点和潜在的爽点,都可以成为创新的机会点,在产品上作出渐进式创新的升级。
我们可以从两个基于用户洞察的真实案例,来看包抄理解用户后的微创新设计:
例 a. Airbnb 最近更新的海外产品体验中,许多创新都是基于对用户预定房源的体验洞察获得的。
过去,用户即使有相对灵活的时间,也必须按照具体的某天到某天来查找房源,导致用户需要不断尝试日期组合来减少错失房源的可能。灵活日期功能就围绕这个洞察设计,让时间相对自由的用户,可以按模糊日期(如:7 月)+出行时长(如:一周)来挑选住宿,让用户根据挑选到的房源合理安排出行。
用户常常希望在出行中可以有特别的住宿体验,如住在能看到北极光的房子,特别造型的树屋,沙漠中的房子…传统的时间地点筛查很难迅速识别这些特别的房屋。Airbnb 为此打造出灵活匹配功能,用机器学习将平台房源划分成了奇景、露营、滑雪等 56 个标签类别让用户根据特别偏好快速筛选体验。
例 b. 使用外卖小程序在微信点餐支持直接分账单,也是基于用户的痛点的创新设计。
图:美团小程序
过去,当几个好友想一同点外卖时,他们通常各自在自己手机上查看菜单,再在同一部手机上下单,是一大痛点。几人一起点外卖通常可以减少运费还可以有相对大力的折扣优惠,但是用户需要自己进行计算和分账,考虑每个商品单独、整体的折扣和运费,计算的时间成本高,这是痛点二。如果好友没有及时想起付款,用户可能还需要提醒催促好友进行付款,在情绪上也有痒点。
于是外卖软件美团、饿了么通过在微信小程序提供了多个用户一同点餐、自动分账的功能。过程中只需要一个用户将外卖链接分享到微信群,整个群里的朋友即可各自选择想购买的商品,一同进行下单。分账流程也可以直接由系统发起,一人付款后全员分账,不需要自行付费。在链路上直接解决了多用户点外卖的流程痛点和痒点。
策略 2. 模块化 + SCAMPER 奔驰法 模块化 Modularization
需要创新的内容常包含许多元素和内容,我们可以尝试将要设计的内容拆分、模块化,之后进行重组创新。不论是流程上每一步骤,界面上每组元素,产品上每块结构,都可以作为被拆分出的模块。拆分模块后,可以使用奔驰法进行发散创意,就可能创造出的场景和效果。
奔驰法 SCAMPER
拆分模块后,用奔驰法进行发散创意,可能创造出特别的场景和效果。奔驰法是建立在发散思维基础上的创意工具。七个字母分别代表了七种创意思路,替代(Substitute)、结合(Combine)、适应(Adapt)、修改(Modify)、用作他用(Put to other uses)、去除(Eliminate)、重组(Rearrange)。
例:以 iOS 系统的一些功能为例,我们可以倒推奔驰法的模块重组运用。
替代(Substitute):
智能手机的大屏需求增多,导致了手机的整体尺寸逐年增长。在 Iphone 手机的发展过程中,将上下的非屏显区替换,用界面操作「替代」了硬件 Home 键区域,用上滑手势和界面 Home Key 满足需求,在不放大手机整体的高度、重量的状态下拥有更大屏显。
结合(Combine):
系统中每个 APP 独立操作无法完全满足用户需求。如,用户希望在看电影的同时和其他好友聊天,在拍照或录音后可以直接将相关内容在笔记中添加等等。
IOS 系统运用「结合」的思路,通过系统支持分屏,浮窗等交互框架,让多个 APP 可以同时使用或相互结合使用。就能把原本支持的 APP 能力赋能开拓出更多使用场景。
适应(Adapt):
OCR 照片转文字功能已经有了较长的时间,但在原本的拍照需求中它的用途并不多。适应的思路把 OCR 技术作为一个能力模块去「适应」更多场景,让这项技术寻找到更多新场景,价值放大。
用户阅读实体书时,可以将内容拍照识别摘录到笔记中;用户看到广告上想拨打的号码,不必照着输入,只要拿出相机就能识别号码并且呼叫;异国旅途中的招牌、商品信息、菜单等也只需要拍张照就可以翻译。
修改(Modify):
原本手机电脑的屏幕只支持调节亮度,但随着科研和调查发现睡前、暗环境下屏幕蓝光的照射可能导致兴奋和伤眼,亮度调节不能完全覆盖面对这些细分需求。通过将界面的颜色、模式进行「修改」,增加暗黑模式、护眼模式等让屏幕色显满足用户在不同时段的偏好需求。
用作他用(Put to other uses):
手机内地图等应用有定位功能,手机丢了,可以用其他电子设备找回手机。可是,如果是其他非电子物件丢了,应该如何找回呢?苹果将定位功能「用作它用」独立出 Airtag 配件,可以轻便地为其他不带定位的产品提供该能力,让这些产品可以被手机找到。满足用户更多的寻找物品/宠物/定位的需求。
去除(Eliminate):
原本在手机、电脑等各种设备间想要传输图片、音乐、视频、文件等内容,都需要数据线或第三方软件传输,非常不便。为了让流程变得优化方便,iOS 系统用「去除」的思路减少中间媒介,Airdrop 功能只要开启蓝牙就可以在设备间快速传输文件。
以前离开电脑、希望在手机上继续阅读刚才查看的网页,需要将链接单独复制黏贴到三方软件进行传输,现在这些麻烦也由「去除」的思路解决,用 Handsoff 功能打开浏览器即可直接继续打开网页阅读。
重组(Rearrange):
用户可能希望每天一打开手机就有很多可以直观查看的信息。天气、时间、新闻、热搜榜、邮件、备忘、单词、股票等等。
原本这些信息都需要在每一个单独的 app 中单独查看,现在用户只需要在桌面上扫一眼就可以快速获取到他们想要的信息重点。这就是在桌面上进行了信息和功能重组,用 Widget 的形式满足更多信息和功能展示。
策略 3. 逆向思考:原理 / 功能 / 结构逆向 逆向思维缔造了许多打破常规的创意。遵循着顺向的设计思路没有头绪的话,把问题或解题思路反转,往往带来出其不意的惊喜。这里介绍 3 类在渐进式创新中常见的逆向思路和具体案例,发散时可以将它作为思考清单逐条尝试打开思路。
原理逆向 | 事物原理的反方向进行发散。
例 a. 手触碰内容->内容触碰手
很多手机操作随着屏幕变大无法用单手完成。如何让用户触碰到手机屏幕上较远的地方就成了一个难题。与其让用户用手去够屏幕按键和内容,不如让内容来够着手,让手机界面整体下降半屏/页面整体缩进,就能在需要的场景下让用户快速触发满足用户的单手操作。
例 b. 下载软件使用 ->上云使用软件
很多用户排斥在电脑、手机中安装大量的软件。如何让用户更轻量的使用软件,减少电脑的内存负担。云服务让软件上云,帮助用户摆脱安装包,网页上登录使用。微信的小程序也用同样的思路为用户减负,对于偶尔使用却长期占据内存的 APP,让用户直接上到小程序页面即用即走。不但降低了软件开发商的成本,还让用户间的分享传播变得十分容易。
功能逆向 | 从功能的反面设想解决问题的新途径或找到新场景、功能。
例 a. 阻隔外界 -> 放大外界
耳机的设计通常都更为关注隔音,让用户在嘈杂环境下依然听清楚耳机内的声音,但是用户也会遇到需要同时聆听内外部声音的时刻。Airpods 将耳机分为降噪、关闭和通透模式,在通透模式下,耳机可以像助听器一样帮助用户放大外部声音,同时播放设备内容。让用户无需摘下耳机对外交流,切换模式就可边听边沟通。
例 b. 视频会议分享内容 -> 视频会议不说不听 -> 营造专注氛围
疫情期间,很多学生在家独自学习没有了课堂和自习教室的氛围后很难集中注意力专注的进行学习。通常视频会议是将大家聚集在一起分享聆听相同主题的内容,而 QQ 自习室则用视频会议的形式将学生聚集到一起,大家打开视频既不交流也不关注彼此,单纯用视频营造学习氛围,学生看到彼此认真学习仿佛置身于自习课堂,利于自我监督。
结构逆向 |从事物的逆向结构去设想解决问题的新途径。一般可从结构位置、结构材料以及结构类型等方面入手。
例 a. 笔记本电脑摄像头只朝向用户 -> 改变摄像头结构支持翻转
后置摄像头暴露在外易损坏,笔记本通常只有面对用户的前置摄像头,但用户有很多需要后置摄像头的场景,如参与会议时希望录制主持人的内容,听课时学生可能希望用笔记本记录内容同时拍摄黑板 PPT 内容等。华硕笔记本让前摄镜头可以 240 度旋转,自然状态下镜头面向用户,当用户需要时转向后方对外拍摄。这样的设计让镜头的角度和笔记本屏幕的角度分离,满足内外向拍摄和携带保护。
例 b. 文档作为文件和其他类型内容收录到网盘 -> 文档作为文件夹收录各类型内容
文档通常被认为是文件类型,只能和图片,视频等一起被放置到一个文件夹或者网盘中进行保存分享。腾讯文档把文档的结构作为一个文件夹,支持用户把其他文档、PDF、图片、视频等内容都拖动收录到一个文档中保存、查看。
策略 4. 触类旁通,借鉴其他领域的解题思路 触类旁通(Comprehend by analogy)
Tom Freston,MTV 的联合创始人曾说过:“创新是将现有的两件东西以一种新的方式组合在一起。“触类旁通在渐进式创新时非常好用的思路启发,很容易产生 1+1>1 的效果。找一个其他领域里带有某种共性的的解题思路,“强行”运用在现在要解决的问题上,找到“异曲同工之妙”。这些思路可以是日常收集的灵感库、素材库、产品案例库,在遇到需要创新突破的启迪时,从自己的灵感库中触类旁通。
例 a. 像看视频弹幕一样看短视频评论
在长视频的观看中,用户已经习惯并且享受在观看视频时打开弹幕,和其他用户一起边评边看,这样会非常有气氛感。QQ 小世界抓住这一体验在短视频中也加入了弹幕形式的评论,让用户的评论可以在短视频中直接呈现播放,不但增加观看氛围,同时增强了有共同兴趣话题的用户的互动性。
例 b. 用“刷”的思路切换音乐和相关视频
聆听音乐时,用户经常会有兴趣了解更多该音乐的视觉信息,如观看该歌曲的 MV、演唱会 Live 片段、使用该音乐的影视和综艺…近年短视频的流行让用户熟悉了用“刷”的手势展开更多内容,QQ 音乐运用该思路乘载音乐和相关视频的切换入口。当用户享受音乐时,向上“刷”就会进入 MV 等更强烈的视觉内容,并且可持续“刷”观看更多相关视频。该设计不但帮助用户从纯听觉过渡到强烈的沉浸氛围,也让歌曲相关的视频、影视作品得到更多曝光和关注,利于音乐创作生态的发展。
例 c. 像剪切杂志一般记录生活中的真实物件
我们小时候应该都做过剪贴报。而在生活中我们也想把真实世界中的物品剪切放置到文件或情绪板内。ClipDrop 支持在手机端拍摄实物,自动扣除背景将物件提取出来,当用户把手机移动到电脑端前,真实世界中的物品就会迅速“复制粘贴”到面板上。
渐进创新决策 / 策略 3 则
“一个想法的价值在于使用它。” ——托马斯·爱迪生。创新是服务于我们的目标的,是手段而不是目的。所以当我们发散出许多想法且看起来都充满潜力时,选择困难时刻便来临了,面对有限的资源和时间,下面的三则方法可以帮助在大量想法间进行筛选,推动目标成就和创意落地。
策略 1. 结构化和筛选想法 + 优先级矩阵考虑成本 结构化和筛选想法
面对大量创意想法,可以将想法以下图中的两种图示进行结构化和筛选梳理,了解他们是否足够匹配现在的机会和状态,之后再进行方案改进和补充。结构化的过程是收敛思维和筛选的过程。
例 a. 渐进 vs 激进
下图方法可以快速区分出匹配和创新程度。在创意过程中,我们发散的想法可能会超越最初定下的渐进范畴,此时可以重新审视发散的想法是属于渐变式创新还是激进式创新,先匹配当下需求,其他范围之外的可以考虑之后投入更多资源实施。
例 b. 顾客分类 vs 产品/服务
下图方法将创新的对象加入了筛选过程,因为创新对于产品本身和市场顾客来说是不同的,这种筛选方式有效地结合了这一需求。
优先级矩阵工具,考虑想法的成本、价值
可帮助团队考虑每个功能带来的价值与交付它所需的工作量,为创意制定优先级。优先级矩阵的四个象限分别是重要且紧急,重要不紧急,紧急不重要,不重要也不紧急。当我们把想法放入这个举证,并把所有想法放入这个矩阵,就可以看出最重要而紧急的想法可以优先考虑实施和计划,其次去考虑那些重要不紧急和紧急不重要的想法,而不重要也不紧急的想法即使实施回报率也不会很高,就可以将它忽略。通常来说,高投资回报率(ROI)和高优先级的创意更值得被首先考虑。
策略 2. 制作原型,敏捷迭代 创意发散的过程可能是非常混乱的,只有在删减和迭代的过程中逐渐变得清晰。推进创意的过程中,一定会经过许多错误,就像导演伍迪艾伦曾经说过 “如果你没有时不时地失败,这表明你没有做任何非常创新的事情。” 用最小的成本试错是发现问题,解决问题和规避问题的良策。
制作原型,敏捷迭代(Agile Iterating)
使用原型工作坊的形式,快速尝试、快速失败、快速迭代。用最小的成本测试来实现效率的最大化。许多会被放弃的尝试,都不需要等到最终设计结果才能决定,在草图和原型阶段就可以进行迭代删减。
交互上可以用一些原型沟通和演示,视觉上可以使用一些草图或色卡来理解感受, 泡沫板粘贴的实体产品原型也可以满足沟通。在原型测试阶段重复发散、收敛的过程,最终让好的创意落地,整体可以分作三个阶段:
(1)功能原型(Funcational Prototype)
针对关键功能的体验测试关键变量,制作最小可行产品(Minimum Viable Product),然后对潜在用户进行密集测试。
(2)成品原型(Finished Prototype)
这一阶段主要整合分散功能原型,让用户可以体验整体交互进行反馈。
(3)最终原型(Final Prototype)
这一阶段的原型时收集了之前的反馈和调整,并进一步完善的过程,通常会有较高的投入和实现度。
在 MVP 原型测试过程中,特别值得关注的是不应该将完整成品拆分出零碎的模块,需要保证 MVP 是最小的可以被运行的单位。
图源:A Better MVP Skateboard Diagram – Steve Iverson
策略 3. 最先进但可以接受,让用户逐步接受 最先进但可以接受,让用户逐步接受(Most advanced yet acceptable)
在选择创新和改变的过程中如果遇到了阻力,不要急着否定创意本身,可以尝试是否还有更少摩擦的方式去推动创新。用户养成的使用习惯和既有认知很难在短时间内快速改变,所以产品越成熟,改进往往越温和。以免在改变时遇到反弹。即使是非常正确的决定或者看似简单的调整有时也需要耐心,通过逐步改变的方式让用户接受慢慢接受。
例. 美国购物网站 Ebay 的界面改革故事就是很好的例证。
早期他们的官网使用黄色作为文字的底色,阅读起来并不够友好。他们在品牌升级时将文字底色改为白色,却没想到这个在现在几乎是共识的决定遭到了成千上万的邮件质问原因,并要求网页改回黄色。很显然,用户没有准备好改变,于是 Ebay 选择将网站改回了黄色,并用一年中每天将黄色调低一级,直到一年后完全白色时,已没有任何用户抱怨。所以,在设计和改变时不用追求一蹴而就,尊重用户的节奏调整更容易让创新被接纳。
结语 希望本文的渐进式创新的设计策略可以为设计师们带来一些启迪。持续改进的渐进式创新,会让用户感受到产品的热情和成长,带来的用户参与度也是最高的,因为产品迭代的可见性利于用户提出反馈和建议,进一步促进产品设计更极致的体验。
下一篇章我们将讲述激进式创新的设计策略,激进式创新更依赖科技、商业模式等综合背景,相比渐进式创新可以带来更多突破,而设计师在创新过程中承接着技术、商业场景和用户体验,是重要的链路角色,希望下一篇章帮助设计师们在渐进创新的基础上为产品带来更大的突破。
参考:部分策略启发/提炼自以下著作和文章:
《Creative Strategies》by Fridolin Beisert (Author), Jessie Kawata (Artist) 《The Design Thinking Playbook: Mindful Digital Transformation of Teams, Products, Services, Businesses and Ecosystems》Michael Lewrick(Author),Nadia Langensand(Artist) 《Zero to One: Notes on Startups, or How to Build the Future》by Peter Thiel, Blake Masters 《Thinking, Fast and Slow》Daniel Kahneman 《Cross the Chasm》Geoffrey A. Moore 《The Innovator‘s Dilemma》Clayton M. Christensen 《Lean Startup》Eric Ries What are 5 Whys? | Interaction Design Foundation (IxDF) https://cwodtke.medium.com/how-i-stopped-worrying-and-learned-to-love-design-thinking-f1142bab60e8 Types of Innovation – The Ultimate Guide with Definitions and Examples The Design Process Simplifed – Design Sojourn https://medium.com/user-experience-design-1/10-design-principles-every-designer-should-know-a03e12f8deca https://blog.prototypr.io/shaping-user-behaviour-is-better-than-changing-them-47997f36e71 Airbnb 2021 Release: 100+ innovations and upgrades across our entire service Clipdrop – Copy and Paste reality with AR + ML | Product Hun 欢迎关注作者微信公众号:「腾讯ISUX」
-
腾讯万字干货!如何让设计创新源源不断?(渐进篇)
UI交互 2022-07-21前言 创新在产品设计和驱动商业中有着不可或缺重要性。作为设计师,如何抓住乍现的灵光时刻并不断复制思路,生产源源不断的创意活水?《设计策略|源...前言 创新在产品设计和驱动商业中有着不可或缺重要性。作为设计师,如何抓住乍现的灵光时刻并不断复制思路,生产源源不断的创意活水?《设计策略|源源不断的创新思路》分为渐进篇和激进篇,旨在从创意的启动、过程和决策三个阶段出发,提供创意策略,通过具体的案例或思维过程帮助大家在工作中打造自己的灵感永动机。
拓展阅读:
设计师如何做研究和创新?来看高级设计师的总结! 《设计心理学》作者 Don Norman 在 2012 年发布了一篇论文《Incremental and RadicalInnovation: Design Research versus Technology and Meaning Change》,里面提到了渐进式创新(Increme
阅读文章 >
了解创新类型:渐进式 & 激进式 创新前需要首先定义设计命题是哪种程度的创新,之后再选择合适的方法进行发散。创新可按照程度分为渐进式创新(Incremental Innovation)和激进式创新(Radical Innovation)。
渐进式创新是较为常见的微创新,是对现有概念、产品或服务的渐进设计和持续改进,通常不依赖新的技术。一些软件或服务的周期性迭代、在微创新中让新版本比旧版本更好、满足更多用户需求,便是典型的渐进式创新。
激进式创新是相对罕见的,它同时依赖革命性的技术和创新的商业模式来解决问题,像人工智能(AI)、区块链技术等是当下较为熟知的、在不断探索市场和落地产品的激进式创新设计。
以我们熟悉的手机产品为例,2007 年 iPhone 横空出世,是第一款支持手指触摸操作的电容屏手机,颠覆了以往手机必须使用键盘或触控笔的操作时代,奠定了至今十多年的智能手机操作体验,是非常经典的激进式创新。而近几年手机在更少遮挡屏幕内容上的屏幕探索,如去掉 Home 键,使用刘海屏、水滴屏、全面屏等操作,则是在体验和外观上的渐进式创新。
了解设计内容的创新类型可以帮助我们有机地考虑用户、技术和市场,进而选择合适的创意策略、综合思考值得发散的角度与深度。如果在时间限制和技术成本控制下,设计师接到需要作出渐进式的创新命题,却未对创新类型加以判断、在发散时让创新点依赖尚未完善的技术或聚焦短期无法落地的场景。那么创新不但对于当下的问题无法起到作用意义,还可能造成团队时间和精力的耗费。
本篇讲述:渐进式创新 《设计策略|源源不断的创新思路》分为渐进篇和激进篇讲述各自场景下可使用的方法,本篇将优先展开针对渐进式创新的设计策略,通过创新启动、创新过程、创新决策三部分分享策略和案例,讲述如何在产品中打造令用户喜爱的体验和细节。
Darin 在《The Business Warrior’s Dojo》中提到:“大多数创新都涉及将我们每天所做的事情做得更好一点,而不是创造一些全新的和不同的东西。” 激进式创新的发生往往依赖技术的革新,所以渐进式创新比激进式创新更常见、更贴近我们的生活。微创新并不是旁枝末节,在互联网产品设计中,很多日常的迭代创新都是渐进式创新。一个有效的微创新所能提升的体验是不容小觑的,让用户心动的产品其实就是每一个微创新的叠加总和。
渐进创新启动 / 策略 2 则
启动是理解创新命题和需求背景的步骤。
渐进式创新通常是为了解决某个具体问题,有相对明确的命题和需求。理想的渐进命题是清晰、明确、可发散的。但现实往往在沟通和传达上遇到阻力:盘根错节、过于具体、语义笼统、抽象空泛等等,以下两个方法针对渐进启动帮助大家聚焦命题。
策略 1. 清晰审题 + SMART 原则对齐 你是否遇到过多方发起、多轮传达的融和式需求命题?这类需求的发起流程盘根错节,可能是源于高层的方向意见,经过了自上而下的层层传达;也可能是多个部门共同策划讨论,再揉和了参与者个人理解传达等。
这样的沟通就像传话“马什么梅?”。当这个命题传递到你的手里的时候,可能已经埋下了诸多过程中交流不畅、理解不一致的坑。此时一定要确认题目、审题清晰。
清晰审题,可从四个步骤执行:
沟通理解需求,让相关方加入同步和讨论。 设计师复述理解的内容,确认你们在同个频道。 可视沟通,使用草图或相关案例图片沟通,规避理解偏差的风险。 达成一致的内容记录下来,以便后期对照启动。 SMART 原则,确认具体需求目标内容:
S(Specific)具体⽽明确的需求目标。
M(Measurable)项⽬⽬标可度量。提供具体的数据目标作为依据,如具体的点击率和转化率。
A(Attainable)目标可实现。确认需求条件,例如具体的需求时间、资源、人力和实现技术等。
R(Relevant)⽬标的相关⼯作需要和⽬标紧密相关。
T(Time-bound)所有的⽬标都是有时限性的,不是⽆限久的。
例:这个需求的目标是提高用户在某一流程的转换率至 70%,增加更多用户对该功能的使用,并提升用户购买意愿。流程设计共涉及 5 个步骤。该需求将有一个星期时间,无运营资金,基于平台现有技术,可投入一个产品、一个交互、一个视觉人力和三个开发人力。
策略 2. 命题聚焦,具体形容替换抽象描述
你是否遇到话术华丽但语义笼统的需求,并且感到难以“猜中命题”?重新审视你拿到的项目命题,去掉它的话术包装,把抽象词语具体化。如果需求仍然模糊,便继续深入和需求发起人确认,要大胆假设,小心求证,将要解决的问题具体化。
命题聚焦
使用具象的形容、描述,替换原本笼统、中性的表达,把命题聚焦、目标具体化。举例、提问的方式有助于更好地确认,例:
“更好的用户体验” -> “更高效” “更趣味”……
“用户更喜欢的产品” -> 想让用户喜欢的是什么?感官刺激?流程体验?……
“五彩斑斓的黑” -> 可以给个参考图吗:)? 如果想要的黑色是底色,“五彩斑斓”追求的是否是一种光泽感?……
渐进创新过程 / 策略 4 则
当我们有了清晰聚焦的起点,现在就到了放肆发散创意的阶段,在过程中无论个人思考、或团队脑暴一定要遵循三个原则:
没有差点子。许多最初看来难以实现甚至天真的想法,经过碰撞或思虑后可以成为很精彩的创意,所以要将所有想法都记录下来。 数量优于质量。在创意发散的过程中可能会遇到瓶颈和困难,继续保持发散,不要在已有的点子上停下。 不批评不扼杀。在想法发散阶段绝不扼杀任何可能性,让团队或个人均能具有安全感地发散非常重要。 下面提供策略四则在渐进式创新时高效的发散方法,帮助设计师找到着手点发散。
策略 1. 人物角色画布 + 同理心地图 我们创新和设计的受众通常不是自己,而是某具体人群。
在受众人群中找到核心用户,或由核心用户的特质组合成一个或多个最核心的用户,TA 是目标用户们的代表或希望成为的人。包抄观察 TA 的生活,思考设计 TA 想要拥有的产品,对比 TA 当前产品和解决方案,研究你的创新对于 TA 的意义,找到亮点突破。人物角色画布和同理心地图这两个工具在“包抄”用户的过程中可以有效分析用户行为和用户心理。
人物角色画布,“包抄”用户
人物角色画布 PERSONA 帮助建立关键用户的个人特点和在场景中的期待目标。我们以为旅游出行产品为例思考核心用户,进行信息和价值的串联:
(1)把 TA 想象成真人,完善基础信息。年龄、性别、居住的国家和区域、职业、婚恋状态、爱好、休闲时间、生活经历、思维方式等等。
TA 旅行地偏好也许更向往和自己传统居住环境不同的地点;
TA 的年龄身份不同,出游时段和同游人群可能不同:未成年更可能在寒暑假和家人结伴出行,工作白领也许会在节假日、淡季请假和恋人或好友出游。
(2)剖析兴趣、影响力、目标,深入发掘的洞见都建立在上述基础信息之上。
TA 的兴趣可能决定产品的路线创新,如果 TA 喜欢音乐也许希望去当地 Livehouse,如果喜欢历史也许想去古迹走走。
TA 的影响力可能帮助攻略种草,也许很多朋友或粉丝在社交网络上等待 TA 的旅程分享。
TA 的目标是什么,这次旅程也许想要和朋友放松散心,慢节奏地游玩体验;也许想要打卡著名景点,希望安排地满满当当。
(3)发掘 TA 的需求和期待,激励点,痛点/痒点。
TA 也许期待一个整合出行方式和住宿的产品,统一规划和高效便捷能够激励TA,让TA不需要付出太多精力安排。
TA 也许期待一个能让 TA 说走就走的产品,随时带给 TA 附近可以探索的小众基地,让 TA 和友人可以自由而浪漫地探索,拍摄很多心仪的照片回忆和分享。
在上述举例中,我们可以看出只要将用户的点滴罗列出来,我们即可拼接出一个生动的用户形象,在产品创新中抓住一两个核心用户的痛点、未满足点,就能进行对用户有意义的渐进式创新。
同理心地图,帮助“共情”
代入用户的视角去了解发生的事件,体会他在当下场景里的行为、想法和感受。站在用户的角度,TA 是谁,TA 的目标是什么,TA需要看/听/说/做什么,想什么,有哪些痛点和收获。从用户的视角去思考和验证设计师的猜想。
图源:A Gateway To User-Centered Insights
同理心地图帮助我们不断建立假设,共情体会,找到痛点和价值。以一位上班族女性通勤的场景来举例:
谁:用户是一位忙碌的上班族女士,在清晨通勤的时光中,她通过乘坐拥挤的地铁经过 10 站路去上班,地铁前后各需十多分钟的步行,而现在是炎热的夏天。 目标:她也许想抓紧通勤的时间,查看手机上的早间新闻,听有兴趣的视频课程,或者看短视频放松一会儿…她也许完全不想看手机,只想擦擦汗水,补一个妆;也许抢到座位定个闹钟补一会儿睡眠;也许只看看地铁里的电视发发呆… 看 & 听 & 说 & 做: 在拥挤的车厢里,她会抢到座位吗,站在晃动的车厢会触碰到别人吗,会和身边乘客有交流吗,在嘈杂的车厢会佩戴耳机吗… 痛点 & 收获:车厢里信号好吗?她想看的视频会不会变成低清或卡顿?在车厢站立时,能握紧扶手、拎着手袋,同时单手操作手机吗?朋友发的消息能及时回复吗?可以听清耳机里的声音吗,可以听见站点的播报吗… 她在地铁上是放松休整了一番;或是汲取了信息,高效打开一天? 深入、包抄、假设和代入,会帮助我们从用户视角体会、审视,针对每一个用户没有被解决的难题痛点和潜在的爽点,都可以成为创新的机会点,在产品上作出渐进式创新的升级。
我们可以从两个基于用户洞察的真实案例,来看包抄理解用户后的微创新设计:
例 a. Airbnb 最近更新的海外产品体验中,许多创新都是基于对用户预定房源的体验洞察获得的。
过去,用户即使有相对灵活的时间,也必须按照具体的某天到某天来查找房源,导致用户需要不断尝试日期组合来减少错失房源的可能。灵活日期功能就围绕这个洞察设计,让时间相对自由的用户,可以按模糊日期(如:7 月)+出行时长(如:一周)来挑选住宿,让用户根据挑选到的房源合理安排出行。
用户常常希望在出行中可以有特别的住宿体验,如住在能看到北极光的房子,特别造型的树屋,沙漠中的房子…传统的时间地点筛查很难迅速识别这些特别的房屋。Airbnb 为此打造出灵活匹配功能,用机器学习将平台房源划分成了奇景、露营、滑雪等 56 个标签类别让用户根据特别偏好快速筛选体验。
例 b. 使用外卖小程序在微信点餐支持直接分账单,也是基于用户的痛点的创新设计。
图:美团小程序
过去,当几个好友想一同点外卖时,他们通常各自在自己手机上查看菜单,再在同一部手机上下单,是一大痛点。几人一起点外卖通常可以减少运费还可以有相对大力的折扣优惠,但是用户需要自己进行计算和分账,考虑每个商品单独、整体的折扣和运费,计算的时间成本高,这是痛点二。如果好友没有及时想起付款,用户可能还需要提醒催促好友进行付款,在情绪上也有痒点。
于是外卖软件美团、饿了么通过在微信小程序提供了多个用户一同点餐、自动分账的功能。过程中只需要一个用户将外卖链接分享到微信群,整个群里的朋友即可各自选择想购买的商品,一同进行下单。分账流程也可以直接由系统发起,一人付款后全员分账,不需要自行付费。在链路上直接解决了多用户点外卖的流程痛点和痒点。
策略 2. 模块化 + SCAMPER 奔驰法 模块化 Modularization
需要创新的内容常包含许多元素和内容,我们可以尝试将要设计的内容拆分、模块化,之后进行重组创新。不论是流程上每一步骤,界面上每组元素,产品上每块结构,都可以作为被拆分出的模块。拆分模块后,可以使用奔驰法进行发散创意,就可能创造出的场景和效果。
奔驰法 SCAMPER
拆分模块后,用奔驰法进行发散创意,可能创造出特别的场景和效果。奔驰法是建立在发散思维基础上的创意工具。七个字母分别代表了七种创意思路,替代(Substitute)、结合(Combine)、适应(Adapt)、修改(Modify)、用作他用(Put to other uses)、去除(Eliminate)、重组(Rearrange)。
例:以 iOS 系统的一些功能为例,我们可以倒推奔驰法的模块重组运用。
替代(Substitute):
智能手机的大屏需求增多,导致了手机的整体尺寸逐年增长。在 Iphone 手机的发展过程中,将上下的非屏显区替换,用界面操作「替代」了硬件 Home 键区域,用上滑手势和界面 Home Key 满足需求,在不放大手机整体的高度、重量的状态下拥有更大屏显。
结合(Combine):
系统中每个 APP 独立操作无法完全满足用户需求。如,用户希望在看电影的同时和其他好友聊天,在拍照或录音后可以直接将相关内容在笔记中添加等等。
IOS 系统运用「结合」的思路,通过系统支持分屏,浮窗等交互框架,让多个 APP 可以同时使用或相互结合使用。就能把原本支持的 APP 能力赋能开拓出更多使用场景。
适应(Adapt):
OCR 照片转文字功能已经有了较长的时间,但在原本的拍照需求中它的用途并不多。适应的思路把 OCR 技术作为一个能力模块去「适应」更多场景,让这项技术寻找到更多新场景,价值放大。
用户阅读实体书时,可以将内容拍照识别摘录到笔记中;用户看到广告上想拨打的号码,不必照着输入,只要拿出相机就能识别号码并且呼叫;异国旅途中的招牌、商品信息、菜单等也只需要拍张照就可以翻译。
修改(Modify):
原本手机电脑的屏幕只支持调节亮度,但随着科研和调查发现睡前、暗环境下屏幕蓝光的照射可能导致兴奋和伤眼,亮度调节不能完全覆盖面对这些细分需求。通过将界面的颜色、模式进行「修改」,增加暗黑模式、护眼模式等让屏幕色显满足用户在不同时段的偏好需求。
用作他用(Put to other uses):
手机内地图等应用有定位功能,手机丢了,可以用其他电子设备找回手机。可是,如果是其他非电子物件丢了,应该如何找回呢?苹果将定位功能「用作它用」独立出 Airtag 配件,可以轻便地为其他不带定位的产品提供该能力,让这些产品可以被手机找到。满足用户更多的寻找物品/宠物/定位的需求。
去除(Eliminate):
原本在手机、电脑等各种设备间想要传输图片、音乐、视频、文件等内容,都需要数据线或第三方软件传输,非常不便。为了让流程变得优化方便,iOS 系统用「去除」的思路减少中间媒介,Airdrop 功能只要开启蓝牙就可以在设备间快速传输文件。
以前离开电脑、希望在手机上继续阅读刚才查看的网页,需要将链接单独复制黏贴到三方软件进行传输,现在这些麻烦也由「去除」的思路解决,用 Handsoff 功能打开浏览器即可直接继续打开网页阅读。
重组(Rearrange):
用户可能希望每天一打开手机就有很多可以直观查看的信息。天气、时间、新闻、热搜榜、邮件、备忘、单词、股票等等。
原本这些信息都需要在每一个单独的 app 中单独查看,现在用户只需要在桌面上扫一眼就可以快速获取到他们想要的信息重点。这就是在桌面上进行了信息和功能重组,用 Widget 的形式满足更多信息和功能展示。
策略 3. 逆向思考:原理 / 功能 / 结构逆向 逆向思维缔造了许多打破常规的创意。遵循着顺向的设计思路没有头绪的话,把问题或解题思路反转,往往带来出其不意的惊喜。这里介绍 3 类在渐进式创新中常见的逆向思路和具体案例,发散时可以将它作为思考清单逐条尝试打开思路。
原理逆向 | 事物原理的反方向进行发散。
例 a. 手触碰内容->内容触碰手
很多手机操作随着屏幕变大无法用单手完成。如何让用户触碰到手机屏幕上较远的地方就成了一个难题。与其让用户用手去够屏幕按键和内容,不如让内容来够着手,让手机界面整体下降半屏/页面整体缩进,就能在需要的场景下让用户快速触发满足用户的单手操作。
例 b. 下载软件使用 ->上云使用软件
很多用户排斥在电脑、手机中安装大量的软件。如何让用户更轻量的使用软件,减少电脑的内存负担。云服务让软件上云,帮助用户摆脱安装包,网页上登录使用。微信的小程序也用同样的思路为用户减负,对于偶尔使用却长期占据内存的 APP,让用户直接上到小程序页面即用即走。不但降低了软件开发商的成本,还让用户间的分享传播变得十分容易。
功能逆向 | 从功能的反面设想解决问题的新途径或找到新场景、功能。
例 a. 阻隔外界 -> 放大外界
耳机的设计通常都更为关注隔音,让用户在嘈杂环境下依然听清楚耳机内的声音,但是用户也会遇到需要同时聆听内外部声音的时刻。Airpods 将耳机分为降噪、关闭和通透模式,在通透模式下,耳机可以像助听器一样帮助用户放大外部声音,同时播放设备内容。让用户无需摘下耳机对外交流,切换模式就可边听边沟通。
例 b. 视频会议分享内容 -> 视频会议不说不听 -> 营造专注氛围
疫情期间,很多学生在家独自学习没有了课堂和自习教室的氛围后很难集中注意力专注的进行学习。通常视频会议是将大家聚集在一起分享聆听相同主题的内容,而 QQ 自习室则用视频会议的形式将学生聚集到一起,大家打开视频既不交流也不关注彼此,单纯用视频营造学习氛围,学生看到彼此认真学习仿佛置身于自习课堂,利于自我监督。
结构逆向 |从事物的逆向结构去设想解决问题的新途径。一般可从结构位置、结构材料以及结构类型等方面入手。
例 a. 笔记本电脑摄像头只朝向用户 -> 改变摄像头结构支持翻转
后置摄像头暴露在外易损坏,笔记本通常只有面对用户的前置摄像头,但用户有很多需要后置摄像头的场景,如参与会议时希望录制主持人的内容,听课时学生可能希望用笔记本记录内容同时拍摄黑板 PPT 内容等。华硕笔记本让前摄镜头可以 240 度旋转,自然状态下镜头面向用户,当用户需要时转向后方对外拍摄。这样的设计让镜头的角度和笔记本屏幕的角度分离,满足内外向拍摄和携带保护。
例 b. 文档作为文件和其他类型内容收录到网盘 -> 文档作为文件夹收录各类型内容
文档通常被认为是文件类型,只能和图片,视频等一起被放置到一个文件夹或者网盘中进行保存分享。腾讯文档把文档的结构作为一个文件夹,支持用户把其他文档、PDF、图片、视频等内容都拖动收录到一个文档中保存、查看。
策略 4. 触类旁通,借鉴其他领域的解题思路 触类旁通(Comprehend by analogy)
Tom Freston,MTV 的联合创始人曾说过:“创新是将现有的两件东西以一种新的方式组合在一起。“触类旁通在渐进式创新时非常好用的思路启发,很容易产生 1+1>1 的效果。找一个其他领域里带有某种共性的的解题思路,“强行”运用在现在要解决的问题上,找到“异曲同工之妙”。这些思路可以是日常收集的灵感库、素材库、产品案例库,在遇到需要创新突破的启迪时,从自己的灵感库中触类旁通。
例 a. 像看视频弹幕一样看短视频评论
在长视频的观看中,用户已经习惯并且享受在观看视频时打开弹幕,和其他用户一起边评边看,这样会非常有气氛感。QQ 小世界抓住这一体验在短视频中也加入了弹幕形式的评论,让用户的评论可以在短视频中直接呈现播放,不但增加观看氛围,同时增强了有共同兴趣话题的用户的互动性。
例 b. 用“刷”的思路切换音乐和相关视频
聆听音乐时,用户经常会有兴趣了解更多该音乐的视觉信息,如观看该歌曲的 MV、演唱会 Live 片段、使用该音乐的影视和综艺…近年短视频的流行让用户熟悉了用“刷”的手势展开更多内容,QQ 音乐运用该思路乘载音乐和相关视频的切换入口。当用户享受音乐时,向上“刷”就会进入 MV 等更强烈的视觉内容,并且可持续“刷”观看更多相关视频。该设计不但帮助用户从纯听觉过渡到强烈的沉浸氛围,也让歌曲相关的视频、影视作品得到更多曝光和关注,利于音乐创作生态的发展。
例 c. 像剪切杂志一般记录生活中的真实物件
我们小时候应该都做过剪贴报。而在生活中我们也想把真实世界中的物品剪切放置到文件或情绪板内。ClipDrop 支持在手机端拍摄实物,自动扣除背景将物件提取出来,当用户把手机移动到电脑端前,真实世界中的物品就会迅速“复制粘贴”到面板上。
渐进创新决策 / 策略 3 则
“一个想法的价值在于使用它。” ——托马斯·爱迪生。创新是服务于我们的目标的,是手段而不是目的。所以当我们发散出许多想法且看起来都充满潜力时,选择困难时刻便来临了,面对有限的资源和时间,下面的三则方法可以帮助在大量想法间进行筛选,推动目标成就和创意落地。
策略 1. 结构化和筛选想法 + 优先级矩阵考虑成本 结构化和筛选想法
面对大量创意想法,可以将想法以下图中的两种图示进行结构化和筛选梳理,了解他们是否足够匹配现在的机会和状态,之后再进行方案改进和补充。结构化的过程是收敛思维和筛选的过程。
例 a. 渐进 vs 激进
下图方法可以快速区分出匹配和创新程度。在创意过程中,我们发散的想法可能会超越最初定下的渐进范畴,此时可以重新审视发散的想法是属于渐变式创新还是激进式创新,先匹配当下需求,其他范围之外的可以考虑之后投入更多资源实施。
例 b. 顾客分类 vs 产品/服务
下图方法将创新的对象加入了筛选过程,因为创新对于产品本身和市场顾客来说是不同的,这种筛选方式有效地结合了这一需求。
优先级矩阵工具,考虑想法的成本、价值
可帮助团队考虑每个功能带来的价值与交付它所需的工作量,为创意制定优先级。优先级矩阵的四个象限分别是重要且紧急,重要不紧急,紧急不重要,不重要也不紧急。当我们把想法放入这个举证,并把所有想法放入这个矩阵,就可以看出最重要而紧急的想法可以优先考虑实施和计划,其次去考虑那些重要不紧急和紧急不重要的想法,而不重要也不紧急的想法即使实施回报率也不会很高,就可以将它忽略。通常来说,高投资回报率(ROI)和高优先级的创意更值得被首先考虑。
策略 2. 制作原型,敏捷迭代 创意发散的过程可能是非常混乱的,只有在删减和迭代的过程中逐渐变得清晰。推进创意的过程中,一定会经过许多错误,就像导演伍迪艾伦曾经说过 “如果你没有时不时地失败,这表明你没有做任何非常创新的事情。” 用最小的成本试错是发现问题,解决问题和规避问题的良策。
制作原型,敏捷迭代(Agile Iterating)
使用原型工作坊的形式,快速尝试、快速失败、快速迭代。用最小的成本测试来实现效率的最大化。许多会被放弃的尝试,都不需要等到最终设计结果才能决定,在草图和原型阶段就可以进行迭代删减。
交互上可以用一些原型沟通和演示,视觉上可以使用一些草图或色卡来理解感受, 泡沫板粘贴的实体产品原型也可以满足沟通。在原型测试阶段重复发散、收敛的过程,最终让好的创意落地,整体可以分作三个阶段:
(1)功能原型(Funcational Prototype)
针对关键功能的体验测试关键变量,制作最小可行产品(Minimum Viable Product),然后对潜在用户进行密集测试。
(2)成品原型(Finished Prototype)
这一阶段主要整合分散功能原型,让用户可以体验整体交互进行反馈。
(3)最终原型(Final Prototype)
这一阶段的原型时收集了之前的反馈和调整,并进一步完善的过程,通常会有较高的投入和实现度。
在 MVP 原型测试过程中,特别值得关注的是不应该将完整成品拆分出零碎的模块,需要保证 MVP 是最小的可以被运行的单位。
图源:A Better MVP Skateboard Diagram – Steve Iverson
策略 3. 最先进但可以接受,让用户逐步接受 最先进但可以接受,让用户逐步接受(Most advanced yet acceptable)
在选择创新和改变的过程中如果遇到了阻力,不要急着否定创意本身,可以尝试是否还有更少摩擦的方式去推动创新。用户养成的使用习惯和既有认知很难在短时间内快速改变,所以产品越成熟,改进往往越温和。以免在改变时遇到反弹。即使是非常正确的决定或者看似简单的调整有时也需要耐心,通过逐步改变的方式让用户接受慢慢接受。
例. 美国购物网站 Ebay 的界面改革故事就是很好的例证。
早期他们的官网使用黄色作为文字的底色,阅读起来并不够友好。他们在品牌升级时将文字底色改为白色,却没想到这个在现在几乎是共识的决定遭到了成千上万的邮件质问原因,并要求网页改回黄色。很显然,用户没有准备好改变,于是 Ebay 选择将网站改回了黄色,并用一年中每天将黄色调低一级,直到一年后完全白色时,已没有任何用户抱怨。所以,在设计和改变时不用追求一蹴而就,尊重用户的节奏调整更容易让创新被接纳。
结语 希望本文的渐进式创新的设计策略可以为设计师们带来一些启迪。持续改进的渐进式创新,会让用户感受到产品的热情和成长,带来的用户参与度也是最高的,因为产品迭代的可见性利于用户提出反馈和建议,进一步促进产品设计更极致的体验。
下一篇章我们将讲述激进式创新的设计策略,激进式创新更依赖科技、商业模式等综合背景,相比渐进式创新可以带来更多突破,而设计师在创新过程中承接着技术、商业场景和用户体验,是重要的链路角色,希望下一篇章帮助设计师们在渐进创新的基础上为产品带来更大的突破。
参考:部分策略启发/提炼自以下著作和文章:
《Creative Strategies》by Fridolin Beisert (Author), Jessie Kawata (Artist) 《The Design Thinking Playbook: Mindful Digital Transformation of Teams, Products, Services, Businesses and Ecosystems》Michael Lewrick(Author),Nadia Langensand(Artist) 《Zero to One: Notes on Startups, or How to Build the Future》by Peter Thiel, Blake Masters 《Thinking, Fast and Slow》Daniel Kahneman 《Cross the Chasm》Geoffrey A. Moore 《The Innovator‘s Dilemma》Clayton M. Christensen 《Lean Startup》Eric Ries What are 5 Whys? | Interaction Design Foundation (IxDF) https://cwodtke.medium.com/how-i-stopped-worrying-and-learned-to-love-design-thinking-f1142bab60e8 Types of Innovation – The Ultimate Guide with Definitions and Examples The Design Process Simplifed – Design Sojourn https://medium.com/user-experience-design-1/10-design-principles-every-designer-should-know-a03e12f8deca https://blog.prototypr.io/shaping-user-behaviour-is-better-than-changing-them-47997f36e71 Airbnb 2021 Release: 100+ innovations and upgrades across our entire service Clipdrop – Copy and Paste reality with AR + ML | Product Hun 欢迎关注作者微信公众号:「腾讯ISUX」
-
失去的“雪糕自由”,成了压倒骆驼的最后一根稻草
设计动态 2022-07-20编辑导语:如今,“雪糕自由”难以实现,互联网新贵雪糕第五年,人们开始趋于冷静,不再茫从,跟风去购买。贵价雪糕成为人们眼中的刺客,内卷的雪糕江湖,是时候停下来了吗?品牌的终极之战在哪里? 如果问现在的年轻人,怎样才能获得快乐。答案或许有千万种,而本质上都离不开“编辑导语:如今,“雪糕自由”难以实现,互联网新贵雪糕第五年,人们开始趋于冷静,不再茫从,跟风去购买。贵价雪糕成为人们眼中的刺客,内卷的雪糕江湖,是时候停下来了吗?品牌的终极之战在哪里?
如果问现在的年轻人,怎样才能获得快乐。答案或许有千万种,而本质上都离不开“自由”。 对自由的渴望,是与生俱来从不止歇的。
长大后的我们,因为被束缚的越多,对自由的渴望就越深,因为失去的越多,想要得到的也就越多。
虽然有些“自由”,对大部分人来说是海市蜃楼一样的梦想。但,有一些“自由”,总是可以实现的。
比如奶茶自由、会员自由、外卖自由、游戏自由、星巴克自由、口红自由、包包自由、恋爱自由……不同的段位,不同的自由,而你,在哪一级?
关于自由的想象,可以是夏天的风,可以是夏天的童年,也可以是入口的一根雪糕。冰凉的透爽,轻于鸿毛,又重于买包。
一、神仙打架的雪糕江湖 把解暑“神器”的雪糕送进嘴里的那一刻,关于自由的想象就在脑海中迸发。原来,这也是一种自由的味道!打工人的夏天怎么能没有雪糕呢?
但从什么时候开始,雪糕越来越不接地气了,继网红奶茶后,雪糕也脱离了“平民”路线,成为了“糕贵”的网红产品。
曾经简简单单的“雪糕自由”居然变成了“雪糕刺客”?虽然口味变得更加多元,但雪糕的价格也一直水涨船高。
温度越高,雪糕越贵!便利店冰柜里动辄十几元一根的高价雪糕越来越多,3元以下的平价雪糕很难买到。
“不认识的雪糕不要轻易拿,否则钱包会哭”直接冲上了微博热搜,万万没想到,雪糕惊人的“神仙价格”如同雪糕的暗器,伤到的网友可不少,真是太离谱了。
但神仙打架的雪糕江湖,还要从钟薛高说起。作为国内高端网红雪糕代表性品牌,钟薛高主打的是中高端品质且低糖、低脂。
品牌的目标用户一开始就非常精准:一二线城市重视健康、运动的高知、高收入,25-35岁之间的职场女性。因为这类人群更注重产品标签和生活仪式感,有一定的经济基础,而且也更愿意为品质和产品附加价值买单。
创立以来,钟薛高研发的九款雪糕产品斩获被誉为舌尖上奥斯卡的ITI国际大奖。2018年的“双十一”,一片售价为66元的“厄瓜多尔粉钻”雪糕更是横空出世,15小时内2万片产品被购空,钟薛高当天进账超过460万。
这不仅一举KO了称霸高端雪糕届已久的哈根达斯,更成为了当年双十一天猫冰品类目第一。
钟薛高的成功路径也很清晰:
首先小红书的全平台种草,增强消费者对品牌的信任感。佟丽娅、周一围等众多明星代言,形成品牌信任背书和品牌形象
其次爆款单品的迅速出圈,创始人林盛的一句“价格就是这样,你爱要不要”上了热搜,带来了一定
第三,钟薛高陆续与泸州老窖、娃哈哈、小米、五芳斋、三只松鼠、小仙炖燕窝、百度国潮季等40+品牌跨界联名,不断拓展用户
最后,在与消费者的互动上,钟薛高也下足了心思,在产品设计、口味创造、场景形成、营销传播等方面,都设置了与用户建立情感链接的通道:不管是独特的文案,还是棒签收集、邀请消费者聊天试吃等各种玩法,都在一步步拉近与用户的
怎么看,都是很好的成绩。那么,出道至今,黑红不断走上“神坛”的钟薛高,自然也必须经受更多的注目。要说这个夏天有点热,钟薛高也着实有点“火”。在前几天,再次走上热搜的钟薛高,因为31℃室温下放1小时不化引发热议。
随后,@钟薛高 发布声明称:所有雪糕产品均按照国家标准GB/T 31119-2014《冷冻饮品 雪糕》合法合规生产,并于检测合格后出厂。并表示,其认为用烤雪糕、晒雪糕或者加热雪糕的方式,来评断雪糕品质的好坏并不科学。
对于这样的回应,网友自然也不是那么轻易买单的,毕竟对咱们而言,科不科学无所谓,健不健康才是更要紧的。
欲戴王冠,必承其重。把一手好牌打的稀烂的钟薛高,高也真的是高不可攀的“高”。
其实,纵观这几年,在雪糕江湖这个客单价持续走高的超千亿元大市场,厮杀从未停止。
远的不说,就说最近茅台、五菱、六必居纷纷入局冰淇淋赛道,更是意味着冰淇淋品牌之战升级。
今年2月,国货老字号六必居推出了两款暗黑口味冰淇淋,“黑蒜冰淇淋”和“黑芝麻冰淇淋”,定价为18元一个。
5月19日,茅台官宣进军冰淇淋赛道,将推出茅台冰淇淋。冰淇淋共分三种口味,包括青梅煮酒、经典原味以及香草口味,每颗冰淇淋里含2%的飞天茅台,价格从59元到66元不等。
同样的5月,五菱宏光推出了新款宏光MINIEV马卡龙雪糕。口味有巧克力、葡萄、芒果三种,并将这三种口味的冰淇淋以谐音梗命名为“酱紫”、“芒么”以及“好巧”。在冰淇淋的造型设计上,有宏光MINIEV小车的造型也有包含音乐元素的耳机造型。
买雪糕结账的时候,多少人感觉自己失去了雪糕自由。在话题的导语页之下,主持人新浪财经道出了众多网友的心声:“10年价格涨3倍,66元一根被疯抢,雪糕为啥都在涨价做网红?”
二、人人内卷的时代,品牌的终极之战在哪里? 难道,只有贵的才有活路吗?
与其说,年轻人对“雪糕刺客”的吐槽,是对品牌高价营销的反抗,不如说,我们失去的“雪糕自由”,成了压倒骆驼的最后一根稻草。
鸡娃圈里,家长们纷纷晒出鸡娃成长计划。抢夺年轻人,留住年轻人,各个城市发布以就业为主的补贴政策……
只要卷不死,就往死里卷。如今这个内卷的时代,赛道和品牌更是卷上加卷。只有你想不到没有他做不到。
当网红雪糕们争相进入高价区,那么到底谁会为”猎奇”买单?当我们吃“糕贵”的网红品牌产品时,我们到底在吃什么?
年轻一代用户无疑是各大品牌最想要触达的人群。喝不起茅台但能咬牙吃个茅台冰淇淋。买不起五菱宏光吃个马卡龙雪糕也是不错的选择。
但想要长久地赢得用户青睐,光靠出其不意可不行。用“高价”的差异化路线杀入这片市场的品牌们,一招鲜的“贵”对于用户来说,一开始是猎奇,但成为常态化之后,品牌没点真本事,谁又会真的为“噱头”持续买单呢?
如今,互联网新贵的网红雪糕,已经“卷”到了第五年。随着市场慢慢的“退烧”,年轻人们也开始趋于冷静。
当那些曾被捧上神坛的网红品牌开始走下神坛,甚至成为大众反思的对象,雪糕品牌们是否开始思考:高昂的价格背后,其实只有相应的产品价值才是王道。
都说赛道博弈,品牌博弈,强者恒大,弱者更弱。随着消费升级和消费多元化逐渐成为新趋势,雪糕赛道也涌现出越来越多创新型产品。品牌想要出圈,就要比别人努力一点,如何利用产品解决用户的社交需求、尊重需求和自我实现需求,将是未来产品发展的新形态。
与此同时,“all in”高端的雪糕行业的玩家,也应该看到中低端市场的缺口,尽力满足大部分消费者的需求。这或许会成为一个新的流量密码,也未可知?
所以,是选择内卷还是另辟蹊径,走出自己的道路? 当我们看得更远,离得更近,才能发现很多朴素却亘古不变的真理,早已在一开始就写下了答案。
作者:二姐;公众号:财观二姐
本文由 @财观二姐 原创发布于人人都是产品经理,未经作者许可,禁止转载。
题图来自 Unsplash ,基于CC0协议。
给作者打赏,鼓励TA抓紧创作!
{{{path> 赞赏
-
抖音推出可颂,小红书慌不慌?
设计动态 2022-07-20编辑导语:最近,字节又一次在种草业务上发力,上架了一款名叫“可颂”的App,而从首页信息流、内容版块、发帖方式等各维度看,可颂的产品形态与小红书极为相似。“种草”究竟有何独特魅力吸引品牌加码?在种草经济方面,对标小红书的“可颂”,又有多大胜算? 时隔两年,继“编辑导语:最近,字节又一次在种草业务上发力,上架了一款名叫“可颂”的App,而从首页信息流、内容版块、发帖方式等各维度看,可颂的产品形态与小红书极为相似。“种草”究竟有何独特魅力吸引品牌加码?在种草经济方面,对标小红书的“可颂”,又有多大胜算?
时隔两年,继“新草”项目之后,字节再度发力种草业务。
一款名叫“可颂”的App已在各大应用商店上架,而官方介绍可颂为抖音旗下内容社区。据报道及测试,可颂现与抖音账号体系打通,意味着登陆可颂账号后可同步抖音账号的关注、粉丝、获赞等数据。
不过,根据首页信息流、内容版块、发帖方式等各维度看,这一次可颂的产品形态与小红书极为相似。 据报道,这一项目在字节内部级别为ss级,几乎可视作抖音版的“小红书”。
内容种草为何如此重要?
从过去多年电商变迁来看, 消费者的决策路径逐渐由 淘外流量种草、淘内成交,发展至平台内种草即下单, 越来越多的电商平台开始布局内容种草:阿里的逛逛、京东的种草秀、拼多多的拼小圈……
在用户增长见顶后,向彼此的业务腹地扩张渗透,变得相当必要。另外,抖音此举也意在补齐图文+短视频+直播带货的链路,同时,图文相较短视频能更好呈现决策成本较高的品类,图文创作门槛更低。
更重要的是,“种草”俨然变成了一条潜力赛道:消费升级的趋势不改,大量的消费需求由必选项变为可选项,“种草”发展出了减轻用户决策成本、用内容及兴趣促转成交的商业模式。
以小红书为例,晚点曾报道,其2020年广告业务营收实现3倍增长,达6-8亿美元,尤其在美妆领域,2020年品牌商在小红书投放金额已超过“双微一抖”。
那么,就广告投放而言,“种草”究竟有何独特魅力吸引品牌加码?在种草经济方面,小红书究竟做得如何,是否形成了竞争壁垒?对标小红书的“可颂”,又有多大胜算?
一、种草经济,含金量有多大? 就本质而言,种草是一种捕捉用户潜意识的广告:通过更为贴近生活的内容表达、更为自发的产品推荐,占领消费者心智,使其形成模仿及跟风欲,从而影响其消费决策。
与传统广告形式相比,传统广告侧重于品牌硬广、明星代言对消费者自上而下地输出信息;而种草是捕捉生活化的场景,用更多的koc乃至素人,用开箱测评、好物分享、生活科普、私信答疑等形式传播信息,会给用户带来更多好感。
从投放效果来看,种草不仅可以直接影响到消费者决策,为品牌贡献一时的ROI,还能使投放平台产出大量的UGC内容,沉淀社区生态、为品牌带来长线价值。
上述的一切说明,拥有优质内容沉淀、具有社区属性的互联网平台,天然具有种草能力。因此,掘金种草经济的代表平台就包括小红书、知乎、B站、抖音、快手等。
不同平台有着不同的社区氛围,由此形成的用户种草行为也不尽相同。
例如在B站,男女比几乎对半开,年龄结构上偏向年轻化,up主与粉丝的粘性相当程度上维系着平台的内容产出。在种草意愿方面,用户对正当且有特色的恰饭行为不仅不厌烦、还相当支持。
B站其实集合了大量愿意为情绪符号、兴趣标签、认同价值买单的客群,种草经济多表现为up主的开箱视频、自制插片广告、与品牌共创短片等,而转化链路一般是在评论区置顶商品链接/口令,品牌方在评论区留言,up主主页展示广告橱窗等。
相比而言,知乎是一个以问答与话题驱动内容沉淀的平台,这使得社区氛围围绕PUGC/UGC互动展开,内容一般呈长图文、信息密度较高,且更易在站外形成内容出圈、或更易由站外搜索引流。
艾瑞咨询显示,知乎三个月浏览量前1000的问题平均流通周期为21.7个月,内容的长尾效应引发了更多的话题发酵和更多的品牌曝光机会,另外,知乎每个月来自社交媒体和搜索引擎的页面访问超过20亿。
基于上述平台的拆解, 小红书的种草逻辑显得别具一格。
首先,在用户构成上,女性用户贡献了近8成,且以35岁以下的年轻女性为主,而在种草内容上又集中为 美妆护肤、母婴育儿、美食生活、家居家装、时尚穿搭 等领域。
其次,在广告投放方面,小红书的种草经济之所以高效,是因为平台搭建了 KOL+KOC+素人 的三级结构,品牌可通过配比头部、腰部、尾部的达人,形成多层次、多维度的品牌曝光:
kol更偏向话题引流、吸引用户搜索 koc构成了小红书商业笔记的主力 素人则分享更为日常的使用经验,影响用户最终决策 那么,小红书是如何实现今天的种草氛围?小红书的种草经济又是否可复制?
二、小红书的种草经济学 众所周知,小红书最初由海淘发展而来。因此,小红书最早一批核心用户就来自追求高品质生活、多位于一线城市的85后/90后女性用户。在消费行为上,上述用户有足够的分享欲、有炫耀心理,由此引发的用户跟随和社交裂变将内容创作主体扩散至各种各样的垂类koc。
现如今,各种垂类的KOC对小红书有多重要?从笔记数量来看,天风证券指出,小红书平台内大部分种草笔记(非品牌合作笔记,自发种草)来自于素人和koc,占比达91%。
从笔记质量来看,用户当然更乐于阅读更真实、来自专业生活经验的笔记,koc作为最容易被小白用户感知、模仿、学习的意见领袖,从而为小红书沉淀下大量的优质内容。
而小红书的去中心化流量分发方式,之所以对koc更友好、让更多中长尾优质内容被用户看见,做对了两件事情:
对内容、博主、用户进行标签化分类,实现精准的内容推荐 采用CES评论机制,根据用户互动效果评分,让普通用户的高得分笔记也可以进入更大流量池 新红数据显示,2021上半年互动量1万+的笔记,10%都由5000粉以下的达人产生。在自然流量下,小红书推荐页中KOC及素人的笔记占据60%以上。
同时,在KOL分布结构上,也可看出小红书和B站趋近,平台对头部kol倚重不大,可以对流量有更大的主动权,通过流量扶持激励中小达人创作。
当然,由于社区不同的禀赋所在,小红书发展至今形成与B站完全不同的社区氛围,虽然深度参与内容生产/消费的小红书仍然是高线城市的年轻女性用户为主,但男性用户、年轻圈层、城市分布都有了扩大趋势。
截至去年12月,小红书男女比达到3:7,在年龄构成上,25-35岁、19-24岁、小于19岁的用户分别以42.16%、15.68%、16.93%的占比占据前三,用户年轻化趋势显著。
基于女性海淘、分享品质生活这一禀赋,同时基于用户模仿消费行为、形成文化破圈的社区氛围,小红书已经形成了现如今的种草链路: 要么是有着明确购物目的的消费者通过自行检索获取品牌信息,而沉淀下的优质内容又承接住了无目的的消费者,解决其“逛”的需求。
上述逻辑本质上可归为创作门槛较低、内容获取效率更强的图文种草。
在创作门槛上,配图、文字表达,辅以小红书的自带编辑工具就可以形成美观易读的图文混排,这一难度明显低于知乎、B站、抖音等其他内容平台;在内容表现形式上,小红书既有合集、测评通过多维度的产品对比,帮助用户高效决策;又有分享类和攻略类的笔记,解决用户在特定场景下的需求。
总体来看,在内容获取效率上,小红书的图文种草也要高于短视频,高于深度长文。作为一个参照,抖音有短视频-内部电商的链路,转化能力其实要优于小红书,但其退货率也更高—— 这意味着抖音现有的链路更适合冲动消费,而需要一定决策成本、适合小红书基因的品类,经由小红书种草推荐继而转化填补了一定的市场空白。
因此,抖音做可颂,当然是意识到图文种草创作门槛低、内容获取效率高的优势所在, 意在补齐图文+短视频+直播带货的链路。 同时,据小红书近期的用户成长来看,用户年轻化趋势明显、用户规模逐渐由1亿上升至2亿,意味着种草经济仍未达到其天花板。
但是,抖音面对的困难不是一般的大。任何有着优质内容沉淀的社区,都需要非常大的时间跨度,由小众圈子慢慢破圈至大众。可颂号称抖音内部ss级项目,但目前仅做到靠抖音账号引流,完全同步用户的视频作品,可谓在产品创新上就缺乏诚意,现在苹果商店的吐槽点也大多基于此。
显然,字节想复制下一个“小红书”,仍然需要时间检验。
作者:lidaxia;来源公众号:社区营销研究院(ID:Community_Marketing),洞察社区消费
本文由 人人都是产品经理合作媒体@社区营销研究院 授权发布,未经许可,禁止转载。
题图来自Unsplash,基于 CC0 协议。
给作者打赏,鼓励TA抓紧创作!
{{{path> 赞赏
-
“一分钱”的酸菜鱼生意赚了2.5亿,谁在为趣店买单?
设计动态 2022-07-20近日,趣店创始人罗敏踏入品牌抖音直播间携手代言人将预制菜与趣店推上热搜。本文从这场火热出圈的直播出发,分析趣店加入预制菜赛道的时间线,探究这场高转化率背后的“罗敏”商业经,推荐感兴趣的伙伴们阅读交流~ 7月17日,趣店创始人罗敏现身@趣店罗老板 抖音直播间,携近日,趣店创始人罗敏踏入品牌抖音直播间携手代言人将预制菜与趣店推上热搜。本文从这场火热出圈的直播出发,分析趣店加入预制菜赛道的时间线,探究这场高转化率背后的“罗敏”商业经,推荐感兴趣的伙伴们阅读交流~
7月17日,趣店创始人罗敏现身@趣店罗老板 抖音直播间,携手代言人贾乃亮,献上了一场长达19小时的直播。
第三方数据显示,本次直播总销售额达2.51亿元,总销量858.33万,账号涨粉458.29万,直播总场观9098.59万,点赞数超过6亿,直播在线人数峰值达到91.57万。
图源:@趣店罗老板 抖音截图
一连串令人咋舌的数据,让这场直播迅速出圈,有关预制菜及趣店罗老板的讨论,也刷屏于各大社交平台。
这样的结果,恐怕并不是偶然。据悉, 早在直播前5天,账号就开始了对本场活动的预热,直播前和直播中发布了近百条短视频引流。罗老板还在直播间透露,自己为了这场直播筹备了将近一个月,每天要花差不多5个小时看别人如何直播。有业内人士预估,趣店对这场直播的总投放接近两亿。
值得关注的是,直播刷屏的第二天,7月18日,趣店官方就紧锣密鼓地进行了一场预制菜战略发布和招商加盟大会,发布会上罗敏宣布未来3年要发展10万家代理。这些显然不是临时起意,7月17日的盛况也很可能早已在罗老板的“预计”之中。
一、“上市公司CEO正在直播” 走进@趣店罗老板直播间,“上市公司CEO正在直播” 的标题格外醒目,与始终停留在主页面的“1分钱”优惠标签一起,疯狂刺激着观众们的神经。
主播台上,创始人罗敏,代言人贾乃亮,奇葩说辩手傅首尔,预制菜项目负责人杜昶旭,四人轮番上场,接力讲解着小黄车里的23款产品。总时长近一天的直播过程中,每5分钟就会抽5台iphone13,10万份酸菜鱼1分钱包邮到家,还有1.9元的小炒肉和9.9元的粉蒸肉作为直播间福利品,而正价商品们的价格券后也在9.9到39.9元之间。
图源:@趣店罗老板 抖音截图
预制菜之外,罗敏还在直播中讲述了自己“走出”江西县城的励志故事,中间几度哽咽,一瞬成为许多创业者心中的榜样。
这场直播打破了抖音直播间的多项记录,也有人将“趣店罗老板”与“东方甄选”相比,称是抖音直播的下一个爆款。
回顾趣店进军“预制菜”赛道的历史,其实并不长。
今年4月,趣店官方发布公告入局预制菜赛道, 产品名字很质朴,就叫趣店预制菜,定价也比较低。而在集团内部,预制菜项目也是3月下旬才正式启动,并迅速搭建起自己的供应链。据媒体报道,目前趣店已在国内15个城市开办工厂,产出覆盖16个省份、23个区。
至于“趣店罗老板”账号的成长过程,则显得更加迅速。5月,罗敏在抖音更新了第一个视频,讲述自己的创业经历,树立个人IP形象,并宣告未来将定期直播。
6月,“趣店罗老板”就开启了账号的高频直播模式。 数据显示,整个6月,共进行了35场直播,销售额达2.72亿元。卡思观察到,罗老板进行首场直播时,账号粉丝还不足10万,但该场直播的最终成交额超过260万。
6月30日,罗敏搭档奇葩说辩手杨奇函,在直播间售卖肥肠鸡火锅、鲍鱼花胶鸡、小炒牛肉、水煮牛肉等菜品,最终带货数据达到1356万元。
可见,仅仅经过了不到半年的沉淀,趣店就成功摸索出了自己的打法,并在各方努力下,于7月17日迎来爆发。
二、“一分钱”生意因何而火 踏上预制菜风口,是这场直播的源头。
在抖音账号的个人简介中,“趣店罗老板”写道:2021年二次创业预制菜行业,期望能为全球数亿消费者提供方便好吃干净的食品。
翻看罗老板的履历,从跨入消费金融行业、创办校园贷“趣分期”到转型汽车金融项目、创立“大白汽车”,再到奢侈品电商“万里目”、独立APP“万里目少儿”, 罗敏与他的趣店就在一个又一个的互联网风口间不断转型,直到今年,预制菜被捧上潮头。
据艾媒咨询数据,2021年中国预制菜行业规模为3459亿元,预计2026年达10720亿。
不难看出创始人罗敏对预制菜所抱有的期望。在4月宣布转型踏入预制菜赛道时,他还表示:“期待着即食餐饮业务成为2022年的重要收入来源。”
也因此,在营销投入上,趣店就显得有些不吝金钱。 从账号“趣店罗老板”此前的几场直播来看,罗敏的“资本式”打法实际上已初现端倪。 入驻抖音后,趣店沿用了此前的金融行业经验,采用大量铺信息流和自媒体来获客,再以“9.9特价包邮”“满200减100折扣”等低价活动,转化用户,促成交易。
图源:@趣店罗老板 抖音截图
而在这场被外界视为“资本游戏”的直播中,趣店的福利显然“更上一层楼”,真金白银砸出的“一分钱秒杀酸菜鱼”噱头,最终为他造就了超9000万人次的场观。
据红兔互动创始人兼CEO梁一在公众号里的描述,趣店在抖音千川为这场直播做了过亿的投放采买流量,此外还有抖音的热搜、开屏广告等。而在微博等平台,趣店罗老板还发布了一支引流微博,为17日的直播作出预告,送出了500台iphone13。
在当晚轰动全网的直播中,趣店的全场福袋有1500部苹果手机,用户只需送出1抖币加入粉丝团就可参与抽奖。平均1分钟抽1台苹果手机的打法,无疑拉高了用户的留存指标。
超一百万份的“一分钱”酸菜鱼也并不是直播间内唯一优惠,趣店还会发放额度为20元的优惠券,一份直播间单价29.9元的小炒黄牛肉,券后价为9.9,粉蒸肉则为4.9元。据统计,当晚趣店销售额达到2.52亿,其中热销商品水煮鱼卖出了125万份,酸菜鱼销量将近185万。
“情怀牌”也是趣店直播的主打方向。不同于以往的直播带货,创始人罗敏坐在直播间内与助阵明星贾乃亮一面聊天,一面上线“一分钱”秒杀活动。 其直播对产品的介绍稍弱,而着重于罗老板的个人创业经历与其目标愿景,并将趣店称为“宝妈的创意经”做起加盟生意。
图源:@趣店罗老板 抖音截图
观察趣店的直播粉丝画像,女性观众占据64%,而在年龄分布上,则以30~41岁人群为主,其次为24~30岁年轻人。 从直播话术来看,不管是“年轻人的懒人菜”,还是“给一天第二十五个小时”的宣传语,无疑都击中了粉丝痛点。
除此之外,老板下场主导整场直播的行为也成为加分项,配合过亿投放带来的付费流量、直播间福利撬动的自然流量、明星贾乃亮所带来的粉丝流量,共同推动这场带有赤裸裸金钱气息的直播“一战成名”。
三、趣店预制菜的未来走向,不被看好 一场直播“烧”出了品牌知名度、涨粉453万,一跃成为预制菜品牌标杆,但罗敏与他的趣店预制菜未来将走向何方仍是未知数。
值得关注的是,这场直播虽然在C端引发了用户的一阵“抢菜热潮”,但B端人士对其的评价,则比较复杂。有人认为,这样“大手笔”的投放,是资本正式入局抖音直播的标志,普通人能在抖音挣钱的时代已经过去。
而拆解趣店的直播,这种典型的资本式打法显然不被很多业内人士看好。 火星文化、卡思学苑创始人李浩认为,用多种不可持续的手段,凭借巨额资本投入打造出单场2.5亿的惊人产出,从根本上就是不可持续的。
造就这场疯狂直播的每一因素,每一条都与直播电商长期运作的逻辑不兼容。
首先,成本因素让福袋抽奖、“一分钱秒杀”等活动,尽管为直播间拉高了用户停留时长与成交数据,但也一定程度上颇具“一次性”属性。同时, 福利活动也更容易为直播间带来大量羊毛党,从而打乱了原本的人群标签,继而对后续系统的推流造成影响。
其次, “上市公司CEO直播”的噱头也无法持续。 在罗敏之前,董明珠、梁建章、雷军等企业家也曾步入直播间,开启直播首秀。以小米为例,2020年8月,小米董事长雷军在抖音贡献了他的直播首秀,当日直播间观看人数累计超过5000万,销售额达到2.1亿元。
但从直播内容、引流形式上,二者还有很大不同。
在直播中,雷军扮演的是小米产品理念传播者的角色,负责对话用户,并会与用户分享产品研发测试中的小故事,另有专业带货主播配合进行产品讲解,与之相比,罗敏的“聊天式”直播则主打情怀,而相对缺失产品介绍;在引流形式上,趣店主要依靠福利活动,而小米的抽奖方式则要求用户回复账号发布的置顶视频,以此加速粉丝沉淀。
不过,从品牌声量而言,小米已积累相当的品牌心智,而趣店仍是一个有待成长、对大众而言更为陌生的“新品牌”,以一场资本砸钱的直播打开声量,对趣店来说也的确能“赚到吆喝”。
另一方面,“趣店罗老板”的直播或许有助于打造罗敏的个人IP,但 在创始人无法保持高频直播的情况下,具备常态化自播的品牌直播间才是发力的主阵地。 直播过程中,罗敏也多次提示粉丝关注官方旗舰店,为之引流,然而从数据来看,趣店生鲜旗舰店的销售额、uv价值可能并未达到他的期许。
而从罗敏个人口碑来看,“趣店”的过往履历就显得不那么光彩,因校园贷蒙上的“黑名”一时之间难以洗清。而在昨晚,罗敏在东方甄选刷礼物后遭到主播回怼,继而登上抖音热搜。一场颇具喜感的“拉黑”闹剧,最后演变为与东方甄选的“对立”,而他本人的争议也愈演愈烈。
不过,罗老板为趣店直播间造势,醉翁之意也许并不在直播电商。
717直播第二天,趣店召开了一场招商加盟大会,创始人罗敏再次阐述了自己要发展10万家代理门店的蓝图。这一信息在他前一晚的直播中就已透露,并明确将目标指向宝妈群体。 当时,“祝罗老板趣店开满全国”“想要一个加盟名额”的评论刷满直播间屏幕。
有业内人士则认为,趣店用几千万、几个亿的钱来烧流量,并非“赔本赚吆喝”,反而可以 在股市收割,炒作后推高股价,最终的结果就是双赢。 这种推断并非没有依据。据美股数据,截至18日收盘,趣店的股价飙升至2.05美元,涨幅约为72%,总市值达5.23亿美元。
图源:微博
“昙花一现”还是细水长流?直播电商还是加盟生意?趣店的未来走向如何,还待罗敏写下答案。
来源公众号:卡思数据(ID:caasdata6),数据赋能短视频内容创作、运营、营销和电商带货。
本文由人人都是产品经理合作媒体 @卡思数据 授权发布于人人都是产品经理,未经许可,禁止转载。
题图来自Unsplash,基于CC0协议。
给作者打赏,鼓励TA抓紧创作!
{{{path> 赞赏