-
可自由商用!收录超过100万张图片素材的免费图库PikWizard
UI交互 2022-09-19PikWizard 是一个免费图库,收录超过 100 万张高质量相片素材,可用于个人/商业用途。本文要介绍的「 PikWizard 」是一家可免费 图库 ,收录超过 100 万张高质量、适用于商业用途的免费图片素材,可安全用于商业用途,无需标示原作者或出处来源。除了有相片以外网站也有提供相当多影片,透过在线预览方式在线播放,下载时可选择 SD、HD 或是 4K 高画质影片。
免费可商用!超过十万张相片下载的图库「Rgbstock」 Rgbstock 是一个 100% 免费图库,收录超过 100,000 张相片素材让使用者免费下载!
阅读文章 >
PikWizard 如同一般 免费图库 ,首页都会有近期热门的相片推荐,用户输入关键词查找有无相关的相片或影片素材,还有一个「Most Popular」会显示最多人使用的相片分类,每个照片或影片页面会出现相关标签,利用标签延伸搜寻也是一个好方法。
大部分在 PikWizard 网站的相片、影片都是采用 CC0 授权方式释出,无论是使用于个人、商业用途都没有版权疑虑,虽然没有硬性规定一定要标示出处来源,如果想署名网站也提供文字链结和图片链接,用户可自行复制取用。
PikWizard 网站链接: https://pikwizard.com/
使用教学
开启 PikWizard 后会看到一个搜寻框,可输入关键词来查找相关照片、影片,往下卷动就是一些近期热门和流行的相片素材,将光标移动到相片上方会显示爱心数、下载次数。
搜寻时会有很多照片左上角标示为「Premium」,代表这张相片是付费合作厂商的广告,如果使用者透过这里连到商业图库、购买照片的话 PikWizard 会获得分润,这也是一般免费图库常见的广告方式,如果你想寻找的只有不用付费的免费照片、免费影片的话可避开这些广告。
从右上角点选「Videos」开启影片页面,和相片页面大同小异,一样会有下载次数,不同的是当光标移动上去时影片会自动静音播放,方便使用者预览。
从右上角「Most Popular」可选择要浏览的最热门相片、影片分类,如果想搜寻特定主题、但又无法使用关键词查找的话,也能利用分类方式碰碰运气,或许能先找到一些入门的灵感。
进入相片页面后点击右侧的「Download」按钮即可下载、保存图片,右侧还会有一些标签、关键词,可点选去延伸搜寻更多相关相片或影片素材。
右下角会有这张相片的授权方式,举例来说,这张相片是采用 Creative Commons Zero(CC0)授权方式释出,因此可自由使用于个人或商业用途,无需标示出处来源或作者,如果想署名出处的话网站也有提供 Credit Photos 文字和图片链接,复制即可快速显示相关信息。
影片和相片素材一样都有单独的页面,影片能在在线预览播放,点选「Download」进行下载,影片大多都使用免费授权,可免费用于个人和商业用途,无需标示出处来源。
按下「Download」后还能选择要下载的影片画质:SD、HD 或 4K 高画质,影片会从 Vimeo 影片平台下载,不过不是每个影片都有高画质选项,有些只有提供到 HD 画质而已,下载时可留意一下。
值得一试的三个理由:
PikWizard 免费图库收录超过 100 万张高质量相片素材 采用 CC0 授权方式释出,可用于个人或商业用途无需标示出处 依照关键词、标签或分类查找素材,下载时无需注册或登入账号
-
可自由商用!收录超过100万张图片素材的免费图库PikWizard
UI交互 2022-09-19PikWizard 是一个免费图库,收录超过 100 万张高质量相片素材,可用于个人/商业用途。本文要介绍的「 PikWizard 」是一家可免费 图库 ,收录超过 100 万张高质量、适用于商业用途的免费图片素材,可安全用于商业用途,无需标示原作者或出处来源。除了有相片以外网站也有提供相当多影片,透过在线预览方式在线播放,下载时可选择 SD、HD 或是 4K 高画质影片。
免费可商用!超过十万张相片下载的图库「Rgbstock」 Rgbstock 是一个 100% 免费图库,收录超过 100,000 张相片素材让使用者免费下载!
阅读文章 >
PikWizard 如同一般 免费图库 ,首页都会有近期热门的相片推荐,用户输入关键词查找有无相关的相片或影片素材,还有一个「Most Popular」会显示最多人使用的相片分类,每个照片或影片页面会出现相关标签,利用标签延伸搜寻也是一个好方法。
大部分在 PikWizard 网站的相片、影片都是采用 CC0 授权方式释出,无论是使用于个人、商业用途都没有版权疑虑,虽然没有硬性规定一定要标示出处来源,如果想署名网站也提供文字链结和图片链接,用户可自行复制取用。
PikWizard 网站链接: https://pikwizard.com/
使用教学
开启 PikWizard 后会看到一个搜寻框,可输入关键词来查找相关照片、影片,往下卷动就是一些近期热门和流行的相片素材,将光标移动到相片上方会显示爱心数、下载次数。
搜寻时会有很多照片左上角标示为「Premium」,代表这张相片是付费合作厂商的广告,如果使用者透过这里连到商业图库、购买照片的话 PikWizard 会获得分润,这也是一般免费图库常见的广告方式,如果你想寻找的只有不用付费的免费照片、免费影片的话可避开这些广告。
从右上角点选「Videos」开启影片页面,和相片页面大同小异,一样会有下载次数,不同的是当光标移动上去时影片会自动静音播放,方便使用者预览。
从右上角「Most Popular」可选择要浏览的最热门相片、影片分类,如果想搜寻特定主题、但又无法使用关键词查找的话,也能利用分类方式碰碰运气,或许能先找到一些入门的灵感。
进入相片页面后点击右侧的「Download」按钮即可下载、保存图片,右侧还会有一些标签、关键词,可点选去延伸搜寻更多相关相片或影片素材。
右下角会有这张相片的授权方式,举例来说,这张相片是采用 Creative Commons Zero(CC0)授权方式释出,因此可自由使用于个人或商业用途,无需标示出处来源或作者,如果想署名出处的话网站也有提供 Credit Photos 文字和图片链接,复制即可快速显示相关信息。
影片和相片素材一样都有单独的页面,影片能在在线预览播放,点选「Download」进行下载,影片大多都使用免费授权,可免费用于个人和商业用途,无需标示出处来源。
按下「Download」后还能选择要下载的影片画质:SD、HD 或 4K 高画质,影片会从 Vimeo 影片平台下载,不过不是每个影片都有高画质选项,有些只有提供到 HD 画质而已,下载时可留意一下。
值得一试的三个理由:
PikWizard 免费图库收录超过 100 万张高质量相片素材 采用 CC0 授权方式释出,可用于个人或商业用途无需标示出处 依照关键词、标签或分类查找素材,下载时无需注册或登入账号
-
人气超高的浪漫主义海报设计,5个要点帮你掌握起来!
UI交互 2022-09-19如何快速完成一张极富美感的浪漫主义海报设计?本文从文案、字体搭配、文字组、主视觉、实例演示5个方面帮你get到这类海报的设计精髓。如何快速完成一张极富美感的浪漫主义 海报设计 ?本文从文案、字体搭配、文字组、主视觉、实例演示5个方面帮你get到这类海报的设计精髓。
海报设计如何凸显人文气息?用手写中文字体准没错!(附字体下载) 大家好,我是和你们聊设计花生~ 之前和大家聊过好几期提升海报设计效果的小技巧,其中都提到了字体在其中发挥了重要角色。
阅读文章 >
Hello,大家好,我是全蛋。
浪漫主义风格源于 19 世纪的欧洲,它主张摆脱古典主义过份的简朴和理性,反对艺术上的刻板僵化,它善于抒发对理想的热烈追求,热情地肯定人的主观性,表现激烈奔放的情感,常用瑰丽的想象和夸张的手法塑造形象,将主观、非理性、想象融为一体,使用品更个性化,更具有生命的活力。(引用自百度百科)
其重点就是非理性,强调人本身的情感,更具个性化。
所以 浪漫主义海报 更倾向于是对自我的情感表达。
本次教程将会从文案、字体搭配、文字组、图形几个方面给大家讲解我对于「浪漫主义海报」的理解。
一、文案 我在做这类风格海报的时候,文案其实是一个重点,其他视觉化的内容都是在为其主要的文案进行服务。像「智者不入爱河」「跨越山海奔向你」「爱意东升西落,浪漫至死不渝」这些文案本身就具有强烈的情感特质,在制作成视觉化的海报时,感情的传递也就会得以强化。反之,我们如果使用一些特别商业化的文案,这种浪漫主义的情感可能就会寥寥无几。
我的文案来源,一般收集自几个地方。
1. 一言、一个等美文佳句 app
这类 app 每天都会推送不同的佳句,有些句子说不定就会令你感同身受,而这种感同身受也能更好的让你做出满意的版面。
2. 豆瓣提词器小组、文字墙
这些小组中往往会出现一些优美、小众的文字,透过这些直击心灵的文字,情感上也更易传递。
(图片源于网络侵删)
3. 平时积累
除了以上这些平台,平时刷视频或者看文章时,如果看到好的语句,也注意随时记录,形成自己的一个文案库,方便自己在做图时,有充足的文案可供选择。
二、字体搭配 在字体的选用上,为了更好的表达文艺感,我更常用带衬线的西文。因为衬线体上面带有更多细节,并且衬线的变化也丰富多样。在此基础上,为了做出更大的差异化,衬线西文的使用也会选择一些更具个性的字形,如「Voyage」「Decay」「Scilla」等等,从他们的衬线或整体造型上就不难看出,比「Caslon」「Baskerville」等更加独特,具有更个性的美感。
非商用字体,仅供参考:Voyage、Scilla、Decay
像这类字形,我们可以多去「Behance」上看看,有些独立设计师会发布自己制作的个性字体,有些就会有试用版下载。
当然,不是说「Caslon」「Baskerville」这类不能用,我们可以根据实际的情况去进行选择,在我制作的海报中也比较常见。
在汉字的选用上,我多用一些基础字形,明朝体如「筑紫明朝」「思源宋体」等,黑体如「汉仪旗黑」「思源黑体」等。
为什么使用基础字形,而不用一些个性更强的美术字?原因也简单,有些美术字的个性过强,不太适用于这样的版面,并且通过文字粗细、宽窄的变化,同样能够达到视觉上差异化的效果,配合独特的西文营造动静结合的效果。
非商用字体,仅供参考:筑紫明朝、汉仪旗黑
中西文的搭配上可以使用黑衬混合的方式,这种方式能够极大地拉大文字之间的对比,视觉上面更具有对比,提升冲突。当然,如果我们想让画面更加偏向安定、平稳,也可以使用比较保险的黑体搭配黑体,明朝搭配衬线的方式。
非商用字体,仅供参考:筑紫明朝、汉仪旗黑、Voyage、Scilla、Decay、Argesta、Helvetica Neue、Baskerville
提高设计格调!17款「高级感」的日文字体打包下载 @设计便利店:日文字体可能对于普通人来说接触比较少,但对于设计师来说,日本字体具有很高的实用价值和参考价值。
阅读文章 >
三、文字组 除了字体搭配,版面中还有一个重点需要我们注意,那就是文字组。针对文字组,可以利用以下 3 种方式让其更加活跃
1. 借位对齐
我们在做编排的时候,如果想版面规矩有秩序,一大方法就是合理的去利用对齐,但大部分情况下,我们都会直接根据需对齐段落最左侧或者最右侧进行对齐,这样能够快速建立秩序,但在建立秩序的同时,也丧失了一些变化性。
所以当我们需要一定的变化时,不妨尝试一下借位对齐,也就是在需对齐段落中找到一定的依据,其他段落与这个依据去进行对齐,这个依据可以是一个文字的边缘,或者是符号的边缘等,这样就比较容在秩序中找到一定的变化。
非商用字体,仅供参考:筑紫明朝、Argesta
2. 加入图形
在文字组中加入图形或者符号,能极大程度的提升文字组的张力。就比如为什么一般时间文字组的表现力都比较强,除了形式上面的变化外,就是在时间文字组中会添加一些图形去进行表现,一个箭头,一个圆形,又或者其他形状,那我们在标题组当中,也可以使用相同的方式。
非商用字体,仅供参考:筑紫明朝、汉仪旗黑、Argesta、Baskerville
3. 文字分列排布
排文字组时,我们常倾向将小信息进行一列编排,这样更易做出秩序,也符合亲密原则,但也容易减弱形式感。那我们在编排的时候可以尝试反其道而行,将这一列信息进行分列处理,这样并不会太过于影响秩序,只是在这个基础上增添了一定的变化。
非商用字体,仅供参考:汉仪旗黑、Helvetica Neue
四、主视觉 在主视觉方面我们注意几个大的特点即可。
1. 非具象
浪漫主义本身强调主观、非理性,所以我们在对主视觉进行表达的时候,可以更加偏向意识一些,即用最简单的基础图形进行表达,不用过于复杂。
2. 渐变
在图形上使用渐变,让其虚实结合,富于一点变化不会刻意、呆板。
3. 噪点
通过将渐变图层的混合模式调整为溶解,继续丰富图形上的层次细节。
五、实例演示 1. 文案内容
在文案上找的就是比较文艺的一句话,与之相辅助的英文就是「LOVE YOU,AND THAT IS ALL」,而层级比较低的西文部分,可以当做是假字填充,给排版增加一些视觉上的对比。
2. 版面规划
而在整体的版面规划上,利用的是我经常使用到的 5:8 的网格,然后在这个网格的基础上,将版面切割成三个块面,上下两个部分可以放上文字组,中间的区域可以放一个主视觉。这种结构比较稳固,如果想让画面多一些变化,则可以在文字组上下手,多赋予一些变化。
3. 文字组合
刚才说到了,从这次版面所使用的结构来讲,是比较稳固、常见的,所以需要在文字组上做一些变化,所以在汉字标题上就采用了,左右对齐版心的方式,让这两句话形成一个错位的造型。再利用这个造型所形成的左上右下的负空间,放置一些小文本。
非商用字体,仅供参考:筑紫明朝、Helvetica、Neue Pixel Grotesk、Denton Test
这里要重点说到的就是左上这样一个小文本,它的细节是比较丰富的,这些细节就是来源于字体的对比,除了一个主要的字体「Helvetica」以外,还搭配了一个像素字体「Neue Pixel Grotesk」,这个字体可以理解为就是直接对「Helvetica」的像素处理,所以可以很直接的去对其进行替换,在视觉上丰富层次。而「Denton Test」则是一款衬线西文,用来替换双「e」。这样一来可以有视觉上面的变化,但是也不至于太过于突兀。
对于底部的一个大文字组来说,也是使用了这样一个「字体混搭」的形式,让其视觉表现更出彩,这个也是当下很流行的方式。我们可以看到,当这个重点西文的文字组直接使用「Helvetica」去进行搭配的时候,很能够表现出秩序,但是并不是我们所想要的浪漫感受。一般像衬线体、斜体、手写体,更能突出浪漫的感受,并且赋予文字组细节。那在这个地方最主要的「Love You」就用到了「Androgy Demo」与「Denton Test」去进行搭配,一个是手写体,替换「L」「Y」,另一个就替换小写部分,增添其文艺的感受。小字部分同样进行混搭,避免呆板。
非商用字体,仅供参考:Androgy Demo、Helvetica、Neue Pixel Grotesk、Denton Test
然后再将剩余的文字,做一个非常秩序的居中即可,因为大字部分已经有很强的变化,所以小字部分主要突出的就是一个秩序,这样一看,这个文字组是不是在有变化的同时,也有很强的秩序感。
4. 主视觉
主视觉方面就用一个半圆添加噪点的形式,这里主要就是呼应「520」整体的浪漫以及「夜」的氛围,最后再在周遭添加两颗小星星以作为点缀。
5. 成稿
将刚才的文字组以及主视觉放入到版面中,用「黑」「粉」进行色彩的搭配,能够让浪漫暧昧的感受更加强烈。
好啦,浪漫主义风格海报大家学会了么,今天的文章就暂时先到这里,如果你还想学什么新风格设计,可以全平台搜索@全蛋 AIR ,告诉我哦。
-
人气超高的浪漫主义海报设计,5个要点帮你掌握起来!
UI交互 2022-09-19如何快速完成一张极富美感的浪漫主义海报设计?本文从文案、字体搭配、文字组、主视觉、实例演示5个方面帮你get到这类海报的设计精髓。如何快速完成一张极富美感的浪漫主义 海报设计 ?本文从文案、字体搭配、文字组、主视觉、实例演示5个方面帮你get到这类海报的设计精髓。
海报设计如何凸显人文气息?用手写中文字体准没错!(附字体下载) 大家好,我是和你们聊设计花生~ 之前和大家聊过好几期提升海报设计效果的小技巧,其中都提到了字体在其中发挥了重要角色。
阅读文章 >
Hello,大家好,我是全蛋。
浪漫主义风格源于 19 世纪的欧洲,它主张摆脱古典主义过份的简朴和理性,反对艺术上的刻板僵化,它善于抒发对理想的热烈追求,热情地肯定人的主观性,表现激烈奔放的情感,常用瑰丽的想象和夸张的手法塑造形象,将主观、非理性、想象融为一体,使用品更个性化,更具有生命的活力。(引用自百度百科)
其重点就是非理性,强调人本身的情感,更具个性化。
所以 浪漫主义海报 更倾向于是对自我的情感表达。
本次教程将会从文案、字体搭配、文字组、图形几个方面给大家讲解我对于「浪漫主义海报」的理解。
一、文案 我在做这类风格海报的时候,文案其实是一个重点,其他视觉化的内容都是在为其主要的文案进行服务。像「智者不入爱河」「跨越山海奔向你」「爱意东升西落,浪漫至死不渝」这些文案本身就具有强烈的情感特质,在制作成视觉化的海报时,感情的传递也就会得以强化。反之,我们如果使用一些特别商业化的文案,这种浪漫主义的情感可能就会寥寥无几。
我的文案来源,一般收集自几个地方。
1. 一言、一个等美文佳句 app
这类 app 每天都会推送不同的佳句,有些句子说不定就会令你感同身受,而这种感同身受也能更好的让你做出满意的版面。
2. 豆瓣提词器小组、文字墙
这些小组中往往会出现一些优美、小众的文字,透过这些直击心灵的文字,情感上也更易传递。
(图片源于网络侵删)
3. 平时积累
除了以上这些平台,平时刷视频或者看文章时,如果看到好的语句,也注意随时记录,形成自己的一个文案库,方便自己在做图时,有充足的文案可供选择。
二、字体搭配 在字体的选用上,为了更好的表达文艺感,我更常用带衬线的西文。因为衬线体上面带有更多细节,并且衬线的变化也丰富多样。在此基础上,为了做出更大的差异化,衬线西文的使用也会选择一些更具个性的字形,如「Voyage」「Decay」「Scilla」等等,从他们的衬线或整体造型上就不难看出,比「Caslon」「Baskerville」等更加独特,具有更个性的美感。
非商用字体,仅供参考:Voyage、Scilla、Decay
像这类字形,我们可以多去「Behance」上看看,有些独立设计师会发布自己制作的个性字体,有些就会有试用版下载。
当然,不是说「Caslon」「Baskerville」这类不能用,我们可以根据实际的情况去进行选择,在我制作的海报中也比较常见。
在汉字的选用上,我多用一些基础字形,明朝体如「筑紫明朝」「思源宋体」等,黑体如「汉仪旗黑」「思源黑体」等。
为什么使用基础字形,而不用一些个性更强的美术字?原因也简单,有些美术字的个性过强,不太适用于这样的版面,并且通过文字粗细、宽窄的变化,同样能够达到视觉上差异化的效果,配合独特的西文营造动静结合的效果。
非商用字体,仅供参考:筑紫明朝、汉仪旗黑
中西文的搭配上可以使用黑衬混合的方式,这种方式能够极大地拉大文字之间的对比,视觉上面更具有对比,提升冲突。当然,如果我们想让画面更加偏向安定、平稳,也可以使用比较保险的黑体搭配黑体,明朝搭配衬线的方式。
非商用字体,仅供参考:筑紫明朝、汉仪旗黑、Voyage、Scilla、Decay、Argesta、Helvetica Neue、Baskerville
提高设计格调!17款「高级感」的日文字体打包下载 @设计便利店:日文字体可能对于普通人来说接触比较少,但对于设计师来说,日本字体具有很高的实用价值和参考价值。
阅读文章 >
三、文字组 除了字体搭配,版面中还有一个重点需要我们注意,那就是文字组。针对文字组,可以利用以下 3 种方式让其更加活跃
1. 借位对齐
我们在做编排的时候,如果想版面规矩有秩序,一大方法就是合理的去利用对齐,但大部分情况下,我们都会直接根据需对齐段落最左侧或者最右侧进行对齐,这样能够快速建立秩序,但在建立秩序的同时,也丧失了一些变化性。
所以当我们需要一定的变化时,不妨尝试一下借位对齐,也就是在需对齐段落中找到一定的依据,其他段落与这个依据去进行对齐,这个依据可以是一个文字的边缘,或者是符号的边缘等,这样就比较容在秩序中找到一定的变化。
非商用字体,仅供参考:筑紫明朝、Argesta
2. 加入图形
在文字组中加入图形或者符号,能极大程度的提升文字组的张力。就比如为什么一般时间文字组的表现力都比较强,除了形式上面的变化外,就是在时间文字组中会添加一些图形去进行表现,一个箭头,一个圆形,又或者其他形状,那我们在标题组当中,也可以使用相同的方式。
非商用字体,仅供参考:筑紫明朝、汉仪旗黑、Argesta、Baskerville
3. 文字分列排布
排文字组时,我们常倾向将小信息进行一列编排,这样更易做出秩序,也符合亲密原则,但也容易减弱形式感。那我们在编排的时候可以尝试反其道而行,将这一列信息进行分列处理,这样并不会太过于影响秩序,只是在这个基础上增添了一定的变化。
非商用字体,仅供参考:汉仪旗黑、Helvetica Neue
四、主视觉 在主视觉方面我们注意几个大的特点即可。
1. 非具象
浪漫主义本身强调主观、非理性,所以我们在对主视觉进行表达的时候,可以更加偏向意识一些,即用最简单的基础图形进行表达,不用过于复杂。
2. 渐变
在图形上使用渐变,让其虚实结合,富于一点变化不会刻意、呆板。
3. 噪点
通过将渐变图层的混合模式调整为溶解,继续丰富图形上的层次细节。
五、实例演示 1. 文案内容
在文案上找的就是比较文艺的一句话,与之相辅助的英文就是「LOVE YOU,AND THAT IS ALL」,而层级比较低的西文部分,可以当做是假字填充,给排版增加一些视觉上的对比。
2. 版面规划
而在整体的版面规划上,利用的是我经常使用到的 5:8 的网格,然后在这个网格的基础上,将版面切割成三个块面,上下两个部分可以放上文字组,中间的区域可以放一个主视觉。这种结构比较稳固,如果想让画面多一些变化,则可以在文字组上下手,多赋予一些变化。
3. 文字组合
刚才说到了,从这次版面所使用的结构来讲,是比较稳固、常见的,所以需要在文字组上做一些变化,所以在汉字标题上就采用了,左右对齐版心的方式,让这两句话形成一个错位的造型。再利用这个造型所形成的左上右下的负空间,放置一些小文本。
非商用字体,仅供参考:筑紫明朝、Helvetica、Neue Pixel Grotesk、Denton Test
这里要重点说到的就是左上这样一个小文本,它的细节是比较丰富的,这些细节就是来源于字体的对比,除了一个主要的字体「Helvetica」以外,还搭配了一个像素字体「Neue Pixel Grotesk」,这个字体可以理解为就是直接对「Helvetica」的像素处理,所以可以很直接的去对其进行替换,在视觉上丰富层次。而「Denton Test」则是一款衬线西文,用来替换双「e」。这样一来可以有视觉上面的变化,但是也不至于太过于突兀。
对于底部的一个大文字组来说,也是使用了这样一个「字体混搭」的形式,让其视觉表现更出彩,这个也是当下很流行的方式。我们可以看到,当这个重点西文的文字组直接使用「Helvetica」去进行搭配的时候,很能够表现出秩序,但是并不是我们所想要的浪漫感受。一般像衬线体、斜体、手写体,更能突出浪漫的感受,并且赋予文字组细节。那在这个地方最主要的「Love You」就用到了「Androgy Demo」与「Denton Test」去进行搭配,一个是手写体,替换「L」「Y」,另一个就替换小写部分,增添其文艺的感受。小字部分同样进行混搭,避免呆板。
非商用字体,仅供参考:Androgy Demo、Helvetica、Neue Pixel Grotesk、Denton Test
然后再将剩余的文字,做一个非常秩序的居中即可,因为大字部分已经有很强的变化,所以小字部分主要突出的就是一个秩序,这样一看,这个文字组是不是在有变化的同时,也有很强的秩序感。
4. 主视觉
主视觉方面就用一个半圆添加噪点的形式,这里主要就是呼应「520」整体的浪漫以及「夜」的氛围,最后再在周遭添加两颗小星星以作为点缀。
5. 成稿
将刚才的文字组以及主视觉放入到版面中,用「黑」「粉」进行色彩的搭配,能够让浪漫暧昧的感受更加强烈。
好啦,浪漫主义风格海报大家学会了么,今天的文章就暂时先到这里,如果你还想学什么新风格设计,可以全平台搜索@全蛋 AIR ,告诉我哦。
-
万字产品拆解!脉脉产品设计全方位深度解析
UI交互 2022-09-19本期「设计大侦探」的职场产品专题,让我们一起拆解脉脉的产品设计,看看这个1.1亿职场人使用的产品到底是如何设计的。本期「设计大侦探」的职场产品专题,让我们一起拆解 脉脉 的 产品设计 ,看看这个1.1亿职场人使用的产品到底是如何设计的。
往期回顾:
万字产品拆解!智联招聘产品设计全方位深度解析 1076 万,如果你对这个数字没有关注过,那么现在我可以告诉你,这是 2022 年全国的应届毕业生数。
阅读文章 >
现在流行,上脉脉问内部员工;
薪资揭秘、offer 比较、公司氛围、中年危机、职业瓶颈、转型破圈……
这里有 1.1 亿职场人士,他们一定会为你解决困惑。
….
脉脉,作为职场社交行业的独角兽,在他们的产品更新日志里,这段话已经使用快 2 年。相信大家都使用过或听过脉脉。在脉脉,你可以通过人脉探索去认识众多互联网大厂的高端人才,也可以认识很多创业公司的 CEO。它的「职言版块」甚至被人比喻为互联网大厂的茶水间、纪检委,你可以在那里获取到很多互联网大厂的八卦信息。本期「设计大侦探」的职场产品专题,让我们一起拆解脉脉,看看这个产品到底是如何设计的。
一、导读 1. 内容结构
全文 10396 字,分为六个部分,分别是导读、产品画像、内容服务、求职服务、会员服务和结束语。
「导读」可以帮助你快速了解这篇文章是否适合你阅读;「产品画像」从商业模式、用户角色到迭代记录,让你对脉脉有一个全面的了解;「内容服务」是实现用户留存的关键,主要拆解了社区、人脉和消息三个版块的内容;「求职服务」是商业变现的重要方式,主要拆解了求职端、招聘端和企业空间等内容;「会员服务」主要拆解了用户中心和脉脉的会员 VIP 体系。
2. 适合人群
产品拆解 是一个知识点比较密集的分析形式,主要适合三类人群。第一类,UI/交互设计师,可以跳出执行层,去思考脉脉的产品设计策略,提升产品分析能力;第二类,产品经理/运营,通过全面的产品设计拆解、策略推导,获取产品设计参考;第三类,网络招聘及社交行业从业者,通过对脉脉的全面拆解,获取竞品设计参考。
3. 分析模型
我们主要运用三种模型对产品的功能、设计进行拆解,由于没有权威的官方数据,所以我们更多以推导的形式去思考脉脉为什么这样设计。
第一个,增长模型。由戴夫·麦克卢尔提出,包含用户获取、用户激活、用户留存、获取收入、用户推荐,分别对应用户生命周期中的 5 个重要环节,主要用于分析产品的功能价值。
用一篇文章,帮你快速入门「增长黑客」 导语:A/B Test 或 “病毒营销” 就是增长黑客?
阅读文章 >
第二个,上瘾模型。由尼尔·法埃尔提出,通过对上千种习惯类产品的调研,总结出一款产品如果要让用户习惯、上瘾,可以按照触发、行动、多变的酬赏和投入四个步骤去设计,主要用于分析产品的功能价值和推导产品的策略设计。
万字读书笔记!产品设计宝典《上瘾》全面解读(下) 《上瘾》这本书从大量的实验案例调研中,总结出那些让用户上瘾的产品设计原则,最后提炼出了一个让用户上瘾的模型,读完以后,真的恍然大悟,原来习惯类的产品需要这么设计。
阅读文章 >
万字读书笔记!产品设计宝典《上瘾》全面解读!(上) 为什么人们每天都会刷朋友圈、刷抖音,而且一刷就是几个小时,根本停不下来?
阅读文章 >
第三个,社会心理学。主要结合西奥迪尼的社会心理学《影响力》六大说服力原则——互惠、承诺和一致、社会认同、喜好、权威和稀缺,去推导产品设计的用户心理设计,主要用于推导产品的策略设计。
二、产品画像 1. 产品介绍
脉脉是一款职场社交的 APP,首个版本于 2013 年 10 月上线,在国内首次提出了“真实职业形象”与“人脉共享”概念,致力于利用科学算法打通“同事、同学、同乡、同校、共同的朋友”五同关系,助力中国职场人塑造个人职业形象,拓展人脉机遇;助力企业打造雇主品牌,通过脉脉平台的人才银行长期获取并储备中高端人才。
2. 商业模式
脉脉以“成就职业梦想”为价值主张,深耕职场社交行业,目前稳居行业第一。用户群体主要分为 C 端职场人士和 B 端企业。脉脉打造了社区、求职招聘、脉课堂等核心业务,吸引了 3000 万+互联网中高端人才;脉脉的盈利模式主要依靠会员服务、求职招聘业务以及广告服务。
3. 用户角色
脉脉作为一个社交平台,用户角色主要分为 C 端用户和 B 端企业用户。
C 端用户根据需求可以分为两类,第一类是普通用户群体,这类职场人士主要包含基层职员、中层职员、高管、总监和 CEO 等,他们的需求很简单,了解行业氛围、获取分享经验以及拓展人脉;第二类是特殊用户群体,包含猎头、HR 以及各类销售,他们的需求是通过脉脉认识更多的职场人士,建立好友关系后,尝试销售公司的产品或服务。
B 端企业用户主要通过脉脉建立企业脉脉主页,提高企业知名度和形象,其次也可以通过脉脉招募人才。
4. 用户画像
脉脉的核心用户人数以男性为主,占比 77.36%;24-35 岁年龄段的用户居多,占比 55.6%;用户的消费力很强,中等和中高消费者加起来占比 67.97%;用户主要分布在一线、新一线和二线城市,其中以广东和北京最多。
5. 信息结构
「脉脉」主要分为社区、人脉、职位/招人、消息和用户中心五大版块。「社区」是脉脉最核心的内容,包含了「推荐」、「热榜」和「同事圈」三块内容;「人脉」提供好友管理,人脉探索,还有查看朋友动态;「职位」是求职服务,用户可以上传简历找工作;如果是一个招聘者,可以在职位切换到招人状态,发布岗位后就可以招募人才;「用户中心」就是用户的管理中心,储存了用户在产品使用的各种数据,比如影响力、好友数等。
6. 重要迭代记录
根据官方数据,脉脉首个版本发布于 2013 年 10 月。截止到 9 月 1 日,脉脉 APP 已经更新到 V6.2.22 版本,近一年版本更新次数达到 39 次(来自七麦数据)。
版本迭代重要记录
2013 年 10 月,发布 V1.0 版本,正式推出脉脉,包含人脉管理、职场交流、求职招聘等功能;
2015 年 10 月,发布 V4.0.0 版本,界面全新升级,推出「人脉办事」等功能;
2019 年 2 月,发布 V5.0.4 版本,主界面全新改版,升级企业 Logo 形象;
2021 年 2 月,发布 V6.0.10 版本,产品全新升级;
7. 产品生命周期
目前脉脉官方公布用户数已经超过 1.1 亿,从易观千帆 2022 年 5 月份平台数据显示,脉脉的活跃用户人数 547.53 万,行业独占率 31.68%,是职场社交细分行业的老大,目前产品已经进入产品生命周期的成熟期。
三、内容服务 作为一款社区类产品,「内容服务」是实现用户留存和传播拉新的关键。脉脉作为一款职场社交产品,为用户提供了一个内容丰富的社区,包含了「职言」、「职业圈」、「行业」等热门分类,而且采用 UGC 的模式实现内容由用户共创,其次为用户提供了丰富的人脉探索和管理工具,甚至像微信一样,提供群聊、发送文件、加入黑名单等功能。最终帮助用户在社区找到自己感兴趣的话题,和有兴趣的朋友建立关系,成为产品的忠实粉丝。
1. 社区 脉脉「社区」的设计,采用了信息流的推荐方式,千人千面,根据每个用户的兴趣进行推荐内容。在内容设计方面,根据话题热度设计了「推荐」和「热榜」;根据人际关系设计了「同事圈」、「职业圈」和「好友圈」;根据发布类型,设计了「动态」、「职言」、「提问」、「创作模版」、「视频」和「文章」六个类型。
推荐
① 全部
「全部」就是脉脉的首页,采用千人千面的信息流方式设计,用户进入脉脉后,可以从这个栏目看到平台根据你的兴趣、职业标签推送的最热门和最新发布的内容。
② 职言
「职言」主要是和职场相关的内容,这个栏目被喻为互联网大厂的茶水间、纪检委,你可以在那里获取到很多互联网大厂的八卦信息。为了鼓励用户大胆发言,脉脉设计了社区匿名身份发帖的形式,这样无论你写什么内容,其他人也不知道你的真实身份,有效提升了用户参与度和活跃度。但外界对这个栏目的评价其实褒贬不一,甚至也为脉脉惹了不少大厂的官司,追赔名誉损失。
③ 门道
「门道」的内容主要来自 KOL、知名媒体和社区优质创作者,质量高,以商业、互联网和职场内容为主。这个栏目的设计,主要提升社区的内容质量,提升用户使用产品的时间。其次通过对优质内容的精选,也可以鼓励用户尝试高质量的创作,进一步丰富社区的内容。
④ 职业圈
「职业圈」是根据用户的职业标签来进行分类,目的是为用户提供更专业的话题,提高用户活跃度。目前脉脉的「职业圈」只有后端研发、设计、运营等 6 个小圈子,其他的暂未开放。
⑤ 行业
「行业」的内容非常垂直,主要聚合了某个行业的话题动态,从而了解这个行业就职的基本情况,同时也支持用户切换其他行业。
热榜
「热榜」分为热帖、话题和行业,「热帖」每天精选社区 30 篇帖子,「话题」每天精选 10 个话题,「行业」每天精选 15 篇帖子。这个栏目的设计不仅可以精选出社区优质和热门的话题,还可以给用户带来社交酬赏,吸引用户创作优质的话题内容。
① 话题广场
「话题广场」目前入口很深,在用户中心的社区服务才能进入,这个栏目主要聚合了社区的热门话题,引导用户参与创作,最终提高用户的创作参与度。
同事圈
「同事圈」主要为公司的员工提供一个私密交流的版块,用户需要实名认证,公司也同步开通同事圈以后才能使用这个功能,目前显示有字节跳动、百度、腾讯等互联网大厂都开通了同事圈。不过,这个版块的设计从用户真实的角度去思考,有点鸡肋,谁都不愿意在下班以后还要去谈论工作。
搜索
「搜索」是社交平台一个非常重要的功能,它可以帮助用户快速检索到用户想查找的公司、朋友信息。
① 引导页
「引导页」包含了搜索历史、搜索推荐、热门搜索、公司榜和找人榜。不仅为用户提供丰富的内容,还为社区的热门话题进行引流,比如热门搜索,可以告诉用户今日热点,吸引用户访问。
② 结果页
「搜索结果页」分为综合、找人、社区、职位、实时、问员工和话题,颗粒度非常细。这样的设计,可以帮助用户检索到比较精准的内容。
发布
脉脉作为一个 UGC 社区,内容由用户生产。用户发布的内容又分为动态(实名身份发布)、职言(社区身份发布)、提问(可以邀请大厂大佬回答)、创作类型(提供 Offer 比较和面试经历分享模版)、视频和文章。
① 发布功能
用户在内容发布页面,可以选择参与各种热门话题,用户还可以创建投票,分享微博、头条、公众号等热点资讯链接。
② 职言话题
「职言」是脉脉社区最核心的一个内容版块,当用户点击发布职言后,系统会提醒用户采用社区身份进行发帖。脉脉的「职言话题」设计得很丰富,这主要是引导用户,提高用户参与度。话题分为热议话题、找工作、能力进阶、职场关系、趣味现象、生活交友、解压互助和节假日 8 大类型,每个类型下面还包含了数十种话题类型,这些话题组成了脉脉社区的核心内容。
2. 人脉 当用户之间相互关注、添加好友以后,就建立了关系,形成了人脉。「人脉」是实现用户留存的关键,只有用户认识了他想认识的朋友,才能形成强关系链接的社区。
好友管理
在人脉页面,用户可查看已添加的好友、最近的申请、对我感兴趣的人和待处理的请求。其次平台还会根据你的标签、职业、学校、地区等维度进行深入的人脉挖掘。
用户主页
①头部展示用户的详细信息,包含头像、姓名、公司、职位、家乡等信息,其次会统计用户之间的共同好友,有效拉近用户之间的距离,吸引用户建立关系;
②从第二屏开始,依次展示用户动态、工作、项目和教育经历;在底部,设计了一个「看了他的人还看了」的好友列表,吸引用户继续深挖关系链接;
③添加好友的方式有两种,第一种是「极速联系」,用户开通VIP以后可获取好友的电话等联系方式,快速联系;第二种是普通的好友申请,需要好友审核通过后才能成为好友,其次普通用户每个月只有5个免费的添加好友名额,超出5个以后,需要开通VIP会员才能添加。
人脉探索
「人脉探索」有七个维度,分别是根据职业标签推荐、人脉发现、平台推荐、同事、校友、同乡和同行。用户可以根据这七个维度进行人脉探索,找到你想认识的职场人士。
动态
「动态」类似于朋友圈,用户可以参与社区的热门话题,也可以发心情、问好友和发动态。其次用户还可以把好友加入到「好友圈」,第一时间阅读他们的动态和职位变动等信息。
3. 消息 「消息」主要为用户提供对话交流。「消息类型」主要分为动态提醒(邀请参与、评论和点赞)、主动沟通、好友消息和未读消息。其次脉脉也提供建立群聊、加入黑名单等功能。
聊天对话框
①当用户处于离线状态,脉脉会提供一个短信通知对方的功能。用户需要购买商务会员VIP,才能使用。
②当用户开始聊天后,会员可向好友申请「交换手机」号码,而普通用户也可以对广告用户设置「加入黑名单」,直接屏蔽用户消息;
③脉脉还支持发起群聊,可以邀请多个好友建立群聊沟通。
4. 小结 从社区内容观察,脉脉的内容其实主要分为两种类型,一种是「个人动态」,另一种则是「职场话题」。「个人动态」满足了一个社区用户最基本的社交需求,而「职场话题」才是脉脉实现用户留存的关键。
从脉脉的「话题广场」内容设计可以看出,脉脉对职场人士关注的焦点都挖掘得十分精准。从找工作、能力进阶、职场关系到解压互助,脉脉都设计了开放、可传播的话题,引导用户参与社区的创建。
最后,为了提高社区的内容质量,增强用户黏性,脉脉还设计了「门道」栏目,邀请头部的 KOL 和知名媒体参与社区内容建设,满足各类用户的需求,形成内容闭环。
从人脉拓展形式看,脉脉提倡的「五同关系」,是整个社区用户形成关系链的核心。通过同事、同校、同乡和同行这四个维度的链接,充分挖掘二度、三度人脉,最后成为共同的朋友。
四、求职服务 脉脉拥有 1.2 亿职场社交实名用户,吸引了众多互联网大厂企业加入。作为一个链接双端用户的平台型产品,「求职服务」是脉脉的核心服务,是商业变现的一个重要方式,它为求职者提供工作推荐,为招聘者提供人才推荐。
1. 求职者 脉脉为求职者提供了「在线简历」、「职位收藏」、「求职偏好」等功能。「在线简历」支持附件简历上传,有效节省用户创建简历的时间成本。
求职机会
「求职机会」是平台根据用户的求职偏好进行系统推荐,帮助用户和招聘方建立更高效的沟通。
职位详情页
①头部展示岗位的基础信息和HR的联系方式,用户如果要想和HR沟通需要开通VIP会员;如果所在公司有好友,则会显示拥有好友内推机会。
②在展示完「职位详情」以后,加入了「公司介绍」,目的是提升岗位的信任度,让用户进入企业的主页进行更全面的了解;
③在底部,脉脉还提供了「职位真相」、「薪资揭秘」和「职场晋升路径」的VIP服务,用户可以购买该岗位的晋升空间和发展评估。
2. 招聘者 脉脉没有单独为招聘者设计「招聘端」,在「求职」的右上角可以直接切换成招聘者的身份。脉脉为招聘者提供了「简历查收」、「职位互动」、「人才库」等功能,略显单薄,比较基础。脉脉的招聘服务目前看上去更侧重于定制化的人才解决方案为主,企业没有免费发布职位的次数,如果需要发布,就需要开通招聘会员 VIP,798 一个季度,相对其他求职产品来说,定价略高。
3. 企业空间 脉脉的「企业空间」吸引了众多行业的大厂入驻,比如像新媒体行业的字节跳动、社交行业的腾讯、电商行业的阿里巴巴等等,在企业空间,几乎可以查询到你所关注的互联网大厂,从而获取精准的信息。
企业空间主页
①头部介绍了企业的基础信息,包括员工数量、职位数量和公司简介等;其次还提供了公司的评分,用户可以给公司打标签,评分;
②脉脉为用户提供了查询「职级薪资」的功能,可以通过这个功能查看像字节、腾讯等公司的薪资体系;
③「企业号」由企业自己运营,主要向用户对外展示企业的信息,包含了主页、动态、职位、产品和相册等信息,其次还可以查看该公司在脉脉的员工总数;
④「求职揭秘」关联了和公司相关的话题,而且像字节这样的大公司,还会分部门展示内容,满足求职者的好奇心,也支持用户直接发帖提问;「岗位招聘」则是展示企业对外招聘的所有岗位,用户可根据自己的求职意向进行投递简历。
职得去榜单
「职得去榜单」设计得非常有创意,这个榜单不仅可以作为企业空间的标签之一,而且还增加了产品的乐趣,比如「脉有最爱投排行榜」,这样的设计可以利用攀比心理,相互倒逼,提高用户活跃度。
「职得去榜单」主要包含「脉友入职热榜」、「脉友最爱投」、「薪资福利榜」、「大厂员工新去处」、「名校生最爱去」、「业务前景榜」、「最无年龄焦虑公司」、「团队氛围榜」、「个人发展榜」、「投递极速响应榜」和「应届生最爱去公司榜」11 种榜单,另外还设计了「女性友好公司」、「创投机构推荐企业」和「2021 年度多维度优质雇主」。不过遗憾的是,这些榜单的权重比较低,入口很深,而且内容略显单薄,做得不够深。
4. 脉课堂 「脉课堂」是一个知识付费栏目,内容主要包含同行精选、副业投资、技能提升等内容,以录播的系统课程为主,价格较低。这个栏目主要帮助求职者通过知识学习提升职场、技能方面的能力,增加商业变现手段。不过目前入口较深,权重较低。
5. 职场福利 「职场福利」是一个充满创意力和趣味性的栏目,虽然活动的数量少,活动频率低,不过可以看出脉脉的用户运营创新能力非常强。
健康加油站
「健康加油站」是脉脉联合「中国职工发展基金会」为关爱职场人群身体健康策划的一个栏目,用户可以在这个栏目发布关于身体健康的话题,有健康专家专门为用户解答,另外还为用户提供健康科普、课堂讲座等内容。这个栏目以关爱用户身心健康为主,有效提升了品牌服务的温度。
最热脉
「最热脉」是一个特别有趣的栏目。它的内容是以产品测评为主,比如 OPPO 的新款 Find N 折叠屏,通过和脉脉的合作,招募了一批不同职业的评测官,有产品经理、开发、运营、设计师,他们从不同的角度去体验产品,然后发表真实客观的评测分享,最终有机会赢取企业赞助的大奖。这个栏目,增加脉脉运营的趣味性,比如还有一个评测是体验面膜,这对女性用户来说,实在是太受欢迎了。
职场关爱联盟
「职场关爱联盟」是由脉脉联合企业一起打造的线上线下活动沙龙,主题多以关注职场人士健康为主,比如脉脉联合了京东打造「职场健康关爱季」,还有联合神州租车打造「出行旅游的解压活动」。脉脉用户均可以一键报名,无需任何门槛,这样的运营设计有效提升企业服务的温度,拉近和用户的距离,提升品牌忠诚度。
6. 职趣实验室 「职趣实验室」和「职场福利」的定位很相似,不过这个栏目更侧重娱乐和解压,通过设计一些创新的职场游戏,缓解职场人士工作压力,提升用户活跃度。
员工面对面
「员工面对面」是一个问答话题集合,以“找工作前,先问员工”的设计理念,脉脉会把求职者最关心的薪资、Offer 等热门问题搜集整合,为职场人士提供一份职场问答宝典。
人脉升迁名单
「人脉升迁名单」主要指离职好友的升迁名单,通过好友的人脉二度挖掘,用户可以拓展更多的新人脉资源,结成好友。
好友印象墙
「好友印象墙」有两种玩法,第一种,发送自己的印象给指定的好友,增强互动,比如朋友心中我最擅长的事情;第二种,回答好友的印象,比如“你觉得我是什么性格”等。这个内容版块的目的是提升好友之间的互动频率,加强关系链接,最终提升用户活跃度。
职场竞争力计算器
「职场竞争力计算器」的玩法比较简单,用户输入自己的职级、地区、就业方向、工作年限、学历和月薪后,系统会通过数据分析,为用户生成一份职场竞争力报告,包含同行的流动情况、岗位竞争力对比、平均在职时长年限、同龄人职级晋升百分比和平均薪资数据。用户还可以隐藏薪资,下载长图分享到朋友圈。通过这种游戏化的设计,不仅可以全面帮助求职者获取目前的职场状态,还可以增强产品的权威性和用户活跃度。
硬核职场攻略
「硬核职场攻略」通过职场中最常见的 12 个场景,比如遇到暴力裁员怎么办、如何在线获取新客户等,再结合脉脉的核心内容,为求职者提供一份全面的职场难题解决攻略。这个内容的设计,就像一份脉脉的用户使用手册,不仅可以帮助用户解决实际的难题,还能提升用户忠诚度。
被推荐数据分析
这个栏目目前正在公测中,每周统计发布一次,主要向用户展示当周个人名片通过哪些场景、功能、标签推荐给其他人。对于以职场服务、营销为主的职场人士,这个数据统计价值很高,可以通过数据去针对性设计优化,提升自己的曝光度。
蓝月职场生存测试
「蓝月职场生存测试」是一个基于脉脉职场发展模型(决策、感知、控制、协作、自取和信念)设计开发的 H5 游戏,主要对用户进行情景式压力评估,帮助测试者更清晰的理解自己的职场生存能力。这种结合职场设计的游戏,沉浸感非常强,再加上充满了悬疑的剧情,可以极大提升用户活跃度。
1024 程序员鉴别挑战赛
这个游戏的设计非常创新,为了致敬伟大的 1024 程序员,设计了一个程序员鉴别的挑战赛。当用户发起挑战以后,需要根据照片和提示找出对应数量的程序员,当你提交答案,还会关联到用户的脉脉主页,提升曝光度。这个游戏还设计了游戏难度,根据脸型、发型、衣服、背包、鞋子和眼神不断提升游戏难度,让用户越玩越上瘾,提高用户活跃度。最后还设计了「我的战绩」这个内容,统计用户在这个游戏中的最佳战绩,找到的程序员,进一步吸引用户添加好友,建立关系链。
7. 小结 从求职端和招聘端的拆解可以看出,虽然网络招聘已经成为脉脉商业变现的核心手段,但「求职服务」还非常单薄。特别是招聘端,相比网络招聘的头部企业如前程无忧、智联招聘和 BOSS 直聘,脉脉还有很长的路要走。
不过脉脉的产品运营创新力非常强。比如「最热脉」,脉脉通过平台高端的用户资源,联合其他品牌设计了非常创新的产品评测活动,不仅提升了用户活跃度,还实现了商业变现。还有「蓝月职场生存测试」这个国内首部职场沉浸式互动测试游戏,不仅成为现象级互联网行业营销案例,也把脉脉的创新能力体现得淋漓尽致。
五、会员服务 「会员服务」主要包含了「用户中心」和「会员 VIP 服务」,其中「会员 VIP 服务」是脉脉实现商业变现的重要手段,不仅包含了 B 端的招聘服务,还有 C 端各种权益服务,是脉脉的核心收入来源之一。
1. 用户中心 影响力
「影响力」就像积分,它是一种社交酬赏,用户可以通过提问、评论、发布文章等行为获取社区影响力。其次,通过每日做任务提升「影响力」的形式,进一步提升用户活跃度,增强用户黏性。最后,脉脉还设计了一个「影响力排行榜」,根据全国、地区、同行和好友的维度进行排名,进一步利用用户的攀比心理,刺激用户完成更多任务提升「影响力」。
创作者中心
作为一个 UGC 为内容生产模式的社区平台,为了鼓励用户创作,脉脉为用户设计了「创作者中心」。用户可以在创作者中心可以查看自己的创作等级,完成平台每日设计的任务,参与社区热门的话题。
① 内容分析
「内容分析」包含了「最近 7 天被阅读总量」、「同行同工种的阅读量」、「昨日获得互动次数」等内容,主要帮助职场创作者获取全面的创作数据分析,提供一个强大智能的数据助手,从而提高用户参与度。
勋章墙
「勋章墙」分为三类,第一类是「活跃成就」,分别是「社区主 R」、「评论区区长」和「划水的鱼」;第二类是「达人认证」,分别是「行业老师傅」、「脉警长」、「反向背调者」和「offer 收割机」;第三类是「创作勋章」,分别是「社区人气王」、「顶峰见」、「神评王」和「评论区楼长」。通过如此多变性的勋章设计,可以利用社交酬赏提高用户的社区活跃度。
人气周报
「人气周报」和「职趣实验室」的「被推荐数据分析」很相似,未来不知道会不会合并。目前主要是根据用户每周的曝光数据生成当周的数据报告,比如曝光次数、人脉推荐、机遇推荐等。
2. 会员 VIP 脉脉拥有众多用户角色,他们设计了 5 种会员 VIP,满足了不同用户群体的需求,丰富了产品的变现形式,而且定价均不便宜,吸金能力很强。
商务会员
「商务会员」主要帮助用户开拓精准人脉,购买后可享受 12 项特权,包含影响力加速、5 次极速联系、30 个添加好友机会、尊贵标识等服务,售价 68 元每月,属于脉脉最基础的会员服务。
VIP 会员
「VIP 会员」相比「商务会员」,价格翻了近 3 倍,售价 198 元每月,核心卖点是高端人脉的拓展,比如互联网大厂的高管等。用户购买后可以享受 13 项特权和更多权益,比如 15 次极速联系、90 个添加好友机会、联系高端人脉等。
招聘个人会员
「招聘个人会员」主要面向企业招聘者,购买后可享受 17 项特权,包含可发布 5 个职位、提供每月 30 次的及时沟通、批量职位职能邀约和解锁招聘人才库扩大搜索范围等服务。目前这个服务以 7 天试用的形式吸引用户开通,到期后价格定价 798 元一个季度,相比其他网络招聘产品,价格略高。
销售会员
「销售会员」主要帮助有职场销售场景的用户挖掘商机拓客,购买后可享受 18 项特权,包含动向智能追踪潜在客户、获取平台的精准线索推荐、专享定制化的线索高级搜索等服务。这个服务定价 198 元每月。
职业发展会员
「职业发展会员」主要是面向个人求职者,购买后可享受 15 项特权,包含简历置顶、数据洞察、双倍曝光、求职立即沟通等服务。这个服务定价 58 元每月,相比「商务会员」,更侧重于求职的服务,帮助求职者提升求职效率。
3. 小结 从会员体系看,脉脉的付费会员体系拆分成了「商务会员」、「VIP 会员」、「招聘个人会员」、「销售会员」和「职业发展会员」。这主要是因为脉脉有多种用户群体,需求都不相同,这样的设计可以满足不同的用户需求。比如对于一个普通的职场人士,他可能就只有求职的需求;而对于一个有 HR、销售人员,他们则需要添加更多的好友、更丰富的功能。
从商业变现能力看,脉脉以手握中高端职场人士资源为卖点,会员定价相比其他网络招聘或社交产品都贵。比如智联招聘,企业会员注册后可以免费发布 5 个岗位,BOSS 直聘甚至只需要开通一个每月 50 元的会员就能开始发起招聘,而脉脉的门槛则比较高。从用户画像也能看出,脉脉的用户以中高等消费群体居多。
六、结束语 距离产品 2013 年首个版本上线时间已经快九年,在拆解完脉脉后,我特意梳理了一下脉脉过去九年的价值主张的升级(数据以七麦数据为主)。
2013 年 10 月,脉脉首个版本推出,价值主张打造“真实职业形象”。
2016 年 3 月,脉脉的价值主张是打通职场人脉;
2017 年 5 月,脉脉的价值主张升级到——职场人都在用的社交APP;
2018 年 4 月,脉脉把自己定位成一个——职场社交神器;
2019 年 2 月,脉脉全新升级,致力于打造一个职场社交平台,成为职场人追捧的社交神器;
2020 年 8 月,脉脉用户数突破 1 亿用户,成为 1 亿职场人士人脉拓展、求职招聘的平台;
2021 年 9 月,脉脉再次升级,以“成就职业梦想”为价值主张,并沿用至今。
可以看出,脉脉作为职场社交行业的后起之秀(Linkedin 成立于 2003 年,天际网和若领网成立于 2004 年,Glassdoor 成立于 2007 年),设计了一套适合中国职场人士的社交产品,经过多年的努力,成为了中国职场社交的独角兽。虽然很多人还会嘲笑脉脉其实只是互联网的一个茶水间,以看八卦、嗑瓜子为主。但脉脉的产品团队以“成就职业梦想”为企业愿景和产品目标,在这条路上不断努力着。
就像脉脉创始人林凡对职业梦想的定义——中国正经历熟人社会向生人社会的转型,脉脉正在坚持努力的,就是跟随众多有梦想的职场人士和优秀企业一起探索出一条科学、高效并且紧跟时代步伐的职业成长之路,成就全球十亿白领的职业梦想。
这个梦想,也许就是脉脉能吸引 1.1 亿职场人士使用的动力之一。
欢迎关注作者微信公众号:「设计大侦探」
-
万字产品拆解!脉脉产品设计全方位深度解析
UI交互 2022-09-19本期「设计大侦探」的职场产品专题,让我们一起拆解脉脉的产品设计,看看这个1.1亿职场人使用的产品到底是如何设计的。本期「设计大侦探」的职场产品专题,让我们一起拆解 脉脉 的 产品设计 ,看看这个1.1亿职场人使用的产品到底是如何设计的。
往期回顾:
万字产品拆解!智联招聘产品设计全方位深度解析 1076 万,如果你对这个数字没有关注过,那么现在我可以告诉你,这是 2022 年全国的应届毕业生数。
阅读文章 >
现在流行,上脉脉问内部员工;
薪资揭秘、offer 比较、公司氛围、中年危机、职业瓶颈、转型破圈……
这里有 1.1 亿职场人士,他们一定会为你解决困惑。
….
脉脉,作为职场社交行业的独角兽,在他们的产品更新日志里,这段话已经使用快 2 年。相信大家都使用过或听过脉脉。在脉脉,你可以通过人脉探索去认识众多互联网大厂的高端人才,也可以认识很多创业公司的 CEO。它的「职言版块」甚至被人比喻为互联网大厂的茶水间、纪检委,你可以在那里获取到很多互联网大厂的八卦信息。本期「设计大侦探」的职场产品专题,让我们一起拆解脉脉,看看这个产品到底是如何设计的。
一、导读 1. 内容结构
全文 10396 字,分为六个部分,分别是导读、产品画像、内容服务、求职服务、会员服务和结束语。
「导读」可以帮助你快速了解这篇文章是否适合你阅读;「产品画像」从商业模式、用户角色到迭代记录,让你对脉脉有一个全面的了解;「内容服务」是实现用户留存的关键,主要拆解了社区、人脉和消息三个版块的内容;「求职服务」是商业变现的重要方式,主要拆解了求职端、招聘端和企业空间等内容;「会员服务」主要拆解了用户中心和脉脉的会员 VIP 体系。
2. 适合人群
产品拆解 是一个知识点比较密集的分析形式,主要适合三类人群。第一类,UI/交互设计师,可以跳出执行层,去思考脉脉的产品设计策略,提升产品分析能力;第二类,产品经理/运营,通过全面的产品设计拆解、策略推导,获取产品设计参考;第三类,网络招聘及社交行业从业者,通过对脉脉的全面拆解,获取竞品设计参考。
3. 分析模型
我们主要运用三种模型对产品的功能、设计进行拆解,由于没有权威的官方数据,所以我们更多以推导的形式去思考脉脉为什么这样设计。
第一个,增长模型。由戴夫·麦克卢尔提出,包含用户获取、用户激活、用户留存、获取收入、用户推荐,分别对应用户生命周期中的 5 个重要环节,主要用于分析产品的功能价值。
用一篇文章,帮你快速入门「增长黑客」 导语:A/B Test 或 “病毒营销” 就是增长黑客?
阅读文章 >
第二个,上瘾模型。由尼尔·法埃尔提出,通过对上千种习惯类产品的调研,总结出一款产品如果要让用户习惯、上瘾,可以按照触发、行动、多变的酬赏和投入四个步骤去设计,主要用于分析产品的功能价值和推导产品的策略设计。
万字读书笔记!产品设计宝典《上瘾》全面解读(下) 《上瘾》这本书从大量的实验案例调研中,总结出那些让用户上瘾的产品设计原则,最后提炼出了一个让用户上瘾的模型,读完以后,真的恍然大悟,原来习惯类的产品需要这么设计。
阅读文章 >
万字读书笔记!产品设计宝典《上瘾》全面解读!(上) 为什么人们每天都会刷朋友圈、刷抖音,而且一刷就是几个小时,根本停不下来?
阅读文章 >
第三个,社会心理学。主要结合西奥迪尼的社会心理学《影响力》六大说服力原则——互惠、承诺和一致、社会认同、喜好、权威和稀缺,去推导产品设计的用户心理设计,主要用于推导产品的策略设计。
二、产品画像 1. 产品介绍
脉脉是一款职场社交的 APP,首个版本于 2013 年 10 月上线,在国内首次提出了“真实职业形象”与“人脉共享”概念,致力于利用科学算法打通“同事、同学、同乡、同校、共同的朋友”五同关系,助力中国职场人塑造个人职业形象,拓展人脉机遇;助力企业打造雇主品牌,通过脉脉平台的人才银行长期获取并储备中高端人才。
2. 商业模式
脉脉以“成就职业梦想”为价值主张,深耕职场社交行业,目前稳居行业第一。用户群体主要分为 C 端职场人士和 B 端企业。脉脉打造了社区、求职招聘、脉课堂等核心业务,吸引了 3000 万+互联网中高端人才;脉脉的盈利模式主要依靠会员服务、求职招聘业务以及广告服务。
3. 用户角色
脉脉作为一个社交平台,用户角色主要分为 C 端用户和 B 端企业用户。
C 端用户根据需求可以分为两类,第一类是普通用户群体,这类职场人士主要包含基层职员、中层职员、高管、总监和 CEO 等,他们的需求很简单,了解行业氛围、获取分享经验以及拓展人脉;第二类是特殊用户群体,包含猎头、HR 以及各类销售,他们的需求是通过脉脉认识更多的职场人士,建立好友关系后,尝试销售公司的产品或服务。
B 端企业用户主要通过脉脉建立企业脉脉主页,提高企业知名度和形象,其次也可以通过脉脉招募人才。
4. 用户画像
脉脉的核心用户人数以男性为主,占比 77.36%;24-35 岁年龄段的用户居多,占比 55.6%;用户的消费力很强,中等和中高消费者加起来占比 67.97%;用户主要分布在一线、新一线和二线城市,其中以广东和北京最多。
5. 信息结构
「脉脉」主要分为社区、人脉、职位/招人、消息和用户中心五大版块。「社区」是脉脉最核心的内容,包含了「推荐」、「热榜」和「同事圈」三块内容;「人脉」提供好友管理,人脉探索,还有查看朋友动态;「职位」是求职服务,用户可以上传简历找工作;如果是一个招聘者,可以在职位切换到招人状态,发布岗位后就可以招募人才;「用户中心」就是用户的管理中心,储存了用户在产品使用的各种数据,比如影响力、好友数等。
6. 重要迭代记录
根据官方数据,脉脉首个版本发布于 2013 年 10 月。截止到 9 月 1 日,脉脉 APP 已经更新到 V6.2.22 版本,近一年版本更新次数达到 39 次(来自七麦数据)。
版本迭代重要记录
2013 年 10 月,发布 V1.0 版本,正式推出脉脉,包含人脉管理、职场交流、求职招聘等功能;
2015 年 10 月,发布 V4.0.0 版本,界面全新升级,推出「人脉办事」等功能;
2019 年 2 月,发布 V5.0.4 版本,主界面全新改版,升级企业 Logo 形象;
2021 年 2 月,发布 V6.0.10 版本,产品全新升级;
7. 产品生命周期
目前脉脉官方公布用户数已经超过 1.1 亿,从易观千帆 2022 年 5 月份平台数据显示,脉脉的活跃用户人数 547.53 万,行业独占率 31.68%,是职场社交细分行业的老大,目前产品已经进入产品生命周期的成熟期。
三、内容服务 作为一款社区类产品,「内容服务」是实现用户留存和传播拉新的关键。脉脉作为一款职场社交产品,为用户提供了一个内容丰富的社区,包含了「职言」、「职业圈」、「行业」等热门分类,而且采用 UGC 的模式实现内容由用户共创,其次为用户提供了丰富的人脉探索和管理工具,甚至像微信一样,提供群聊、发送文件、加入黑名单等功能。最终帮助用户在社区找到自己感兴趣的话题,和有兴趣的朋友建立关系,成为产品的忠实粉丝。
1. 社区 脉脉「社区」的设计,采用了信息流的推荐方式,千人千面,根据每个用户的兴趣进行推荐内容。在内容设计方面,根据话题热度设计了「推荐」和「热榜」;根据人际关系设计了「同事圈」、「职业圈」和「好友圈」;根据发布类型,设计了「动态」、「职言」、「提问」、「创作模版」、「视频」和「文章」六个类型。
推荐
① 全部
「全部」就是脉脉的首页,采用千人千面的信息流方式设计,用户进入脉脉后,可以从这个栏目看到平台根据你的兴趣、职业标签推送的最热门和最新发布的内容。
② 职言
「职言」主要是和职场相关的内容,这个栏目被喻为互联网大厂的茶水间、纪检委,你可以在那里获取到很多互联网大厂的八卦信息。为了鼓励用户大胆发言,脉脉设计了社区匿名身份发帖的形式,这样无论你写什么内容,其他人也不知道你的真实身份,有效提升了用户参与度和活跃度。但外界对这个栏目的评价其实褒贬不一,甚至也为脉脉惹了不少大厂的官司,追赔名誉损失。
③ 门道
「门道」的内容主要来自 KOL、知名媒体和社区优质创作者,质量高,以商业、互联网和职场内容为主。这个栏目的设计,主要提升社区的内容质量,提升用户使用产品的时间。其次通过对优质内容的精选,也可以鼓励用户尝试高质量的创作,进一步丰富社区的内容。
④ 职业圈
「职业圈」是根据用户的职业标签来进行分类,目的是为用户提供更专业的话题,提高用户活跃度。目前脉脉的「职业圈」只有后端研发、设计、运营等 6 个小圈子,其他的暂未开放。
⑤ 行业
「行业」的内容非常垂直,主要聚合了某个行业的话题动态,从而了解这个行业就职的基本情况,同时也支持用户切换其他行业。
热榜
「热榜」分为热帖、话题和行业,「热帖」每天精选社区 30 篇帖子,「话题」每天精选 10 个话题,「行业」每天精选 15 篇帖子。这个栏目的设计不仅可以精选出社区优质和热门的话题,还可以给用户带来社交酬赏,吸引用户创作优质的话题内容。
① 话题广场
「话题广场」目前入口很深,在用户中心的社区服务才能进入,这个栏目主要聚合了社区的热门话题,引导用户参与创作,最终提高用户的创作参与度。
同事圈
「同事圈」主要为公司的员工提供一个私密交流的版块,用户需要实名认证,公司也同步开通同事圈以后才能使用这个功能,目前显示有字节跳动、百度、腾讯等互联网大厂都开通了同事圈。不过,这个版块的设计从用户真实的角度去思考,有点鸡肋,谁都不愿意在下班以后还要去谈论工作。
搜索
「搜索」是社交平台一个非常重要的功能,它可以帮助用户快速检索到用户想查找的公司、朋友信息。
① 引导页
「引导页」包含了搜索历史、搜索推荐、热门搜索、公司榜和找人榜。不仅为用户提供丰富的内容,还为社区的热门话题进行引流,比如热门搜索,可以告诉用户今日热点,吸引用户访问。
② 结果页
「搜索结果页」分为综合、找人、社区、职位、实时、问员工和话题,颗粒度非常细。这样的设计,可以帮助用户检索到比较精准的内容。
发布
脉脉作为一个 UGC 社区,内容由用户生产。用户发布的内容又分为动态(实名身份发布)、职言(社区身份发布)、提问(可以邀请大厂大佬回答)、创作类型(提供 Offer 比较和面试经历分享模版)、视频和文章。
① 发布功能
用户在内容发布页面,可以选择参与各种热门话题,用户还可以创建投票,分享微博、头条、公众号等热点资讯链接。
② 职言话题
「职言」是脉脉社区最核心的一个内容版块,当用户点击发布职言后,系统会提醒用户采用社区身份进行发帖。脉脉的「职言话题」设计得很丰富,这主要是引导用户,提高用户参与度。话题分为热议话题、找工作、能力进阶、职场关系、趣味现象、生活交友、解压互助和节假日 8 大类型,每个类型下面还包含了数十种话题类型,这些话题组成了脉脉社区的核心内容。
2. 人脉 当用户之间相互关注、添加好友以后,就建立了关系,形成了人脉。「人脉」是实现用户留存的关键,只有用户认识了他想认识的朋友,才能形成强关系链接的社区。
好友管理
在人脉页面,用户可查看已添加的好友、最近的申请、对我感兴趣的人和待处理的请求。其次平台还会根据你的标签、职业、学校、地区等维度进行深入的人脉挖掘。
用户主页
①头部展示用户的详细信息,包含头像、姓名、公司、职位、家乡等信息,其次会统计用户之间的共同好友,有效拉近用户之间的距离,吸引用户建立关系;
②从第二屏开始,依次展示用户动态、工作、项目和教育经历;在底部,设计了一个「看了他的人还看了」的好友列表,吸引用户继续深挖关系链接;
③添加好友的方式有两种,第一种是「极速联系」,用户开通VIP以后可获取好友的电话等联系方式,快速联系;第二种是普通的好友申请,需要好友审核通过后才能成为好友,其次普通用户每个月只有5个免费的添加好友名额,超出5个以后,需要开通VIP会员才能添加。
人脉探索
「人脉探索」有七个维度,分别是根据职业标签推荐、人脉发现、平台推荐、同事、校友、同乡和同行。用户可以根据这七个维度进行人脉探索,找到你想认识的职场人士。
动态
「动态」类似于朋友圈,用户可以参与社区的热门话题,也可以发心情、问好友和发动态。其次用户还可以把好友加入到「好友圈」,第一时间阅读他们的动态和职位变动等信息。
3. 消息 「消息」主要为用户提供对话交流。「消息类型」主要分为动态提醒(邀请参与、评论和点赞)、主动沟通、好友消息和未读消息。其次脉脉也提供建立群聊、加入黑名单等功能。
聊天对话框
①当用户处于离线状态,脉脉会提供一个短信通知对方的功能。用户需要购买商务会员VIP,才能使用。
②当用户开始聊天后,会员可向好友申请「交换手机」号码,而普通用户也可以对广告用户设置「加入黑名单」,直接屏蔽用户消息;
③脉脉还支持发起群聊,可以邀请多个好友建立群聊沟通。
4. 小结 从社区内容观察,脉脉的内容其实主要分为两种类型,一种是「个人动态」,另一种则是「职场话题」。「个人动态」满足了一个社区用户最基本的社交需求,而「职场话题」才是脉脉实现用户留存的关键。
从脉脉的「话题广场」内容设计可以看出,脉脉对职场人士关注的焦点都挖掘得十分精准。从找工作、能力进阶、职场关系到解压互助,脉脉都设计了开放、可传播的话题,引导用户参与社区的创建。
最后,为了提高社区的内容质量,增强用户黏性,脉脉还设计了「门道」栏目,邀请头部的 KOL 和知名媒体参与社区内容建设,满足各类用户的需求,形成内容闭环。
从人脉拓展形式看,脉脉提倡的「五同关系」,是整个社区用户形成关系链的核心。通过同事、同校、同乡和同行这四个维度的链接,充分挖掘二度、三度人脉,最后成为共同的朋友。
四、求职服务 脉脉拥有 1.2 亿职场社交实名用户,吸引了众多互联网大厂企业加入。作为一个链接双端用户的平台型产品,「求职服务」是脉脉的核心服务,是商业变现的一个重要方式,它为求职者提供工作推荐,为招聘者提供人才推荐。
1. 求职者 脉脉为求职者提供了「在线简历」、「职位收藏」、「求职偏好」等功能。「在线简历」支持附件简历上传,有效节省用户创建简历的时间成本。
求职机会
「求职机会」是平台根据用户的求职偏好进行系统推荐,帮助用户和招聘方建立更高效的沟通。
职位详情页
①头部展示岗位的基础信息和HR的联系方式,用户如果要想和HR沟通需要开通VIP会员;如果所在公司有好友,则会显示拥有好友内推机会。
②在展示完「职位详情」以后,加入了「公司介绍」,目的是提升岗位的信任度,让用户进入企业的主页进行更全面的了解;
③在底部,脉脉还提供了「职位真相」、「薪资揭秘」和「职场晋升路径」的VIP服务,用户可以购买该岗位的晋升空间和发展评估。
2. 招聘者 脉脉没有单独为招聘者设计「招聘端」,在「求职」的右上角可以直接切换成招聘者的身份。脉脉为招聘者提供了「简历查收」、「职位互动」、「人才库」等功能,略显单薄,比较基础。脉脉的招聘服务目前看上去更侧重于定制化的人才解决方案为主,企业没有免费发布职位的次数,如果需要发布,就需要开通招聘会员 VIP,798 一个季度,相对其他求职产品来说,定价略高。
3. 企业空间 脉脉的「企业空间」吸引了众多行业的大厂入驻,比如像新媒体行业的字节跳动、社交行业的腾讯、电商行业的阿里巴巴等等,在企业空间,几乎可以查询到你所关注的互联网大厂,从而获取精准的信息。
企业空间主页
①头部介绍了企业的基础信息,包括员工数量、职位数量和公司简介等;其次还提供了公司的评分,用户可以给公司打标签,评分;
②脉脉为用户提供了查询「职级薪资」的功能,可以通过这个功能查看像字节、腾讯等公司的薪资体系;
③「企业号」由企业自己运营,主要向用户对外展示企业的信息,包含了主页、动态、职位、产品和相册等信息,其次还可以查看该公司在脉脉的员工总数;
④「求职揭秘」关联了和公司相关的话题,而且像字节这样的大公司,还会分部门展示内容,满足求职者的好奇心,也支持用户直接发帖提问;「岗位招聘」则是展示企业对外招聘的所有岗位,用户可根据自己的求职意向进行投递简历。
职得去榜单
「职得去榜单」设计得非常有创意,这个榜单不仅可以作为企业空间的标签之一,而且还增加了产品的乐趣,比如「脉有最爱投排行榜」,这样的设计可以利用攀比心理,相互倒逼,提高用户活跃度。
「职得去榜单」主要包含「脉友入职热榜」、「脉友最爱投」、「薪资福利榜」、「大厂员工新去处」、「名校生最爱去」、「业务前景榜」、「最无年龄焦虑公司」、「团队氛围榜」、「个人发展榜」、「投递极速响应榜」和「应届生最爱去公司榜」11 种榜单,另外还设计了「女性友好公司」、「创投机构推荐企业」和「2021 年度多维度优质雇主」。不过遗憾的是,这些榜单的权重比较低,入口很深,而且内容略显单薄,做得不够深。
4. 脉课堂 「脉课堂」是一个知识付费栏目,内容主要包含同行精选、副业投资、技能提升等内容,以录播的系统课程为主,价格较低。这个栏目主要帮助求职者通过知识学习提升职场、技能方面的能力,增加商业变现手段。不过目前入口较深,权重较低。
5. 职场福利 「职场福利」是一个充满创意力和趣味性的栏目,虽然活动的数量少,活动频率低,不过可以看出脉脉的用户运营创新能力非常强。
健康加油站
「健康加油站」是脉脉联合「中国职工发展基金会」为关爱职场人群身体健康策划的一个栏目,用户可以在这个栏目发布关于身体健康的话题,有健康专家专门为用户解答,另外还为用户提供健康科普、课堂讲座等内容。这个栏目以关爱用户身心健康为主,有效提升了品牌服务的温度。
最热脉
「最热脉」是一个特别有趣的栏目。它的内容是以产品测评为主,比如 OPPO 的新款 Find N 折叠屏,通过和脉脉的合作,招募了一批不同职业的评测官,有产品经理、开发、运营、设计师,他们从不同的角度去体验产品,然后发表真实客观的评测分享,最终有机会赢取企业赞助的大奖。这个栏目,增加脉脉运营的趣味性,比如还有一个评测是体验面膜,这对女性用户来说,实在是太受欢迎了。
职场关爱联盟
「职场关爱联盟」是由脉脉联合企业一起打造的线上线下活动沙龙,主题多以关注职场人士健康为主,比如脉脉联合了京东打造「职场健康关爱季」,还有联合神州租车打造「出行旅游的解压活动」。脉脉用户均可以一键报名,无需任何门槛,这样的运营设计有效提升企业服务的温度,拉近和用户的距离,提升品牌忠诚度。
6. 职趣实验室 「职趣实验室」和「职场福利」的定位很相似,不过这个栏目更侧重娱乐和解压,通过设计一些创新的职场游戏,缓解职场人士工作压力,提升用户活跃度。
员工面对面
「员工面对面」是一个问答话题集合,以“找工作前,先问员工”的设计理念,脉脉会把求职者最关心的薪资、Offer 等热门问题搜集整合,为职场人士提供一份职场问答宝典。
人脉升迁名单
「人脉升迁名单」主要指离职好友的升迁名单,通过好友的人脉二度挖掘,用户可以拓展更多的新人脉资源,结成好友。
好友印象墙
「好友印象墙」有两种玩法,第一种,发送自己的印象给指定的好友,增强互动,比如朋友心中我最擅长的事情;第二种,回答好友的印象,比如“你觉得我是什么性格”等。这个内容版块的目的是提升好友之间的互动频率,加强关系链接,最终提升用户活跃度。
职场竞争力计算器
「职场竞争力计算器」的玩法比较简单,用户输入自己的职级、地区、就业方向、工作年限、学历和月薪后,系统会通过数据分析,为用户生成一份职场竞争力报告,包含同行的流动情况、岗位竞争力对比、平均在职时长年限、同龄人职级晋升百分比和平均薪资数据。用户还可以隐藏薪资,下载长图分享到朋友圈。通过这种游戏化的设计,不仅可以全面帮助求职者获取目前的职场状态,还可以增强产品的权威性和用户活跃度。
硬核职场攻略
「硬核职场攻略」通过职场中最常见的 12 个场景,比如遇到暴力裁员怎么办、如何在线获取新客户等,再结合脉脉的核心内容,为求职者提供一份全面的职场难题解决攻略。这个内容的设计,就像一份脉脉的用户使用手册,不仅可以帮助用户解决实际的难题,还能提升用户忠诚度。
被推荐数据分析
这个栏目目前正在公测中,每周统计发布一次,主要向用户展示当周个人名片通过哪些场景、功能、标签推荐给其他人。对于以职场服务、营销为主的职场人士,这个数据统计价值很高,可以通过数据去针对性设计优化,提升自己的曝光度。
蓝月职场生存测试
「蓝月职场生存测试」是一个基于脉脉职场发展模型(决策、感知、控制、协作、自取和信念)设计开发的 H5 游戏,主要对用户进行情景式压力评估,帮助测试者更清晰的理解自己的职场生存能力。这种结合职场设计的游戏,沉浸感非常强,再加上充满了悬疑的剧情,可以极大提升用户活跃度。
1024 程序员鉴别挑战赛
这个游戏的设计非常创新,为了致敬伟大的 1024 程序员,设计了一个程序员鉴别的挑战赛。当用户发起挑战以后,需要根据照片和提示找出对应数量的程序员,当你提交答案,还会关联到用户的脉脉主页,提升曝光度。这个游戏还设计了游戏难度,根据脸型、发型、衣服、背包、鞋子和眼神不断提升游戏难度,让用户越玩越上瘾,提高用户活跃度。最后还设计了「我的战绩」这个内容,统计用户在这个游戏中的最佳战绩,找到的程序员,进一步吸引用户添加好友,建立关系链。
7. 小结 从求职端和招聘端的拆解可以看出,虽然网络招聘已经成为脉脉商业变现的核心手段,但「求职服务」还非常单薄。特别是招聘端,相比网络招聘的头部企业如前程无忧、智联招聘和 BOSS 直聘,脉脉还有很长的路要走。
不过脉脉的产品运营创新力非常强。比如「最热脉」,脉脉通过平台高端的用户资源,联合其他品牌设计了非常创新的产品评测活动,不仅提升了用户活跃度,还实现了商业变现。还有「蓝月职场生存测试」这个国内首部职场沉浸式互动测试游戏,不仅成为现象级互联网行业营销案例,也把脉脉的创新能力体现得淋漓尽致。
五、会员服务 「会员服务」主要包含了「用户中心」和「会员 VIP 服务」,其中「会员 VIP 服务」是脉脉实现商业变现的重要手段,不仅包含了 B 端的招聘服务,还有 C 端各种权益服务,是脉脉的核心收入来源之一。
1. 用户中心 影响力
「影响力」就像积分,它是一种社交酬赏,用户可以通过提问、评论、发布文章等行为获取社区影响力。其次,通过每日做任务提升「影响力」的形式,进一步提升用户活跃度,增强用户黏性。最后,脉脉还设计了一个「影响力排行榜」,根据全国、地区、同行和好友的维度进行排名,进一步利用用户的攀比心理,刺激用户完成更多任务提升「影响力」。
创作者中心
作为一个 UGC 为内容生产模式的社区平台,为了鼓励用户创作,脉脉为用户设计了「创作者中心」。用户可以在创作者中心可以查看自己的创作等级,完成平台每日设计的任务,参与社区热门的话题。
① 内容分析
「内容分析」包含了「最近 7 天被阅读总量」、「同行同工种的阅读量」、「昨日获得互动次数」等内容,主要帮助职场创作者获取全面的创作数据分析,提供一个强大智能的数据助手,从而提高用户参与度。
勋章墙
「勋章墙」分为三类,第一类是「活跃成就」,分别是「社区主 R」、「评论区区长」和「划水的鱼」;第二类是「达人认证」,分别是「行业老师傅」、「脉警长」、「反向背调者」和「offer 收割机」;第三类是「创作勋章」,分别是「社区人气王」、「顶峰见」、「神评王」和「评论区楼长」。通过如此多变性的勋章设计,可以利用社交酬赏提高用户的社区活跃度。
人气周报
「人气周报」和「职趣实验室」的「被推荐数据分析」很相似,未来不知道会不会合并。目前主要是根据用户每周的曝光数据生成当周的数据报告,比如曝光次数、人脉推荐、机遇推荐等。
2. 会员 VIP 脉脉拥有众多用户角色,他们设计了 5 种会员 VIP,满足了不同用户群体的需求,丰富了产品的变现形式,而且定价均不便宜,吸金能力很强。
商务会员
「商务会员」主要帮助用户开拓精准人脉,购买后可享受 12 项特权,包含影响力加速、5 次极速联系、30 个添加好友机会、尊贵标识等服务,售价 68 元每月,属于脉脉最基础的会员服务。
VIP 会员
「VIP 会员」相比「商务会员」,价格翻了近 3 倍,售价 198 元每月,核心卖点是高端人脉的拓展,比如互联网大厂的高管等。用户购买后可以享受 13 项特权和更多权益,比如 15 次极速联系、90 个添加好友机会、联系高端人脉等。
招聘个人会员
「招聘个人会员」主要面向企业招聘者,购买后可享受 17 项特权,包含可发布 5 个职位、提供每月 30 次的及时沟通、批量职位职能邀约和解锁招聘人才库扩大搜索范围等服务。目前这个服务以 7 天试用的形式吸引用户开通,到期后价格定价 798 元一个季度,相比其他网络招聘产品,价格略高。
销售会员
「销售会员」主要帮助有职场销售场景的用户挖掘商机拓客,购买后可享受 18 项特权,包含动向智能追踪潜在客户、获取平台的精准线索推荐、专享定制化的线索高级搜索等服务。这个服务定价 198 元每月。
职业发展会员
「职业发展会员」主要是面向个人求职者,购买后可享受 15 项特权,包含简历置顶、数据洞察、双倍曝光、求职立即沟通等服务。这个服务定价 58 元每月,相比「商务会员」,更侧重于求职的服务,帮助求职者提升求职效率。
3. 小结 从会员体系看,脉脉的付费会员体系拆分成了「商务会员」、「VIP 会员」、「招聘个人会员」、「销售会员」和「职业发展会员」。这主要是因为脉脉有多种用户群体,需求都不相同,这样的设计可以满足不同的用户需求。比如对于一个普通的职场人士,他可能就只有求职的需求;而对于一个有 HR、销售人员,他们则需要添加更多的好友、更丰富的功能。
从商业变现能力看,脉脉以手握中高端职场人士资源为卖点,会员定价相比其他网络招聘或社交产品都贵。比如智联招聘,企业会员注册后可以免费发布 5 个岗位,BOSS 直聘甚至只需要开通一个每月 50 元的会员就能开始发起招聘,而脉脉的门槛则比较高。从用户画像也能看出,脉脉的用户以中高等消费群体居多。
六、结束语 距离产品 2013 年首个版本上线时间已经快九年,在拆解完脉脉后,我特意梳理了一下脉脉过去九年的价值主张的升级(数据以七麦数据为主)。
2013 年 10 月,脉脉首个版本推出,价值主张打造“真实职业形象”。
2016 年 3 月,脉脉的价值主张是打通职场人脉;
2017 年 5 月,脉脉的价值主张升级到——职场人都在用的社交APP;
2018 年 4 月,脉脉把自己定位成一个——职场社交神器;
2019 年 2 月,脉脉全新升级,致力于打造一个职场社交平台,成为职场人追捧的社交神器;
2020 年 8 月,脉脉用户数突破 1 亿用户,成为 1 亿职场人士人脉拓展、求职招聘的平台;
2021 年 9 月,脉脉再次升级,以“成就职业梦想”为价值主张,并沿用至今。
可以看出,脉脉作为职场社交行业的后起之秀(Linkedin 成立于 2003 年,天际网和若领网成立于 2004 年,Glassdoor 成立于 2007 年),设计了一套适合中国职场人士的社交产品,经过多年的努力,成为了中国职场社交的独角兽。虽然很多人还会嘲笑脉脉其实只是互联网的一个茶水间,以看八卦、嗑瓜子为主。但脉脉的产品团队以“成就职业梦想”为企业愿景和产品目标,在这条路上不断努力着。
就像脉脉创始人林凡对职业梦想的定义——中国正经历熟人社会向生人社会的转型,脉脉正在坚持努力的,就是跟随众多有梦想的职场人士和优秀企业一起探索出一条科学、高效并且紧跟时代步伐的职业成长之路,成就全球十亿白领的职业梦想。
这个梦想,也许就是脉脉能吸引 1.1 亿职场人士使用的动力之一。
欢迎关注作者微信公众号:「设计大侦探」
-
超全整理!不会3D软件也能做的8种立体效果(附教程)
UI交互 2022-09-19如何不使用 3D 软件就设计出立体效果?今天就为大家推荐一些设计方法和资源,让你即使不会 3D 软件也轻松设计出酷炫的 3D 立体效果~大家好,这里是和你聊设计的花生~
3D 元素在设计中应用广泛,但 3D 软件的学习门槛并不低。前几天就在 「设计问答」 里看到了有小伙伴提问:如何不使用 3D 软件就设计出立体效果?不知道大家是否有同样的疑问呢?今天就为大家推荐一些设计方法和资源,让你即使不会 3D 软件也轻松设计出酷炫的 3D 立体效果~
超多教程!7 个实用方法帮你学会设计立体字效 大家好, 我是继续和你们聊设计的花生~ 立体或者带有空间感的文字能打破了二维平面的单调,带来新鲜的视觉感受,在海报设计中运用极广。
阅读文章 >
一、利用 Ai 实现 3D 效果
1. Ai – 3D 膨胀功能
设计教程① 训练营公开课!带你探索新版AI软件的3D新功能 https://uiiiuiii.com/illustrator/1212520555.html
设计教程② AI教程!2022新版AI新功能,轻松制作3D图标视觉海报 https://uiiiuiii.com/illustrator/1212509632.html
设计教程③ AI教程!超实用的AI新版3D功能小技巧 https://uiiiuiii.com/illustrator/1212526360.html
2. Ai – 3D 凸出功能
设计教程① AI+PS教程!立体字效海报教程 https://uiiiuiii.com/photoshop/1212489812.html
设计教程② AI+PS教程!超流行的环绕字海报,手把手教你做! https://uiiiuiii.com/photoshop/1212449713.html
3. Ai-3D 绕转功能
教程① AI教程!手把手教你用AI玩儿转3D模型(内附源文件) https://uiiiuiii.com/illustrator/1212472623.html
教程② AI教程!绘制3D矢量条纹立体图形 https://uiiiuiii.com/illustrator/121214972.html
掌握这5个Ai小技巧,帮你快速提升文字排版效率 大家好,我是和你们聊设计的花生~ 文字编排是学习平面版式的基础,今天就为大家分享几个 Ai 小技巧,简单却能有效提升文字排版效率。
阅读文章 >
二、利用 PS 实现 3D 立体效果
4. PS-混合画笔工具
教程① PS教程!3D立体炫彩街舞字效教程 https://uiiiuiii.com/photoshop/1212478983.html
教程② ps-混合画笔 PS教程!教你制作3D金属字效新年海报 https://uiiiuiii.com/photoshop/1212474273.html (Ps 的混合画笔效果在 Ai 里可以用混合工具来实现)
5. PS-图层样式
教程① PS教程!晶莹剔透的玻璃质感海报 https://uiiiuiii.com/photoshop/1212426935.html
教程② PS教程!超酷炫的铝箔气球质感字效 https://uiiiuiii.com/photoshop/1212428109.html
教程③ PS教程!3 分钟学会炫彩酸性气泡字效海报制作 https://uiiiuiii.com/photoshop/1212524991.html
快速出效果!8 个简单易上手的 PS 字效教程 Hello 朋友们,我又来教大家一些非常实用的小技巧啦~ 上期文章: [link https://www.uisdc.com/ps-skill] 上一期我分享了些稀奇古怪(但有用)的小技巧,这次我来分享 8 个字效小技巧,简单易学,每个技巧都能帮你快速做一张字效海报出来,快学起
阅读文章 >
6. PS-3D 样式
教程① PS教程!用 3D效果 制作液态金属字体效果海报 https://uiiiuiii.com/photoshop/1212414724.html
教程② PS教程!教你制作3D圆环概念海报 https://uiiiuiii.com/photoshop/1212336231.html
7. PS- 轻拟物风格
教程① PS教程!教你绘制可爱牛奶盒轻拟物图标 https://uiiiuiii.com/photoshop/1212409250.html
教程② 训练营公开课!手把手教你制作轻拟物弥散海报 https://uiiiuiii.com/photoshop/1212496676.html
超全免费!3D模型素材聚合站SketchFab 编者按:SketchFab 是一个3D模型的聚合网站,从日本九州大学的1400多种生物3D模型到大英博物馆的艺术品3D模型,可以说应有尽有。
阅读文章 >
三、3D 神器与免费素材 ① 设计神器VERTEX!可在线编辑的 3D素材 集合站! https://uiiiuiii.com/software/500189.html
② 海量免费3D素材下载 https://uiiiuiii.com/?s=3D&source=software
好啦以上就是今天的分享,喜欢的小伙伴记得点赞收藏,也可以转发给身边有需要朋友 ~ 如果你有关于本文或者其他设计疑问,可以在评论区提出,我会第一时间为大家解答~
推荐阅读:
自学设计却半途而废?让优设和优优来帮你从小白成为专业设计师 大家好,这里是和你们分享如何零基础自学设计的花生 ~ 自学设计是当下的热门话题,无论是刚进入设计专业的大学生,还是零基础想要入门设计行业的小伙伴,肯定都在利用丰富的网络教学资源自学设计。
阅读文章 >
Banner设计保姆级全方位教学!万字干货! 编者注:Banner设计看似简单,实则囊括了平面设计、设计心理学、用户研究、文案设计等多领域的知识点,本文用1万2千字的超长篇幅,帮你从零开始掌握Banner设计。
阅读文章 >
-
超全整理!不会3D软件也能做的8种立体效果(附教程)
UI交互 2022-09-19如何不使用 3D 软件就设计出立体效果?今天就为大家推荐一些设计方法和资源,让你即使不会 3D 软件也轻松设计出酷炫的 3D 立体效果~大家好,这里是和你聊设计的花生~
3D 元素在设计中应用广泛,但 3D 软件的学习门槛并不低。前几天就在 「设计问答」 里看到了有小伙伴提问:如何不使用 3D 软件就设计出立体效果?不知道大家是否有同样的疑问呢?今天就为大家推荐一些设计方法和资源,让你即使不会 3D 软件也轻松设计出酷炫的 3D 立体效果~
超多教程!7 个实用方法帮你学会设计立体字效 大家好, 我是继续和你们聊设计的花生~ 立体或者带有空间感的文字能打破了二维平面的单调,带来新鲜的视觉感受,在海报设计中运用极广。
阅读文章 >
一、利用 Ai 实现 3D 效果
1. Ai – 3D 膨胀功能
设计教程① 训练营公开课!带你探索新版AI软件的3D新功能 https://uiiiuiii.com/illustrator/1212520555.html
设计教程② AI教程!2022新版AI新功能,轻松制作3D图标视觉海报 https://uiiiuiii.com/illustrator/1212509632.html
设计教程③ AI教程!超实用的AI新版3D功能小技巧 https://uiiiuiii.com/illustrator/1212526360.html
2. Ai – 3D 凸出功能
设计教程① AI+PS教程!立体字效海报教程 https://uiiiuiii.com/photoshop/1212489812.html
设计教程② AI+PS教程!超流行的环绕字海报,手把手教你做! https://uiiiuiii.com/photoshop/1212449713.html
3. Ai-3D 绕转功能
教程① AI教程!手把手教你用AI玩儿转3D模型(内附源文件) https://uiiiuiii.com/illustrator/1212472623.html
教程② AI教程!绘制3D矢量条纹立体图形 https://uiiiuiii.com/illustrator/121214972.html
掌握这5个Ai小技巧,帮你快速提升文字排版效率 大家好,我是和你们聊设计的花生~ 文字编排是学习平面版式的基础,今天就为大家分享几个 Ai 小技巧,简单却能有效提升文字排版效率。
阅读文章 >
二、利用 PS 实现 3D 立体效果
4. PS-混合画笔工具
教程① PS教程!3D立体炫彩街舞字效教程 https://uiiiuiii.com/photoshop/1212478983.html
教程② ps-混合画笔 PS教程!教你制作3D金属字效新年海报 https://uiiiuiii.com/photoshop/1212474273.html (Ps 的混合画笔效果在 Ai 里可以用混合工具来实现)
5. PS-图层样式
教程① PS教程!晶莹剔透的玻璃质感海报 https://uiiiuiii.com/photoshop/1212426935.html
教程② PS教程!超酷炫的铝箔气球质感字效 https://uiiiuiii.com/photoshop/1212428109.html
教程③ PS教程!3 分钟学会炫彩酸性气泡字效海报制作 https://uiiiuiii.com/photoshop/1212524991.html
快速出效果!8 个简单易上手的 PS 字效教程 Hello 朋友们,我又来教大家一些非常实用的小技巧啦~ 上期文章: [link https://www.uisdc.com/ps-skill] 上一期我分享了些稀奇古怪(但有用)的小技巧,这次我来分享 8 个字效小技巧,简单易学,每个技巧都能帮你快速做一张字效海报出来,快学起
阅读文章 >
6. PS-3D 样式
教程① PS教程!用 3D效果 制作液态金属字体效果海报 https://uiiiuiii.com/photoshop/1212414724.html
教程② PS教程!教你制作3D圆环概念海报 https://uiiiuiii.com/photoshop/1212336231.html
7. PS- 轻拟物风格
教程① PS教程!教你绘制可爱牛奶盒轻拟物图标 https://uiiiuiii.com/photoshop/1212409250.html
教程② 训练营公开课!手把手教你制作轻拟物弥散海报 https://uiiiuiii.com/photoshop/1212496676.html
超全免费!3D模型素材聚合站SketchFab 编者按:SketchFab 是一个3D模型的聚合网站,从日本九州大学的1400多种生物3D模型到大英博物馆的艺术品3D模型,可以说应有尽有。
阅读文章 >
三、3D 神器与免费素材 ① 设计神器VERTEX!可在线编辑的 3D素材 集合站! https://uiiiuiii.com/software/500189.html
② 海量免费3D素材下载 https://uiiiuiii.com/?s=3D&source=software
好啦以上就是今天的分享,喜欢的小伙伴记得点赞收藏,也可以转发给身边有需要朋友 ~ 如果你有关于本文或者其他设计疑问,可以在评论区提出,我会第一时间为大家解答~
推荐阅读:
自学设计却半途而废?让优设和优优来帮你从小白成为专业设计师 大家好,这里是和你们分享如何零基础自学设计的花生 ~ 自学设计是当下的热门话题,无论是刚进入设计专业的大学生,还是零基础想要入门设计行业的小伙伴,肯定都在利用丰富的网络教学资源自学设计。
阅读文章 >
Banner设计保姆级全方位教学!万字干货! 编者注:Banner设计看似简单,实则囊括了平面设计、设计心理学、用户研究、文案设计等多领域的知识点,本文用1万2千字的超长篇幅,帮你从零开始掌握Banner设计。
阅读文章 >
-
如何做好B端产品的体验优化?来看京东行云的实战案例总结!
UI交互 2022-09-18本文结合产研协作工具「京东行云 3.0」体验升级,分享一下京东行云团队在降低用户认知负担、提高操作便捷性的一些思考与实践。本文结合产研协作工具「京东行云 3.0」体验升级,分享一下 京东行云 团队在降低用户认知负担、提高操作便捷性的一些思考与实践。
更多京东实战:
让购物简单快乐!京东 APP 11.0 深度解读:视觉篇 在 APP11.0 深度解读系列的第一篇文章中,剖析了基于生态进行体系化大改版的解读与思考,本文将聚焦于视觉设计,阐明我们对此版本的设计主张与思路,在各个场景是如何外化以辅助达成改版目标的。
阅读文章 >
一、前言 相较于 C 端产品来说,企业级 B 端产品具有行业壁垒高、业务复杂、服务角色多等特点,对于很多设计师来说感觉无从下手,找不到切入点。在长期的项目实践中我们发现,好用的 B 端产品设计主要体现在两个方面:一是容易上手,不需要用户花太多精力学习;二是操作便捷,用户能够轻松的完成操作,用完即走。因此,从降低认知负担、提高操作便捷性入手提升产品体验是一个适合的切入点。
二、行云 3.0 设计的思考与实践 1. 业务背景
作为京东自研的产研协作平台,自 2018 年以来,行云在敏捷协同、devops 一体化以及应用生态建设等领域着重发力,并在产品商业化上取得了初步成果。在业务快速扩展的同时,我们也意识到产品功能繁杂、使用低效等问题。结合行云 3.0 大版本升级的契机,我们把体验优化提上了日程。
本次优化我们确定了从「团队空间-迭代」模块开始:一方面,「迭代」模块是行云敏捷协作的核心场景之一,想要提升产研协同效率,「迭代」模块是主要途径之一;另一方面,业务侧准备打造空间支持多种工作项类型的能力,现有的 2.0 版本的框架布局早已随着业务扩展不堪重负,无法通过简单的修修补补来满足业务扩展和用不同使用场景下的体验诉求。
2. 问题洞察
① 用户角色分析
迭代模块下参与协作的用户包括项目经理、产品经理、UI 设计人员、研发人员以及测试人员等。一个迭代包含不同的工作事项,在规划迭代时,一般项目经理或者产品经理担任管理角色,并根据需求的优先级规划至不同的迭代,并拆分为各类工作事项和任务指派给相关的 UI 设计、研发、测试等具体执行人员。
管理人员
在「迭代管理」场景下,迭代管理人员会实时关注迭代的整体进度,分析迭代进展情况,提早发现迭代的风险和问题,及时调整资源和计划,保证迭代稳定的推进。
执行人员
在「迭代协同」场景下,产品经理、UI 设计、研发以及测试等任务执行人员需要的快速查找到个人相关的工作事项,并即时更新工作事项的状态,才能使迭代有条不紊的进行。
② 问题总结
了解了不同角色的关注点,结合线满意度调研、平台数据分析及体验走查,我们总结以下问题:
页面的布局结构欠缺统筹规划,难以支持业务的扩展。
旧版的工具栏功能多而杂,且缺少合理的组织逻辑,体验非常不好; 工作项切换和筛选器在一行展示,导致了布局紧凑、扩展性差,面临不得不调整; 「工作项」「筛选器」「视图切换」等控件使用不规范,容易造成困惑; 基础功能搭建不完善,协作成本高。
在实际产品的使用中,一些用户缺少敏捷协作的了解,加上页面中迭代列表的内容较为简陋,出现了误把迭代当成项目、版本来使用情况。 迭代列表里关于关键信息透传度不够,没有直观体现出当前迭代的状态、进度,增加了管理成本。此外,随着迭代数据得增多,列表缺少筛选能力,查找、管理成本高。 右侧内容区,表格&看板视图下缺少字段信息的个性化设置。 干扰项多,关键内容展示屏效比低。
老版的页面整体上采用了色块和卡片的内容区分方式,色块虽然起到了分割的作用,但也占用了很多显示面积,导致实际内容展示屏占比低。 另一方面「页面中 tab 切换」、「标签」、「按钮」等元素使用过多高亮色,吸引了用户的注意力,干扰页面核心的内容展示。 3. 优化目标
基于以上问题与业务规划,我们确立了产品优化的目标
第一,统筹规划现有产品能力,打造支持多种工作项的业务诉求。
第二,完善迭代不同使用场景下的基础能力,提升协同效率。
第三,解决信息展示效率低的问题,营造高效、亲和的使用体验
4. 解决方案
① 解决支持多种工作项的业务诉求
旧版的工具栏由于功能冗杂繁多,也缺少合理的组织逻辑,查询效率较低。此外,工作项切换和筛选器在一行展示,导致了布局紧凑、扩展性差的问题。结合产品支持工作事项类型扩展的能力,重点优化工具栏结构,理梳理各功能点的亲疏关系、调整视觉样式。同时,提升了表格组件中不同字段的视觉差异化表达,使其符合用户的使用习惯,减轻信息获取负担,提升查询、操作的效率。
我们首先引入 F 型网页浏览模式,制定了视觉浏览动线,结合用户的的使用数据和操作习惯将各功能点进行了合理的整合、排序。具体表现在:
将「数据概览」前置,与优先级最高的「工作项」切换放在第一行的最左侧,改为 tab 组件的样式,解决工作项扩展的能力。通过「数据概览」可视化工具,管理者和成员可以查看较为详细的迭代概览数据。 其次,将筛选器、快捷搜索、高级筛选聚合在一起更好的发挥数据筛选能力,让用户可以快速的定位和使用,进一步提升查询、操作效率。 将「看板/列表视图切换」移动至第二行的右侧,此外我们也优化了组件的视觉表现,让组件间的区分度更加明显。 ② 完善迭代不同使用场景下的基础能力,提升协同效率。
一个迭代分为不同的阶段,不同阶段下对应着不同的协同场景,对应的管理者和普通用户对产品的使用也有着不同的诉求,沿着用户使用场景出发的思路,我们制定了不同的优化策略。具体从两方面进行了优化:
补齐迭代列表缺失的功能模块,降低管理成本
在迭代管理、查询场景下,我们补齐了迭代列表缺失的功能模块,强化了管理场景下的关键信息的透传,提升迭代管理效率。
首先,补齐缺失的模块名称「迭代列表」,明确「迭代」的概念,增强用户对「迭代」认知。 同时,重新梳理了迭代卡片的信息层级,突出起止时间、进度等关键信息的透传,帮助管理员及时掌握迭代进度。 新增快捷搜索功能,有效解决在迭代数据过多时查询效率低的问题。 此外,降低了「新建迭代」按钮的权重,毕竟在实际使用场景中每两三周才会新建一个迭代,且只有权限的管理员才能新建迭代,偌大的按钮对于其他普通用户来说是一个非常大的干扰项。
增强自定义能力,满足不同团队的使用差异
不同团队负责的业务领域不同,对信息字段有着不同的侧重点。以看板视图、列表视图为例,我们增强了产品自定义展示能力,支持看板卡片自定义信息展示和表格自定义展示列的能力。
③ 营造高效、亲和的使用体验
重塑设计价值观
本次的体验升级中,除了关注业务主流程效率的提升,也重新思考了对用户的人文关怀。对于用户来说日常工作带来的压力已经够繁重了,希望通过设计降低用户的身心负担,为用户营造一个高效、亲和的使用氛围。
总结过往的迭代实践经验,我们确定了高效、专业、清晰、亲和的价值观,重新升级行云设计系统,提升产品品质。
弱化干扰项
此次优化中,一方面,秉承着“如无必要,勿增实体”的原则,我们删减了页面沉余的功能、弱化了不必要的视觉干扰元素,让页面尽可能保持简洁。另一方面,在相关数据的支持下,将页面中更重要的元素进行强调、放大,提升页面核心信息展示效率,营造高效、亲和的体验。
首先去除了干扰用户的色块,不仅减少了页面的割裂感,同时也增加了表格内容的展示面积。 然后,将页面中的高亮色进行了去色处理,比如 tab 切换,采用了不同字重文本和深浅色号来区分选中和非选中的状态。 同时,降低列表翻页组件的高度,配合这些色块的删除,在单位显示面积内新增了 2.75 行的内容显示高度。
沉淀新的设计语言
随着此次体验升级的落地,我们也沉淀出了行云的新设计语言、设计价值观,从颜色、字体、布局、删格等多个维度进行优化,实现交互和视觉双重体验升级,传达独特的品牌理念,并共建出一份供设计师和前端工程师共同使用的行云前端组件。使行云平台在多个应用场景中保持相同的风格,以少量人力成本,帮助设计师与前端工程师提升工作效率。
5. 上线反馈及后续规划
除表格组件还有些细节没有上线,其他优化点已分批次上线,整体的数据指标呈正向增长(uv 增长 10%,pv 增长 42%以上,用户停留时长增 54%,用户满意度评分由 2.18 上升到 3.76,推荐愿意指数由 5.23 上升到 8.14),同时也收到了用户的诸多好评。
以上策略都是针对「迭代」页面进行的优化,所采用的新的页面样式,我们又在其他核心流程页的面中验证了通用性和扩展性,并生成模版。此次体验升级产生的页面布局样式会在其他产品模块优化过程中逐步推广,敬请期待!
三、总结 行云的产品初衷就是让产研协作更加顺畅、高效,我们相信通过这次产品体验升级能够更好的帮助用户降低用户认知负担、提高操作便捷性,进一步提升协作效率。基于本次「迭代」模块积累的优化策略,接下来我们会继续完善其他产品模块中的不足,有针对性的进行设计聚焦、提升产品体验,为用户打造更高效的协作体验,为业务创造更多的价值。