无论是在生活场景、工作场景还是学习场景中,视频播放的普及度都已经非常之高,为我们的多元化场景带来便利。视频功能在产品中的体现也已经成为基础功能,在设计层面的不断优化对于产品设计师来说至关重要。
本文特意结合目前比较热门的产品,为大家梳理了涉及到视频功能的产品在设计上面的解决方案。希望这些优秀的设计思考可以带给产品设计师更多的灵感,不断探索和发现优秀的设计解决方案。
影视类产品在不断优化用户体验的时候,为了满足用户在一些特殊场景下的使用体验,推出了后台播放的附加功能。比如用户在步行中、骑行中,或者处于不便于观看视频的场景中,可以采用后台播放。视频将会以音频的形式后台播放,让用户从视听体验转为音频体验,也是一种变相的解决方案。
思考:考虑到用户的多场景需求,而不只是底层的需求。
很多用户在睡觉前都会习惯刷一下视频,有时候经常会忘记关闭视频就入睡了,第二天起来发现手机没电啦!定时关闭功能的出现解决了用户这一痛点,可以根据自己入睡的大致时间评估,设置定时关闭的时间段。人性化的功能设置在细微之处考虑到了用户痛点,图标设计也是结合场景化表现,提高用户对于产品的操作体验。
思考:帮助用户培养习惯和解决用户可能会出现的失误,以情感化的方式拉近与用户之间的亲和力。
为了考虑到特殊人群的使用体验,让视频播放的效果符合不同用户的视觉感知,色觉障碍优化的功能设置人性化的呈现了解决方案。该功能针对色觉障碍用户的临床表现,优化视频色彩来提高画面辨识度。
思考:考虑到特殊人群的使用体验,才能把产品的体验延伸到更多的场景。
随着短视频的盛行,利用空余时间刷视频成为用户消磨时间的方式之一。对于视频上传用户来说,根据视频拍摄的题材会选择适合的比例,有些题材适合横屏比例。
抖音作为短视频平台积累了庞大的用户量,视频的种类和播放比例也是丰富多样。为了满足用户的播放需求,设计了“全屏观看”的切换按钮,方便用户观看宽屏视频的需求。观看体验的升级带给用户人性化的体验,也方便更多比例视频的完美呈现。
思考:为用户提供匹配当前内容的方式,而不要局限在内容创造本身的匹配度上。
在刷短视频的时候,刷到自己感兴趣的内容想要继续看完续集,以往的做法是进入作者主页挨个寻找,视频多了找起来很慢,用户体验很差。短视频平台提供了“刚刚看过”的快速定位操作,点击之后会直接定位到刚刚看过的视频位置,方便用户观看续集。人性化的功能设置节省了用户的操作成本,方便一些持续更新的视频内容更好的进行观看体验。
思考:节省用户的时间就是提高自己的认可度,培养用户的依赖度。
在观看一些儿歌、短片视频合集的时候,右侧的视频目录区采用名称和视频截图预览呈现,直观的预览效果增加点击观看的欲望。小朋友在刷儿歌视频的时候,降低了学习成本,切换视频也更加便利。
思考:降低用户的理解成本,才能获得用户的青睐。
情感化的设计可以拉进与用户之间的亲和力,体现产品人性化的一面。在特定的节假日或者特殊时间内,为了增强氛围,视频播放暂停的设计上面设计师也投入了很多小心思。比如在跨年期间,双击屏幕暂停时会出现绽放的烟花效果和 2021 年的绚丽文字,氛围的营造带动了跨年的氛围,带给用户更加温馨的感官体验。
思考:提高用户体验的设计,就存在于细微之处的变化中。
有时候我们没有明确的观影目标,打开一个视频后还想继续寻找更好的影片,又怕当前影片有看点。“画中画”功能解决了这个痛点,观看视频时点击“画中画”当前播放视频缩小窗口显示在侧边,用户还可以继续浏览新的内容,筛选更多可能性。
思考:在用户没有明确目标的时候,带给用户多种选择性。
将影片投到电视观看是家庭观影的最佳选择,让观影体验不局限于方寸之间的设备上,还能与家人朋友一起观看影片。如果家里有小孩子需要看动画片之类的,除了投屏电视给他们观看以外,自己还能继续在 App 上观看别的影片,双向选择提高了用户的多场景需求体验。
思考:特殊场景下不仅需要满足用户的需求,也要考虑用户可能会出现的周边困境。
各种手势的研究是产品设计师探索的方向,在刷短视频的时候,向左滑动除了进入作者主页以外,也有产品选择曝光作者更多视频作品。更多视频的曝光不仅方便用户观看续集,还能通过更多视频的观看建立对作者的好感度,让用户充分的判断是否需要关注作者。该交互形式给用户提供了更多的判断权,也提高了作者更多视频作品的曝光度。
思考:通过交互形式的改变给用户带来便利,也给作者带来曝光度,平台也提高了使用体验,这是最稳固的体验三角形。
在视频播放中的手势交互为用户的操作提供了便利,短视频中的单击暂停/播放、双击点赞、长按浮层、左右滑动也有对应的内容变化。目前运用比较多的是单手操作的手势,同样的手势在不同的产品中也激活不一样的功能操作,比如影视 App 中通常是双击暂停/播放。作为产品设计师我们在交互设计的时候,手势的变化在视频功能中的运用可以深入探索。
思考:手势交互的运用可以在原本的基础上实现更多可能性。
在很多自媒体上大家经常会看到很多影视片段的 GIF 动画,不仅增加了趣味性,也间接的传播了视频内容。很多视频类产品为了给用户提供自动生成短视频和 GIF 动画的便利,提供了一键生成的操作,不仅可以选择内容区间,还可以自由控制时间。便利的操作降低了用户的学习成本,还增加了用户分享的趣味性。
思考:帮助用户降低在外部平台上分享内容的制作成本,也是提高自身内容被分享的概率。
截图属于手机系统自带的功能,通过交互路径操作或者设备按键快捷操作完成。而视频播放器自带的快照功能更便利,一键操作随时定格画面,还能快捷分享或者制作表情,非常的便利。
思考:只有把操作的时间和难度降低到临界值,才能让用户逐渐形成依赖。
在观看影片的时候,针对一些故事情节比较长的影片,我们可以选择观看指定角色的片段,或者选择倍速播放等来实现个性化的观影选择。忙碌的生活让我们少了一些观影耐心,这也是短视频备受喜欢的因素之一,片段的播放需求满足了这部分用户的需求。
思考:个性化的功能服务可以培养用户对产品的忠诚度,这是形成种子用户的关键。
由于移动端设备的大小限制,如何在有限的屏幕内进行延展设计,是产品设计师探索的方向。分屏设计是在保持当前视频播放的前提下将屏幕划分为更多模块,不影响内容进展的情况下进行更多功能操作。
比如爱奇艺观看视频时的夸夸功能操作,在操作功能的同时不影响用户的观影体验,增加用户观影时的互动性。
思考:有限空间内的更多可能性设计,是设计师不断探索的过程,尽显方寸之间的设计能力。
还有更多关于视频功能在 UI 场景中的运用案例,这里仅抛砖引玉的列举了部分设计分析,更多分析我们下期继续。
针对单一功能的体验总结,是分析和积累同一功能不同设计解决方案的形式,辅助增加设计需求中的效率发挥。产品体验日记总结的不同维度带来不同的深度思考,希望这个维度的总结起到抛砖引玉的作用,带给大家更多的思考方向和总结思路。
蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。
文章来源:优设 作者:黑马青年
分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
随着互联网的发展,近这几年设计圈子里大家都在讨论UGD(User Growth Design),要向UGD转型等等,以用户为中心,以增长为导向,这个概念本身并没有问题,而且是对UED的一种非常棒的进化和升级,要求设计团队需要具备更综合的专业能力与视野。本着对团队的升级优化,我也以UGD的思路对团队有了新的更高的要求,然而在这个过程中却发现在很多问题。
随着各种社交平台的传播普及,什么闭环、串联、颗粒度等等这些互联网黑语,满大街飞来飞去,设计师们的PPT、汇报资料是越来越丰富多彩,但项目效果却并不明显。数据、增长的概念确实是铺开了,但却成了PPT里的装饰,并没有真正落地生根。
经过很长时间的摸索,我们终于有了一套适合团队自己的UGD思路,也一步一步的在不断的优化提升,下面以我们做过的一个项目(用户投资路径优化)为例来说说我们对UGD的思考,以及设计师对数据分析以及场景化设计的思路。
作为设计师,最常关注的用户数据就是转化率、点击率、停留时长、跳转路径等等,从单一数据来看,都是一些常见的简单的数据,但要真正能够分析用户,还需要结合实际场景来分析。
案例:
我们在分析交易线的数据时发现了一些问题,并对数据做了对比分析。
[ 项目列表页 ]
用户的点击主要集中在前十个投资项目,占据整个页面点击的80%。
[ 项目详情页 ]
用户通过列表页进入到详情页,详情页的浏览率较高,但转化却很低,另外优惠券的点击率十分高,超过85%,意味着进入到详情页的用户,基本上都进入过优惠券页面,而最终促成成交却很低。
以上是整个交易环节最初始的两个页面,也是最核心的页面,从单个页面的数据(点)来看都属于正常漏斗数据表现,接下来我们从用户路径(线)的角度来继续分析。
我们从用户当中,抽取了部分最终完成了交易的用户,对整个交易路径的进行分析,结果发现用户在列表页——详情页——优惠券这三个步骤之间反复切换。
不难看出,用户在列表页、详情页、优惠券选择页来回切换,即使最终产生交易,但整个路径耗时长,反复操作,跳转不合理,导致大量流失,这是目前数据所呈现出来的情况,也是问题的核心所在。
案例:
这是最典型的购物交易场景,通过上面的分析,我们再结合场景化的思路进一步整理思考用户的操作行为目的。
用户为何反复的从列表页进入详情,又跳转回列表页再进入详情页?这就是突破口了,想清楚这一点,解决思路也就清晰了。
我们举一个现实生活中的购物场景来帮助思考分析(灵感来源于生活)。
购物路径1:想买东西-找到对应的货架-使用优惠券并买单;
购物路径2:有优惠券-到超市看看有没有想买的-使用优惠券并买单;
在现实生活中,除了”有想买的东西”这一主观需求外,对交易产生一定决策作用的,就是优惠。
结合前面对投资用户路径的分析来看,用户交易路径如此反复,实际上就是在同样的资金投入的前提下,对比不同的项目、不同的优惠,如何搭配才能利益最大化,这就是用户的最核心需求。
基于场景化的分析明确用户的核心需求,确定需要增长(优化)的数据指标,我们提出来了两个解决方向。
[ A方案——详情页的快速切换(优化) ]
,在原有的路径上,保持用户的操作习惯,新增详情页左右滑动切换的功能,用户学习成本低,开发成本低,可快速上线,但对于路径优化、数据对比不够直接,治标不治本;
[ B方案—— 设计新的快速路径(创新)]
结合前面分析的两种现实生活中的购物场景,在原有的路径上,针对平台老客对平台项目的规则详情已经清楚了解的特点,设置多一条快速通道,减少干扰,对比直接,加快老客的决策速度,但用户学习成本高,开发成本高,虽然治本但风险也大。
案例:
A方案直接开发上线即可,上线后就可以收集数据进行分析了,经过两周的时间,从数据表现来看,交易总时长稍有所下降但并不明显,约下降了2%,而交易率基本持平。
[ B方案最终UI稿 ]
在此期间B方案完成设计开发后,协调产品运营推广等业务方,选择确定部分渠道进行ABtest,经过一个多月,持续收集数据反馈优化方案,多轮ABtest后,从数据反馈来看,B方案数据提升明显,有效的降低了用户的决策时长(降低了近20%) ,提升交易成功率(老客转化提升1%),说明方案的可行性强,随即全量更新。
在后续工作过程中,持续根据数据表现,分析,发现并提出问题,提出解决方案,测试验证,不断的循环重复,持续提升用户体验,以数据为依据,以增长(优化)为目标,这就是我们对于UGD的一些思考跟尝试。
蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。
文章来源:站酷 作者:包大佬
分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
很多设计师包括我在内对按钮尺寸有着颇多困惑。为什么很多产品甚至苹果本身并没有遵循 44pt 的标准规范?为什么有些场景下的 CTA 按钮那么小?按钮的最佳尺寸到底是多少?按钮规范背后到底是什么样的科学依据?这些依据可否量化?
emmmm,如果你和我一样有着这些困惑,本篇文章应该可以给你很多启发。
按钮的尺寸具体影响到的依旧是视觉和交互的两种能力。
视觉能力上很好理解。当一个元素尺寸越大,人眼就越容易抓捕到这个元素。所以那些越重要的东西,往往会给予更大的尺寸来强制用户注意到它,这也可以解释为什么甲方总喜欢不停地在背后指指点点嫌弃元素太小,就是因为这些元素对他们来说非常重要,只是他们没有我们那么专业,知道强调一个东西的手法不仅仅是放大一种策略。
因此,相对较大的按钮尺寸从视觉上,可以迅速捕获用户的注意力,对点击行为是有益的。
而在交互能力上,涉及到的依然是前篇提到的菲茨定律——目标尺寸越大,移动至目标所花费的时间就越短。所以,较大的按钮尺寸可以降低用户交互的交互成本,使得目标更加”易点“,对点击行为同样是有益的。
但是,按钮尺寸并非越大越好,一方面是避免视觉上的失衡,另一方面也会受到界面空间限制、以及场景差异等因素的影响。
我们先来看下 iOS 的。苹果规定的最小点击区域是 44pt,这意味着一旦点击区域低于 44pt,将可能会出现点击失准的情况。当然,一些控件(标签栏图标、文字链)可以在视觉表现上只有 24pt*24pt,但是会在周围加入额外的填充使其达到 44pt。
但是,在实际的 iOS 原生产品界面中,很多按钮并未严格执行 44pt 这个数值。小于 44pt 的按钮比比皆是,比如信息页的发送、App Store 的获取、购买浮层的确认、添加 siri、导航类右上角的工具型按钮,它们的点击区域为按钮本身,但是均未达到 44pt。况且其中有一些还是非常典型的 CTA 按钮,比如 App Store 产品详情页中的获取按钮,它的高度仅仅是 27pt。
而 Android 中的按钮建议尺寸是 56dp,但是和 iOS 一样存在着大量低于这个尺寸的情况。其中不乏那些 CTA 按钮。
这些情况的发生其实也很好理解,每个按钮所对应的用户场景、业务诉求不同,因此并不能一招鲜用一个尺寸吃遍所有场景。但是,有没有一些科学的依据来可量化地解释按钮尺寸对点击的影响?
著名产品设计师斯科特·赫尔夫就曾在他的文章《Using science to make truly tappable user interfaces》中提过,iOS9 的 Apple Music 在锁屏界面下的按钮过小,经常会发生无法准确点击的情况,他需要集中精力精确得点击才能完成任务。
不过苹果在 iOS10 之后,锁屏界面下的三个按钮、乃至进度、音量的控制球全部被显著地增大。这使得歌曲点击操作的错误率明显下降,不论是在什么场景下(你懂得,跑步、挤地铁这些不可控的场景下总是会有听歌的需求)都可以轻松地点击。
而他为了解释按钮尺寸所带来的变化,引入了历史上著名的两个实验。
第一次实验
2006 年,芬兰 Oulu 大学,Maryland 大学和 Parck 学院的研究人员组成一个研究小组。他们的研究目标是,确定在触摸屏幕上单手使用最容易的按钮尺寸。
他们进行了两组不同场景的实验。第一组让受试者执行一次性的任务,点击一个 CTA 按钮、复选框或者多选框;第二组让受试者执行多次连续的任务,比如输入电话号码。并且在实验期间,研究人员测试了每一种场景下按钮的尺寸。最终的实验结果表明,单个任务下,按钮尺寸小于 9.2mm 后错误率显著增加,而多次连续任务下,按钮尺寸小于 9.6mm 后的错误率显著增加。
特别的是,对于多次连续任务,9.6mm 到 11.5mm 之间的错误率基本不变。
看到这,来稍微总结一下,9.2mm 和 9.6mm 是两个关键的尺寸节点。在单次任务和多次连续任务下,按钮尺寸分别小于 9.2mm 和 9.6mm 会导致错误率的攀升。这个结果和 MIT Touch Lab 研究得出的最佳热区尺寸 10mm 很接近。
第二次实验
当然,这还不算完。5 年后,德国两所大学的研究人员又进行了一项类似的研究,目的是确定触摸屏幕按钮的最佳大小。
他们的实验方法相对就很潮了。他们专门开发了一款安卓游戏,游戏玩法也很无脑:玩家必须要精准地点击到屏幕中任何地方飘动的任意尺寸的圆圈,游戏才能继续。并且速度越快,得分也就越高。
这款游戏在上线之后被下载了 10w 次,并且悄咪咪得暗中记录了用户所有的点击行为,记录总量约为 1.2 亿次。
最后根据统计分析,得出了错误率和圆圈尺寸的图表关系。你可以看到,和 5 年前的实验同样,呈现类似的指数关系。研究人员根据图表发现:
在圆圈尺寸小于 12mm 后,错误率开始逐步提升。在尺寸小于 8mm 之后,错误率高达 40%以上。并且研究还发现,在圆圈尺寸超过 12mm 之后,玩家的正确率并没有得到显著的提升。
由上述的两个实验,我们可以概括出一些有用的结论。
那么,按钮的最佳尺寸到底是多少呢?
斯科特将实验得出的关键尺寸与苹果、谷歌和微软三大规范进行结合,发现了一些有意思的现象——
可以看到 Android 和微软的尺寸,基本对应到了这两项实验得出的关键尺寸。
最后,再来看下开头 iTunes 的锁屏界面的按钮。可以看到从 iOS9 到 iOS10,苹果将按钮可点范围由 7mm(44pt)扩大至 12mm(82pt),结果也正好符合了微软的规范。看到这里,你肯定更困惑了——按钮的最佳尺寸到底是多少?
其实,并不存在什么按钮的最佳尺寸。
不论是 iOS 的 44pt,Android 的 56dp,还是微软的 82pt,都需要具体情况具体分析。界面布局、用户场景、业务诉求等等,都属于按钮尺寸的影响因素。
比如下面这些 iOS 端产品的 CTA 按钮,它们的尺寸最小到 26pt,最大到 87pt,而且每个产品内部的 CTA 按钮也存在差异。你能说出这些按钮哪一个是最佳尺寸吗?
当然,我们起码可以去界定一些相对可控的范围。
这里我简单根据斯科特文章中的结论,结合市面主流产品的情况划分出按钮的几类尺寸:
1. 常规场景、局部模块
比如 App Store 的产品详情页的获取,知乎中个人主页的关注,都属于当前页的局部模块,点击之后通常是状态的变化或者出现新的弹层。这些按钮的尺寸我建议控制在 28pt~40pt 之间。
2. 常规场景、全局模块、强业务属性
比如微信个人页的添加好友、各大电商商品详情页的加购、登录注册页的登录注册等等。这些页面的 CTA 按钮隶属于页面全局,所以可以给它极高的权重、甚至全局吸底展示(如详情页),以更快地促进点击。通常,这类按钮在常规场景下具备了最大尺寸。我个人的建议是保持在 40pt~60pt 之间。
3. 不可控场景
不可控场景的意思就是,用户点击按钮时所处的场景可能比较特殊,并且这种特殊的场景很可能给用户带来一系列无法掌控的风险。
比如 keep 在跑步场景下的按钮,就需要充分考虑到跑步时不稳定的状态,如果按钮和常规场景一样,那很容易发生无法准确点击的情况,增加意外事故发生的概率;包括来电场景、地图导航场景、快递取件场景等等,都属于不可控的场景。各位可以自己代入脑补一下,这些场景中无法准确点击时容易产生什么样的后果。
所以这些场景中的按钮就得够大,以尽可能覆盖到那些极端的不可控情况。我个人的建议保持在 60pt~90pt 之间。
当然,这仅仅是很粗略的参考区间值,如何结合现有业务诉求、用户场景需求等因素去合理地界定才是重中之重。如果为了追求最佳效果或者尺寸的一致性,反而有些舍本逐末的意思。
其实从知乎去年 10 周年的大改版可以看到一些有意思的细节。很多按钮的高度比以往更高了。比如盐选会员的续费按钮,由之前的 36pt 提升到了 40pt。
个人主页的关注按钮也由 28pt 提升到了 32pt,你仔细看的话,按钮的宽度也发生了变化,从之前的 90pt 提升到了 100pt。
邀请回答界面中的写回答按钮,也由原本的文字链,提升到了实心按钮,高度则直接复用了关注按钮的尺寸——32pt。哦,不好意思,这应该是按钮设计形式上的改变。
总之一句话,知乎这次的改版,CTA 按钮的尺寸更大了。我们从尺寸对点击行为的影响可以推导出,这次改版背后更为明确的业务目标——促进UGC内容生产、促进关系链沉淀(一旦沉淀了复杂的关系链,用户也就更难以离开平台)以及会员付费转化。
蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。
文章来源:优设 作者:转行人的设计笔记
分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
据说只要可能犯错,就一定会有人犯错,用户犯错的可能性比我们想象中要大得多得多得多
做好防错与容错,可以让用户更顺畅...
据说只要可能犯错,就一定会有人犯错,用户犯错的可能性比我们想象中要大得多得多得多得多。
做好防错与容错,可以让用户更顺畅的达成自己的目标。
恩,用户总是那么不可理喻对吧
都做得那么明显了,还犯错。该提醒的也提醒了...诶~
打住,打住,当用户犯错时,别急着怪他,我们需要先判断清楚。
用户委屈的说:“来来来,我就想下载一个资源,大家都是讲道理的设计师,来评评理,我错在哪里?”
这,这... 每一步的确都好像没问题,那,问题究竟在哪?
作为设计师的你是不是已经敏锐的察觉到了什么?
对,关键点在 ' 67bh ' 这里。都是空格惹的祸!
那好,你准备好方案救用户了吗?......(这里理论上应该停顿30s以上吧)。
当然,现在不会公布答案,方式有好多种。留着你看完文章中间部分再跟大家一起找方案吧。
这一部分的重点不是方案,而是思维。
很多时候,用户并没有错,作为一个有担当的设计师,我们可不能甩锅。
有了这个前提,我们就可以去掉心中的那些烦躁和埋怨...开始愿意伸出援手,去拯救用户了。
对,这个疑问就已经包含了解决方案了。
真的感叹中文的博大精深,避 (防错)、免 (容错)。
为了让大家能更好的理解什么是防错和容错,我特意举一个例子哈~
(什么,防错容错你都懂?你怎么知道我讲的跟你想的一样呢,既然这么厉害赶紧做下面这道题。)
对,就是图片里那个拿滑板的家伙,估计是第一次来这片海滩,有鲨鱼都不知道,还使劲忘海里冲...
从避(防错)的角度来看,你有什么方法帮他呢?(先不考虑哪种方法更好也不要考虑成本哈,能达到目的的都行。)
友情提示:防错的目的是让用户在操作之前,尽量减少用户出错的可能性。
看看的你脑袋是不是真的转得飞起...
我这边有几个想法,看看我们有没有缘,想到一块儿去了:
大声告诉他,这位拿滑板的大哥,海里有鲨鱼,别忘海里冲了...
警告这位大哥,嘿兄弟,这里只允许坐轮船和直升机去海岛那边。
在通往海岛的路线全程搭起防鲨网。
恩,目前就想到这些了,还有方案的同学可以在评论区炸沙发哈。
这些方式,我们试着抽象一下:
【提前做好引导和提示】大声告诉他,这位拿滑板的大哥,海里有鲨鱼,别忘海里冲了...
【优先选择减少输入】警告这位大哥,嘿兄弟,这里只允许坐轮船和直升机去海岛那边。
【限制原操作范围】在通往海岛的路线全程搭起防鲨网。
大家应该都发现了,这种方式虽然能达到让用户安全的目的,但是用户会有挫败感,同时也会有被限制的感觉。
我只要说到USB插头,大家应该就开始脑补画面了吧“为什么我插的进去的第一次永远是错的方向,OMG!”
那,容错呢?
还是这位拿着滑板的大哥,想要去海上的小岛,从免(容错)的角度来看,你有什么方法帮他呢?
友情提示:容错的目的是在用户操作之后,自动纠正/化解错误或提供挽回的方法。
我有几个奇怪的方法,来跟大家分享一下:
呃...驯化/杀死鲨鱼。
派一直专业驱鲨救援队跟随这位大哥(滑板大哥:我何德何能,太感动了)。
同样,我们继续抽象一下:
【让原本的错误不影响用户行为和结果】呃...驯化/杀死鲨鱼。
【出现错误可挽回】派一直专业驱鲨救援队跟随这位大哥,出现鲨鱼就杀鱼。
诶,成本好像非常高哈,但是用户感觉良好哦~
因为他甚至都感知不到这片海还有过危险,按自己喜欢的方式行动就行。
我提一提微信消息的撤销功能,大家可能就会舒缓一口气了。
不知道挽回了多少个尴尬的瞬间,是吧~
可是...我只是一个有无缚鸡之力的设计师,我肝不过鲨鱼怎么办?
来来来,前面那个喊救命的大哥又来了,大家赶紧想想办法吧~
(第一步和第四步就是单纯点击,就先删掉了)
前面讲的方法也列在右侧了,看看你们是不是可以针对每种方法找到对应方案了呢?
看看是不是可以这样?
方案一:使用方法-提前做好引导和提示
方案二:使用方法-优先选择减少输入
方案三:使用方法-限制操作范围
方案四:使用方法-出现错误可挽回
方案五:使用方法-让错误不影响结果
在这个案例中,大家觉得那个方案更好呢?
好吧,这个问题的确很蠢。当然是 方案二 + 方案五 结合使用了。因为是两个平台的交互,而对于各自平台而言,一个控制好输出,一个控制好输入。对平台自身的容错性有很大的帮助。
通过上面的案例,相信大家都已经熟练掌握好防错和容错的方法了。
什么,还没掌握?那你滚回去,(望着你正在慢慢蜷缩的身体)不.........不是你滚,是你的鼠标往回滚!
那,我们先不管那几个往回滚的同学,开始进行强化学习啦~
找了一些生活中经常用到的产品,让大家感受一下防错容错的魅力。
如果你根本无法从图中发现什么,那我只能说... 你还是需要经常用银杏叶擦擦眼睛了(因为擦了之后你就更容易发现(人性)。
案例先到这里,大家一定以为要结束了吧~不,不,前面这些都不是最重要的。
方法总会越来越多,靠“别人”总结的方法也就能应个急。
来来来,放空~~~~抛弃你的职业相关认知、抛弃你的设计师的身份,你再看我们的设计。
你像孩子一样,好奇又“无知”。
你会发现,为什么会有这么多奇怪的看不见的规则,为什么我这么难完成我的任务。
如果当客户遇到问题,你能用合适的方法去解决,那你已经是个不错的设计师了,但离优秀还很远,因为优秀的设计师必须具有敏锐的嗅觉,要在产品团队的前面,感知并规避风险。
所以,更重要的还是,我们必须学会变身。
好了,这一次真的需要大家独立思考了,并且没有标准答案,大家可以交流交流。
在以下场景中,可能会出现什么“错误”,如何有效处理用户“犯错”?
在生活中,其实会有很多很多“让用户犯错”的产品/场景,多参与其中,去发现问题,去思考解决方案,慢慢的,你就会具备非常好的问题发现能力和解决能力了。
说了这么多,可能有一部分同学会想说:
“用户出错的情况应该很少吧,你花这么长的篇幅”
“你一定低估了用户的智商”
我告诉你,出来玩玩,谁带智商做事啊~
不信你看。
百度一下,你会发现用户犯错的可能性大大超出你的预期。
只是,你以为与你“无关”而已。
要防止用户犯错,你需要不断的模拟用户的操作行为,去捕获那些可能存在的问题,然后将它一一化解;这个过程很难,因为你要抛开自己以往的经验和认知,去感受用户的视角。
想想,用户体验的改进不就是让产品越来越符合用户认知,从而减少用户“犯错”吗?
只是有些错误,我们只作为围观者,将它推向了用户。
从现在起,将“错误”留给自己。
蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。
文章来源:站酷 作者:得勿
分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
合理的移动导航设计能够尽可能地减少摩擦,引导用户去他们要去的地方。
这篇文章汇总了移动端导航设计最常见的样式、要注意的设计准则以及优秀的案例分析,一起来系统性地掌握这些知识~
简单来说,导航是用户从 A 点到 B 点的方式,是他们发现设计点并与产品交互的过程。
可能很多用户认为导航的目标是“在尽可能短的时间内让用户从 A 到 B”,但时间短只属于操作结果,这个结果需要依靠合理且简单的设计才能实现。
△ 一个页面中可以存在多种导航。例如在油管首页,有顶部导航栏、筛选器导航和底部导航,这些导航相互搭配为产品助力。
1. 汉堡菜单
围绕汉堡菜单有很多争论,但存在即合理,在合适的场景下汉堡菜单也能发挥大的作用。
来看一下汉堡菜单具备的优势:
△ 使用用户熟悉的设计可以事半功倍。例如美团和饿了么两个产品有着完全不同的主题色,但外卖点餐流程却是一样的,仍然是用户熟悉的操作,并没有因为产品的不同而改变点餐流程。
2. 底部导航
底部导航栏通常包含产品中最主要的导航链接,用户只需要简单的点击就能直观地在不同页面间切换。
△ 几乎每款产品都缺少不了底部导航栏,它方便用户单手操作,不需要太费力就能快速访问产品页面,提高可用性。
3. 顶部导航
关于顶部导航,可以看之前分享的文章,里面详细介绍了顶部导航的设计方法。
△ 顶部导航通常包含页面中最重要的信息,与其他辅助导航结合使用。
4. 卡片式导航
卡片式是一种出色的设计样式,支持改变各种形状和大小,并且能展示文本、链接或照片等各种元素。
随着网络上的内容越来越碎片化和个性化,卡片是在页面中聚合单个信息的好方式。
△ 为了改进体验,卡片可以个性化显示不同的内容。另外卡片很容易适应不同的屏幕尺寸,配合响应性设计。
5. 标签
标签往往是在一个大主题下同时支持多个选项,每个选项都转到不同的界面。
△ 标签通常用于在同一页面中的几个视图之间切换,展示内容上的差异性。而顶部导航栏有主页、搜索、收藏夹等多个图标,代表不同的功能。
6. 基于手势的导航
基于手势的导航可以让用户在所需方向上快速滑动,来完成特定的操作。
这种样式的优点在于,即使最没有经验的用户也很容易掌握,因为手势通常是直观的。
△ 国外大火的约会产品Tinder以及国内的探探,都使用了基于手势的导航样式,为用户带来滑动的乐趣。
△ 基于手势的导航并不是Tinder发明的,但这款产品无疑将这种流行带给了大众。经典的向左或向右滑动模式保持了事物的动态性、简单性和娱乐性。
7. 全屏导航
全屏导航是指将大部分屏幕用于导航操作,能够很好地将用户的注意力聚焦到具体的产品细节上。这是一种以连贯的方式提供大量导航的方法,可以立即帮助用户了解产品的功能。
△ 点击图片可以跳转到全屏大图导航中,能够更清晰地查看商品的外观状态。
8. 3D touch
最初是由苹果公司提供给用户的,这是一种创建导航快捷方式的方法,可以显示选定的 APP 的一些关键操作。
△ 苹果为手机创造了一种全新的快捷方式,同时提供了强大的可用性。
△ 3D touch另一个用途是内容预览,在处理内容选项时例如收件箱或文章列表时,这是给用户提供预览的好方法。
1. 导航需要直观明显
对所有类型的导航来说都是如此。在移动端中由于屏幕空间的缩小和交互成本的增加,导航体验的好坏会对产品产生很大的影响。
△ 从可用性角度来看,直观的导航对目标用户来说至关重要。这意味着需要进行严格的测试和大量的研究,可以使用卡片分类或树状图等方法来验证导航的可用性。
2. 考虑手指的位置
这点对于移动应用来说至关重要,没有用户想反复点击图标却没有反应。
△ 链接和按钮的尺寸需要足够大,以便大多数用户在第一次点击时就能成功点击。页面中按钮的尺寸最小通常保持在10mm。
3. 建立视觉层级避免混乱
小屏幕意味着更容易陷入混乱。即使页面中有少量的元素,如果元素没有平衡,用户仍然会有混乱的感觉。
△ 极简主义是UI设计的一种特定风格,通过必备的顶部导航栏、留白以及由大小、版式、颜色划分的视觉层级来规划页面内容。
1. Facebook
Facebook 的导航构成比较复杂,融合了多种不同样式的导航。
△ Facebook主页包括汉堡菜单、顶部导航栏和底部导航栏。通过这种方式,这家社交媒体巨头明确的将主要内容与次要内容分隔开。
2. Spotify
Spotif 作为音乐流媒体业务的巨头,即使对于新用户来说,页面的设计也容易理解和探索。
△ 以高度视觉化的形式突出每张卡片背后的关键内容,另外底部导航也可以完成繁重的任务指引。
3. App Store
App Store 是使用标签进行导航的好例证,每个标签代表了同一内容的不同方面。
△ 在排行榜中,用户可以浏览付费、免费和热门的标签页,从而快速建立一致性和对其他页面的感知。
4. Telegram
Telegram 可以供任何人使用,汉堡菜单提供了用户可能需要的所有关键导航选项。
△ 每个用户都能立即找出汉堡菜单,非常容易使用和理解,而且几乎不占用界面中的宝贵空间。
5. Yelp
yelp 在创建全屏导航体验时采用了一种稍微不同的方法。
△ Yelp将屏幕划分为两个不同的区域,实际上并没有将整个屏幕专门用于导航选项,而是将顶部用于导航选项,并在底部留下更多的负空间。
6. Trello
页面中的卡片是拉长的矩形,整齐有序地填满屏幕空间而不会让用户不知所措。
△ 卡片系统很好地代表了Trello简化复杂工作流程的能力,为用户带来整洁和方便。
7. Twitter
同样使用了多种导航混合的设计样式。
△ Twitter将导航重点放在底部栏上,涵盖了整个平台中四个主要的方面。
没有高速公路,我们很难便利地在城市间穿梭。同理,如果没有导航,一款 APP 的使用也会遇到很多麻烦。导航就像高速,不断在为用户提供必要的指引!
蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。
文章来源:站酷 作者:Clip设计夹
分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
面对国内外竞品崛起,QQ 音视频如何寻求突破,制定对用户有价值的策略,赢得数据增长和用户口碑。
要突破用户增长停滞的困境,需从全局角度思考,对问题所处的系统进行分析与洞察,找出拓展应用场景的机会点,提供技术或价值创新的功能与服务。
首先,针对 QQ 音视频所处行业的竞争态势进行全面、系统的分析,包括内部优劣势,以及外部机会和威胁,以此制定相应的策略与计划。
关注竞争对手,更要研究用户,通过用户调研洞察用户需求,找出 QQ 音视频应持续巩固优化,以及需考虑突破的使用场景。
综观音视频的行业发展与科技趋势,有三个主要的发展方向:
超高清视频
5G 高带宽、低时延将开拓更多玩法和业务场景,超高清视频通话将带来更豐富的感官體驗,犹如面对面沟通。
应用场景多元化
从使用场景来看,音视频已走出会议室,从单纯的沟通交流,扩展至丰富的应用场景,广泛服务于人们的日常生活。
智能终端+音视频云服务
未来智能终端将具备联网连接的能力,搭配音视频服务提供商的云服务,使得通话无所不在,可随时通过智能终端进行音视频通话。
综合前述分析,提出 QQ 音视频的用户体验愿景(UX Vision)和价值主张(Value Proposition)。
QQ 音视频的本质在于沟通,其声影重现的独特优势,消弭了空间距离。未来随着通信技术的演进,高画质、低时延、实时互动的感官体验,将实现远距临场(Telepresence)的终极目标,使用户感受到近乎面对面交流的体验,就像在眼前〝一起做〞某些事。
2. 价值主张
综上所述,提出 QQ 音视频为用户传递的价值——社交临场感(Social Presence)。
临场感相关理论与研究,源自 Short、Williams 和 Christie 等三位学者于 1976 年所提出的社会临场感理论(Social Presence Theory),指的是双方通过传播媒介进行沟通的过程中,所能感受到对方真实存在的程度。QQ 音视频凭借高度的媒介丰富性,提供实时响应、语言/非语言线索交互,使用户能轻易地在社交互动中感知对方真实存在,进而在心理上获得归属感与认同感。
根据过往文献与媒介特性,将 QQ 音视频的社交临场感分为四个层次:
界面质量(Interface Quality)
界面可用性与视觉设计不会干扰操作,能让用户专注于音视频沟通。
真实感(Realness)
音视频的声画体验及与人交流的方式,能贴近于真实世界。
互动性(Interactivity)
用户之间的互动交流越强,越能感受到对方的存在。
情感传达(Affective Expression)
通过情绪表达、环境氛围的营造与对方建立连接,在心理上感到彼此的存在。
围绕社交临场感的价值主张,制定突破当前困境的目标与设计策略。音视频产品除了广泛应用在通讯场景,正逐渐赋能更多创新场景。基于 Q 群生态和调研结果,聚焦于生活、办公、娱乐等场景进行探索。
两个主要的设计目标:
重塑体验
回归通讯本质、夯实基础体验,对通话界面进行改版设计,让用户专注于音视频沟通。
场景探索
开拓应用场景,通过社交临场感赋能生活、办公、娱乐等场景需求,为用户创造价值。
针对 QQ 音视频的应用场景,制定相应的设计策略。
界面质量是影响社交临场感的关键要素,然而调研结果显示,QQ 音视频的通话质量和体验落后竞品,包括主界面功能复杂、通话流程痛点多、核心能力落后竞品等体验问题。
针对上述问题,提出 QQ 音视频改版的设计思路:
1. 化繁为简,回归本质
分析不同通话类型的用户习惯,以及各个功能的使用数据,区分功能优先级,分为核心功能、辅助功能、高级功能等三个层次,重新定义功能架构与布局。
2. 链路排查,解决痛点
运用认知走查(Cognitive Walkthrough)快速排查通话过程存在的用户痛点,并将缺失的功能与信息补齐,最终解决超过 16 个以上的可用性问题。
3. 补齐短板,超越竞品
对于视频画面的思考:
QQ 采用 1 大 N 小的画中画模式,适合 1 人主讲、他人观看的场景,主客位明显,缺少一种与他人共在的感觉;反观微信是 9 路宫格画面,视频画面仅聚集在上半部,有利于节省流量,但同时也限制了屏幕利用率。
兼合上述两者的优点,设计了 16 人视频通话的功能:
16 人视频通话也延伸了不同的创意玩法,例如祝朋友生日快乐、拼字表白或求婚。
QQ 视频通话重度用户的通话对象,主要来自恋人伴侣,这类用户最希望获得〝在一起〞的陪伴感,而社交临场感的〝真实感〞是营造音视频陪伴感的关键因素——彷佛对方就在眼前,两个人一起聊天、一起做某些事。
1. 让他 ‧ 她看到最好的你
声影的真实感,是让对方感受到你就在眼前的必要条件。真实感包括流畅度与清晰度,通过用户行为分析,发现在不同场景下,用户对视频清晰度与流畅度有不同偏好 。
为此,QQ 音视频开创了的高清 / 流畅模式,用户能根据自身需求做选择,切换自动、流畅 480P、高清 720P 三种模式,针对不同模式定制码表,匹配不同的帧率和码率。除此之外,QQ 音视频也与手机厂商合作,开发 QQ 5G 1080P 超高清视频通话,提前布局 5G 应用。
2. 记录〝在一起〞的时刻
创造情感连接,有助于拉近彼此距离,营造陪伴感。有什么是情侣、闺蜜平时会做的事,因为分隔两地不能一起做了?
循着这个思路,设计了全新的双人合拍模式。距离遥远的两人,通过 QQ 音视频实现留影合拍,让彼此的情感得以沉淀。另外,为了增添合拍时的乐趣,该模式结合了 P 图资源与人脸识别的能力,让用户可选用场景模版与挂件,创造属于两人的高光时刻。
3. 〝一起做〞某些事
情绪之间的感染,更能强化陪伴感与互动感,据此设计了第一款支持视频聊天的一起看应用 ——视频包厢。有别于Q群一起看的广播形式,视频包厢诉求更亲密、1v1的陪伴感,彷佛对方坐在身边,一边看剧、一边聊天。视频包厢的价值,除了提升QQ音视频的互动性,也为关系链活跃拓展应用场景。
线上会议是办公用户主要的使用场景,一方面将聚焦用户核心需求,思考办公场景的功能设计,另一方面增强用户之间的互动性,让会议更具社交临场感,就像面对面沟通一样高效。
1. 沟通更多元
为什么需要文字聊天?当主持人开启全员静音,此时无法回应讲者;多人通话时,最多同时听到 6 个人的声音;不方便开麦或摄像头,又想参与互动。
为了解决痛点、完善沟通形式,QQ 音视频新增了文字聊天的功能,可通过手势快速展开 / 收起聊天界面,并支持发送表情和文字消息;这些消息只会在通话界面沉淀,不影响未参与会议的群成员,避免不必要的打扰。
2. 轻松会议管理
对办公用户而言,线上会议需要完善的管理机制。QQ 音视频尝试结合 Q 群管家机器人,小成本实现通话预定。用户能设置通话主题、开始时间、会议提醒,并支持分享会议链接到微信、QQ 空间等其他渠道;获取链接的用户,能快速拉起 QQ 加入会议。
3. 以我所⻅为你呈现
面对面分享是信息共享最有效率的方式,分享者能够当面指出要点,有效地表达与沟通。QQ 音视频借助系统镜像投屏,实现边通话、边共享的能力。在商务会议中,将手机中的信息与操作,实时同步给其他参会成员,例如文件、照片、邮件内容等,并支持同步画面、设备声音。另外,诸如游戏分享、作业辅导、操作协助等场景,都能通过屏幕共享满足需求,为用户带来实质性的效益。手机端最后一块拼图完成后,QQ 多端皆可实现屏幕共享,现已成为 QQ 音视频的口碑能力。
疫情期间,线下聚会被迫停止,线上娱乐应运而生。在此契机之下,借助音视频实时互动、声影重现的特性,开启了新的娱乐形态——QQ一起派对。
QQ 一起派对是基于音视频展开的实时社交游戏,旨在打造真实聚会游戏体验,让游戏过程更贴近线下真实场景,就像面对面一起玩聚会游戏,能与好友边玩游戏、边聊天。通过环境氛围的营造,包括场景具象化、增强代入感等方法,实时感知好友的情感变化,从而获得社交临场感,在心理上感到彼此的存在。
此外,有别于竞品需通过点击按钮作答,QQ 一起派对利用实时语音识别,让用户通过更自然的人机交互方式,在游戏过程中进行语音抢答,彷佛置身于真实世界中与好友互动。
QQ 音视频经过一系列的体验重塑,获得不错的成果。基于生活、办公、娱乐等场景深挖需求,新增许多实用功能和创新玩法,为用户体验和价值创新奠定良好的基础,且归功于这些积累,以致于在疫情期间,QQ 音视频能不畏竞品的挑战。除此之外,多项新增能力,例如屏幕共享、视频包厢、QQ 一起派对,获得用户广泛好评;调研显示,用户乐于将 QQ 一起派对推荐给其他人,足见该功能获得不错的用户口碑。
对于音视频行业来说,疫情迎来的爆发式增长,无法保持高速成长态势,会有一定程度的回落,但能提高大众接受度和习惯养成,认识到音视频能在一定程度上替代线下沟通,不仅限于通讯功能,音视频应用拥有更多的可能性,正逐渐赋能更多创新场景。为此,QQ 音视频基于社交临场感,探索并赋能生活、办公、娱乐等应用场景,提供技术或价值创新的功能与服务,为用户创造独特的价值。
面对市场上同类竞品的崛起,作为一个 UX 设计师,除了因应产品思维设定目标,亦应思考如何以价值驱动解决问题:对于如何解决问题、迈向未来愿景,提出最适切、有效的方法。换言之,要关注的不只是当前面临的问题,更重要的是擘画用户体验愿景,提出该产品的价值主张,并制定相应的设计策略。
蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。
文章来源:优设 作者:腾讯ISUX
分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
听到<夜配色>这个词,你脑海中会联想到什么样的色彩?或者什么样的画面?
可能最容易被人联想到的就是黑色,因为夜晚给人的印象通常就是一片漆黑。如果继续联想,可能有的人也会想到蓝色,因为真实的夜晚也并非纯黑,但是这种蓝一定是暗色的蓝。
但是夜晚也并非什么都看不见,有时候也会有光亮,比如自然的星光或者人造的灯光,这种光可以是冷色的。
当然也可以是暖色的。这些情况基本上就是人们通常会联想到的关于<夜配色>的色彩形象。
而让大家失望的是,这些通常会想到的色彩印象其实都不属于<夜配色>的形式,那到底什么是“夜配色”呢?
电影《绿皮书》海报
这个需要从第 91 届奥斯卡金像奖最佳影片《绿皮书》说起,《绿皮书》的海报色彩很美:水蓝色的汽车与天空色相呼应,司机也穿着蓝色的上衣,整个画面都散发着明净的蓝青色调,奇妙的是,后座的“主人”却穿着一件咖啡色系的套头衫,但是露出的衬领同样也蓝色系的,其实这种色彩组合就属于<夜配色>。不过大家先别急,我们接着往下看。
电影《绿皮书》剧照
不仅电影海报如此,整部剧中的色彩搭配也始终保持着<夜配色>的基调。比如女演员明亮的蓝色针织外套与褐色的裙子就形成了夜配色,其他场景也是如此,这正是它迷人的地方。电影《绿皮书》讲述的是一段跨越种族、阶级的友谊故事,而<夜配色>恰恰具有民族的、世界的、神秘的、共通的色彩属性。
具有以上这些属性,很大程度上是因为这种色彩搭配的不常见性,不常见不代表就没有规律可循,任何色彩搭配必定有它的内在规律,我们不能只看表面,抓到本质才能掌握它的内核。我们把刚刚提取的这几组颜色排列出来分析一下。
我们看这些色彩有什么共性:上方的颜色纯度或明度都是在偏低的范围,而下方颜色的纯度或明度都普遍偏高。如果再结合冷暖色来看我们会发现,上方都是暖色系,而下方都是冷色系。
因此我们可以总结出:低纯度或低明度的暖色搭配高纯度或高明度的冷色,这种配色形式就是<夜配色>,也叫<影印色>。
如果大家难以理解,我们可以再通俗一点,就是暗浊的暖色搭配鲜亮的冷色。严格来讲<夜配色>并不算什么真正的配色技巧,无非属于冷暖色搭配范畴,但是因为搭配在一起很特别,所以我们就把它单独拿出来作为一种搭配原则来探讨。
异域情调
最早引入<夜配色>这一概念的是服装领域。很多咖啡色系的衣裙如果只是搭配黑色或米色等色系,整体上虽然和谐但也会显得单调和乏味,所以就会加入蓝色系,这时就会有不一样的感觉。并且<夜配色>的搭配具有高级感,比如蓝色的牛仔裤就可以试试搭配驼色上衣。
复古绅士
而且<夜配色>的搭配男女通用,比如男士的话可以是水绿色的毛衣搭配棕色西装外套,或是是领带、胸花都可以。男士使用夜配色,很有时尚感,会显得精致典雅,细节处彰显低调华丽的质感,整体具有复古绅士的浪漫气息。
魅力碰撞
使用<夜配色>也可以考虑面积配比,想要冷暖碰撞的效果,通常情况下就是在上半身和下半身使用一对夜配色,比如葡萄酒色配天青蓝,充满异域风情。
点睛之笔
当然也可以用点缀的方式来使用<夜配色>,比如用鲜亮的冷色搭配低明度的咖啡色,用鲜亮的冷色来点缀,展示高级感,对于服装搭配而言,衣领、袖口、包、鞋这些都可以是点缀色的应用载体。
对于这些<夜配色>在服装领域的应用,我们可以将它们提取出来,按照暖色和冷色重新摆放,然后旋转角度,不知道大家发现什么没有,其实<夜配色>的独特美感,像极了天空色与大地色的碰撞。
虽然到这里大家对<夜配色>已经有了一些基本的了解,但是想要良好的运用到设计当中,还需要继续加深理解,毕竟我们之前所看到的都是电影或者服装领域的<夜配色>,而我们切入的角度,就是先排除那些不属于<夜配色>的形式。
回到之前我们总结的,首先<夜配色>包含一种冷色和一种暖色,然后色调上分为暗浊的和鲜亮的,所以它们两两组合就会出现四种形式:也就是暗浊的冷色搭配鲜亮的冷色、暗浊的冷色搭配鲜亮的暖色、暗浊的暖色搭配鲜亮的暖色、暗浊的暖色搭配鲜亮的冷色。
暗浊的<冷色>——鲜亮的<冷色>
首先第一种就是暗浊的冷色搭配鲜亮的冷色,这种配色形式很常用,比如通常我们确定一个背景色之后,上方的文字色或元素色就会在背景色的基础上改变纯度或明度。
暗浊的<冷色>——鲜亮的<暖色>
第二种就是暗浊的冷色搭配鲜亮的暖色,这种比第一种更常见,因为这种形式就是我们通常所讲的冷暖搭配,一冷一暖,一亮一暗。
暗浊的<暖色>——鲜亮的<暖色>
第三种形式就是暗浊的暖色搭配鲜亮的暖色,这种搭配形式整体方向也是比较偏向统一协调的,不会有太大的问题,但也很难给人眼前一亮的视觉冲击。
暗浊的<暖色>——鲜亮的<冷色>
最后一种就是暗浊的暖色搭配鲜亮的冷色,也就是我们这期教程中所讲的<夜配色>,这种配色形式运用到平面设计领域,整体上还是可以保留它的气质和风格的:神秘、充满异域风情,当然我认为这些属性并不是一成不变的,但是不变的是<夜配色>会给人不一样的感觉,因为通常人们都不太会这么配色,所以我们什么情况下去使用<夜配色>,相信大家心理已经有答案了吧。接下来我们来尝试几个案例。
这是一个人物插画,首先我们先将人物皮肤的颜色填充进来,然后是箱子。
接下来就是为人物的穿着填色,这时候我们就可以回想之前我们列举的服装搭配的例子了,我们可以将裤子的颜色填充一个大地色。
然后是上衣的颜色,如果是常规的人物插画配色,通常情况下衣服都会选择一个跟裤子颜色相统一和谐的颜色,但是如果我们想要一些不一样的效果,这时就可以使用<夜配色>,将衣服的颜色填充一个天蓝色,也是我们之前所讲的碰撞色,因为面积相当。
当然,我们也可以将裤子填充水蓝色,有些类似牛仔裤的颜色,衣服填充一个咖色,这也是一种<夜配色>。
或者我们也可以使用点缀色的形式,比如整体颜色是咖色,但是我们可以在衣领、袖口、裤脚这些小面积区域填充亮冷色。
再或者是鞋子的颜色也可以,或者再大胆一些给头发染个色。
我们也可以尝试一个网页首屏,比如画面中这种色调的图片现在很流行,本身就很适合我们这期内容所讲<夜配色>。
如果我们添加白色文字,虽然识别度很好,但是不会给人眼前一亮的感觉,会稍显平庸。
这时我们就可以尝试<夜配色>的搭配,当然文字色可以有选择,都可以尝试一下,甚至是偏暖一些的文字也不是说就不可以,我们总结出的规律要为我们所用,而不要被规律所限制,希望大家能明白这个道理,千万不要理解的太死板。
最后我又尝试了一个海报,海报的主题是“南非当代摄影展”,这个名字就会让我脑海中浮现出异域风情,所以我认为可以使用夜配色。
先将图片置入到版面当中,而这张图片本身就是大地色调,因此也是适合<夜配色>搭配的。
所以上方的背景色我们就可以填充一个天蓝色,现在整体上下色调对比就是<夜配色>的形式。
文字这里我们也可以不使用黑色,替换成大地色,下方的小字使用上方的蓝色。但是做到这里我感觉画面还缺少点什么,也就是整个版面的构图和文字编排都很规矩和工整,这时候就需要有一些破坏这种工整的元素。
所以我就在右下方这里添加了一个手写体的英文,为这个画面增加一些灵动,当然颜色上也是吸取上方的蓝色,形成呼应。
蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。
文章来源:优设 作者:研习社
分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
全球SaaS的起步可以追溯至1960年代兴起的分时系统(Time-Sharing System),20世纪90年代后,全球SaaS市场不断成长,日益走向成熟,其中美国是全球SaaS领域发展最迅速的国家。由于SaaS的概念在国内仍属新兴事物,大多企业对此认知十分有限。基于此,本文作者总结了中国SaaS的前世今生。
SaaS诞生于20世纪末期,与“古老”的企业应用软件行业有着密不可分的联系。很多入行不久的B端产品经理对SaaS的历史不是非常了解,因此经常有人问我“什么是SaaS”之类的问题。
今天,我就通过一篇文章,带你了解中国SaaS的前世今生。并且通过几个关键词的解读,分享我对“中国SaaS”的洞察。最后,我还会用专门的章节回答SaaS群网友提出的几个问题。
当然,受限于个人见识和经验,本文可能存在一些疏漏甚至谬误。所谓的“洞察”,也更多是个人肤浅的见解。因此,我更希望本文能抛砖引玉,引发更多思考。
20世纪90年代中期,随着Oracle、SAP等国外ERP巨头进入中国,并拿下华为、联想等一流企业,正式宣告了中国ERP黄金时代的到来。作为一个“舶来品”,ERP的崛起有着深刻的时代背景。
以上背景也在一定程度上导致了:SAP、Oracle牢牢占据了中国市场优势地位,而国产ERP软件用友、金蝶则相对弱势。即便到了“国外企业应用软件在中国逐步式微”的今天,SAP约10000亿元的市值,也远超用友的约1000亿元市值。
ERP时代还有一个明显的特征,即一套软件打天下。不管是SAP的核心ERP产品R3,还是Oracle的主力ERP产品EBS,都是一套软件配置多个行业的解决方案。以我曾任职的Oracle公司为例,EBS系统在中国的标杆客户包括阿里巴巴、中国移动、华为、美的、长安汽车、太平洋保险等。
这些公司分属不同行业,对软件的要求也千差万别,Oracle能满足他们的需求,除了产品本身配置能力强大(EBS软件安装需要200G以上的硬盘空间),以及支持灵活的二次开发,也离不开咨询公司给客户提供贴身的现场实施服务。
这些咨询公司包括国外的IBM、德勤,也包括国内的汉得、赛意等。
传统ERP的交付流程可以简单总结如下:
当然,不同项目的交付流程可能略有差异。比如客户在实施完第一期后,可能还会继续实施第二、三期。但对于大部分企业来说,大规模的实施在几年内基本都会结束。
这种更接近“一锤子买卖”的商业模式,为传统ERP的衰落埋下了隐患,比如:
1)怨声载道的用户
在整个传统ERP的购买决策过程中,普通用户是没有发言权的,他们甚至无法提前深度试用系统以提供反馈意见。因此,ERP厂商会将大部分精力用于“取悦企业决策层”,而忽视普通用户的意见。这就从根本上决定了ERP厂商缺乏改善用户体验的动力。
当然,“存在”就有其“合理性”。传统ERP毕竟是80年代的产物,在那个强调“管理”和“执行”的年代,ERP的商业模式并没有太大问题。
2)昂贵的交付成本
由于是“一套软件打天下”,而各个行业甚至各个企业的管理需求差异很大,这就意味着,传统ERP的交付模式非常依赖现场实施和定制化开发。这无疑会大大增加ERP的交付成本。
以我曾经负责的某个千万级ERP项目为例,“实施费用”是“软件和硬件价格”的4倍左右。
3)难以持续的收入
本质上,传统ERP的商业模式是一次性买断。
首先,软件和硬件费用,是一次性付清的;其次,实施费用在项目上线后,基本也会全部付清。虽然有二期、三期,但一般也就持续几年的时间。虽然部分客户可能会外包运维,但是这部分的金额和实施收入比起来,可能只有20%甚至更低。因此,从一个客户身上获取的收入,是逐年递减的。
当然,以上问题虽然严重,但并不致命。毕竟传统ERP的商业模式,一度非常成功,导致传统ERP衰落的根本原因在于:它已经落后于这个时代。
2010年以后,随着智能手机和4G网络的普及,移动互联网时代正式到来。但基于PC端设计的传统ERP,天生就缺乏移动化、社交化的基因。而作为传统ERP成功的基石之一:厚实的架构和丰富的功能,这次则成为它转型的“绊脚石”—将一个200G的软件重构一次,其工作量并不比重新做一个软件少。
同时,进入互联网时代以来,注重用户赋能和体验、强调MVP和小步快跑是软件开发的灵魂,而部分传统ERP企业,在理念、人才和机制方面的转变,可能还需要一点时间。
要洞察SaaS,必须首先了解Salesforce。因为,Salesforce是SaaS领域当之无愧的先驱。
Salesforce创始人贝尼奥夫曾经是Oracle公司的高级副总裁,因为意识到传统ERP的弊端,他在1999年离开了Oracle公司,随之创立了Salesforce,并第一次喊出了“软件已死”的口号(“We believed in the End of Software—that all companies would eventually use the Internet to replace all the software they once installed on PCs. This was our religion”——Benioff)。
作为SaaS领域先驱,Salesforce几乎一直在无人区前进,并一直保持着SaaS行业的领先地位。截止到本文发稿,Salesforce的市值已经超过2000亿美元,远超蓝色巨人IBM,并相比2004年刚上市时增长了200倍左右,是世界当之无愧的“SaaS第一股”。
了解Salesforce的历史,对我们看清中国SaaS的未来非常重要。实际上,截止到今天,中国SaaS的发展仍没有完全脱离Salesforce发展的基本逻辑。比如从小客户到大客户,从SaaS到PaaS,从传统互联网产品到AI产品等。这从另一个侧面反映了Salesforce的伟大。
Salesforce于2001年推出第一款SaaS版的CRM产品,并且获得了一批中小企业客户。但是,中小企业的付费能力有限,生命周期也相对短,这就使得客户的生命周期总价值LTV(Life Time Value)并不高。因此,到2004年Salesforce上市的时候,它仍然只是一家市值10亿美元的小公司。
但是,Salesforce很快就取得了突破。2008年,Salesforce推出了世界上第一个可以在统一架构上部署应用的PaaS平台——Force.com。通过降低对编程能力的要求,以及提高SaaS开发效率,PaaS平台可以降低SaaS创业者的开发成本,也可以帮助他们快速找到客户。
这使得Salesforce成为一个创业平台,创业者可以通过给各个行业提供更有针对性的产品,来实现自己的SaaS创业梦想。站在Salesforce的角度来说,这也增强了它服务大企业的能力。因为通过SaaS创业者的定制开发,它可以满足更多大企业的个性化需求。
对于大企业来说,软件产品功能的丰富程度是影响其购买决策的关键因素。为快速增强服务大企业的能力,Salesforce开始了疯狂的收购之路。比如2010年收购企业黄页数据库公司Jigsaw,2011年收购云平台社交管理公司Rypple。
Salesforce对时代的变化也非常敏锐,它意识到数字化时代的到来,于是不断通过收购和整合等方式提升自己的数字化解决方案能力。比如在2013年斥资25亿美元收购了数字营销软件公司ExactTarget。
到2015年,Salesforce在营收、企业数、付费用户订阅数、平均订阅规模等关键指标方面,都取得了跨越式进步(见下面的表格),这也标志着Salesforce不再是10年前那家只能服务中小企业的SaaS公司了。
数据来源:亿欧智库
完成大企业市场突破的Salesforce,并没有停下前进的脚步,因为,可能没有人比它更明白“时代抛弃你,都不会和你打声招呼”的含义了。
2018年7月,Salesforce收购AI营销平台Datorama;2019年6月,Salesforce宣布157亿美元收购数据分析平台 Tableau;2019年7月,Salesforce宣布与阿里巴巴达成战略合作,以便为大中华区企业提供SaaS服务。毫无疑问,AI+国际化是Salesforce当下的最重要战略。
2020年7月10日,Salesforce迎来了新的里程碑:市值达到了1791亿美元,首次超过了Oracle公司的市值(1761亿美元)。这一历史性的时刻,也宣告了SaaS颠覆传统ERP时代的到来。
参考资料:
Salesforce在国外的成功,很早就引起了中国企业的注意。
在Salesforce上市的同年同月,中国的SaaS公司八百客宣告成立。同年,发布了它的第一个SaaS产品:CRM beta版本。
作为第一批吃螃蟹的中国SaaS创业者,八百客也有过高光时刻。比如在2011年,八百客宣布获得来自Salesforce的B轮融资。但是到今天,已经很少再听到八百客的消息了。如今提到知名的SaaS版CRM,我们更多会想到销售易、纷享销客、红圈营销等,而他们多成立于2010年前后。
除了八百客等创业公司,用友和金蝶等老牌ERP厂商也先后尝试了SaaS业务。比如金蝶在2005年收购HK会计在线,随后投入研发力量进行SaaS产品架构的搭建。但是,2010年以前的中国SaaS市场,仍旧波澜不惊。
早期的中国SaaS,从模仿Salesfore开始,艰难地探索着。
2015年,常常被媒体称为中国SaaS元年。
首先是2014~2015年的SaaS融资消息频出。根据IT桔子的数据,2014年SaaS融资74起,是2013年的2.6倍;2015年SaaS融资84起,融资金额估计近40亿,是2013年的10倍,如下图所示。
同样在2015年,阿里巴巴发布钉钉1.0版本,正式进入SaaS市场。同年,纷享销客完成1亿美元的融资后,开始疯狂进行广告投放。
而钉钉也不遑多让,一时之间,两家ToB公司的广告占领了腾讯新闻、今日头条等互联网媒体首页,甚至投放到了分众传媒、机场和地铁等。SaaS市场一下子引起了更广泛的关注。
不过,这只是热闹的表象。SaaS崛起的根本原因在于,随着4G网络与智能手机的普及,移动互联网时代已经到来。传统ERP无法满足移动互联网对于体验和效率的要求,天生就具有互联网基因的SaaS则顺势切入了这一块新兴的市场。
比如,曾经有一家国外知名建材厂商主动找到我当时所在的SaaS公司。他们斥资几百万购买了某国际厂商的CRM系统,用于管理分布在全国各地的专卖店。
但是由于很多专卖店位于偏僻的县城,同时也为了节省开店成本和加快开店速度,他们希望能够在手机端进行简单的下单、查询库存等操作。该CRM系统的移动端体验和操作效率存在诸多问题,根本就无法在一线门店推广。迫不得已,他们只能放弃几百万的投资,找到SaaS公司希望购买一套系统。
虽然中国SaaS满足了企业移动办公与管理的需求,但是要颠覆传统软件,“攻占”主流的大企业市场,仍然还有很长的路要走。在这方面Salesfore的发展是一个很好的参考:在推出PaaS平台之前,Salesfore由于无法满足大企业个性化的需求,只能更多服务于中小企业市场。
而即便有了PaaS平台,Salesfore仍然不断通过收购和整合,提高自己产品的丰富度。本质原因在于,获得一个大企业客户很容易——比如你可以向它的某一个部门销售一个小SaaS工具——但要成为大企业的主流供应商,则必须拥有丰富的、有竞争力的产品能力。
2020年,SaaS迎来了重要的机遇。
疫情的发生,让线上化办公、数字化运营的趋势加速。大家都意识到,数字化转型是未来的趋势(从百度指数可以看出来,如下图所示)。拥抱SaaS,是大部分企业的必然选择。
“数字化转型”的百度指数趋势
敏锐的资本马上嗅到了市场的变化,越来越多的资本开始涌入SaaS赛道,甚至很多投资人告诉我,他们后续将专注于企业服务赛道的投资。
据B2B内参统计,2020年国内SaaS共发生134起投融资事件,融资总金额超157亿元,是2015年融资总额的4倍左右。到了2021年,热度仍未消退。截至目前,已经有多起过亿的SaaS融资消息。
比如电子签名领域的法大大,宣布融资9亿元;跨境电商领域的Aftership,宣布融资4.3亿元;智能客服领域的智齿科技,宣布融资2亿多元。可以预见,如果没有发生黑天鹅事件,2021年将依旧是一个SaaS融资大年。
2020年的机遇,既是偶然,也是必然。必然性在于,数字化转型是大势所趋,SaaS作为低成本、高效率的数字化转型方案,是大部分企业的必然选择;偶然性则在于,疫情的发生,教育了市场,让这一趋势更加凸显。
2020年的机遇,虽然带来了更多的资本,但是中国SaaS自身的“效率”问题仍没有被有效解决。所谓效率问题,我简单分为了以下两类:
企业去哪里寻找SaaS厂商?如何才能低成本匹配到合适的厂商?
如何快速上线?如何低成本满足个性化需求?如何打通多个SaaS系统?
在国外,Salesfore通过自建PaaS平台解决了以上两类问题,从而为万亿市值打下了基础。而在中国,阿里云、腾讯云等互联网巨头则盯上了这一块“肥肉”。
2021年1月14日,阿里云钉钉在6.0版本发布会上,宣布推出宜搭等低代码开发工具,让不懂代码的用户也能快速开发新应用。
同时,全面开放底层能力和1300个API接口。阿里云智能副总裁、钉钉事业部负责人叶军表示:“我们相信,有这样一个全新的应用开发平台的价值,以及充分开放的钉钉底座能力,一定有机会在三年之内在钉钉上长出 1000 万个钉应用。”
有趣的是,钉钉宣布推出低代码开发工具的第二天,腾讯宣布:腾讯云“低代码LowCode平台”正式开启公测。
其实,钉钉6.0发布会一结束,我就断定,微信和飞书一定会跟进。因为,解决大企业的个性化需求是SaaS发展必须迈过的一道门槛,而通过少数几家平台来提供PaaS工具,对于大多数SaaS创业公司来说,是最好的选择。毕竟,PaaS平台的建设周期太长,耗费的成本太高。
毫无疑问,中国SaaS,正在迈入平台时代。
了解了中国SaaS的前世今生,我们对SaaS的认识可能仍然是肤浅的。接下来,我就通过几个关键词的解读,和你分享我对中国SaaS的洞察。需要说明的是,“一千个人眼中有一千个哈姆雷特”,可能你会有不同的观点,也欢迎你留言和我探讨。
SaaS的本质,其实和传统ERP一样,是企业应用软件,服务于企业经营和管理。但是,SaaS的灵魂,却是互联网。
在互联网时代,通过高效的互联网工具,可以用低成本服务于海量用户,同时还能提供更优质的体验。因此,互联网商业模式的特点,往往都是标准化的产品,以及海量的用户。因为只有产品标准化,才能集中资源做出最优质的产品;而只有服务于海量用户,产品的成本才能被无限摊薄。
中国SaaS崛起于互联网时代,必然需要符合互联网时代的要求。但是在追求标准化产品和海量用户的过程中,SaaS却遇到了障碍:标准功能无法满足大企业个性化的需求。
很多SaaS企业因此选择了定制化,从而变成了“项目型”公司。我想说的是,这样的公司很难有大前途。就像Salesfore,如果它没有“逼迫”自己开发出PaaS平台,而是妥协于客户的定制化需求,“一个项目一个项目的交付”,那就很难有今天的万亿市值。
收入留存率是SaaS公司的生命线。
SaaS采取订阅模式,即每年向企业收取“使用费用”。这种模式既是魔鬼,又是天使。
在传统ERP时代,由于是一次性收费,反而规避了软件厂商和咨询公司的风险,即便客户后续使用情况不佳,也无法把“已经付出去的钱”收回来。而在订阅模式下,一旦客户停止使用,就意味着SaaS公司无法继续向客户收费。
由于相对于第一年的订阅收入,SaaS的获客成本很高,因此如果客户早早停止付费,就意味着SaaS公司会严重亏损。当然,从好的一面来看,由于理论上可以永续收费,而且随着客户使用深度、广度增加等原因,客户可能还会增购。
这就意味着SaaS公司可以获得稳定、可持续增长的收入来源。这就是为什么部分SaaS公司能够获得40倍市销率的原因。
而如何判断一家SaaS公司的客户整体上是在流失,还是在复购?是在增购,还是在减少购买?客户规模是在扩大,还是在萎缩?收入留存率无疑是一个非常好的指标。
那么,收入留存率如何计算?公式如下:
收入留存率=留存客户当前的年费收入/留存客户12个月前的年费收入
可见,首先需要锁定12个月前的留存客户,再计算收入留存率。比如,2019年年底,我们留存了1000个客户,产生的年费收入是2000万元。到了2020年,这批客户只留存了800个,产生的年费收入是1800万元,那么:
收入留存率=1800万元/2000万元=90%
为了方便对比,我们也计算一下客户数量留存率:
客户数量留存率=800个/1000个=80%
前者比后者高了10%,可能是因为已留存客户产生了更多的增购行为。
因此,收入留存率实际上综合评估了客户的流失、增购和减少购买等情况,体现了SaaS公司服务客户和保留客户的能力。在订阅模式下,收入留存率无疑是SaaS公司的生命线。
在这里,我们也简单说一下“收入增长率”。收入增长率是一个比收入留存率更加综合的指标。因为导致“收入增长”的原因,除了客户留存和增购,也有可能是“新客户的获取”。
因此,一家SaaS公司拥有优秀的“收入留存率”很重要,但是拥有优秀的“收入增长率”也同样重要:这意味着SaaS公司可能同时具有很强的客户服务能力和销售能力,因此具有很强的增长潜力。
在传统ERP时代,软件公司非常重视交付的满意度,因为这决定了能否成功回款;而在SaaS时代,SaaS公司则更加重视使用的满意度,因为这直接影响到收入留存率,是SaaS公司的生命线。
而如何才能实现较高的客户满意度呢?
其实最直接的办法,就是通过SaaS让客户提高收入、降低成本或者巩固自己的竞争优势,这就是所谓的“客户成功”。很多人一提到“客户成功”,下意识就会想到“客户成功部”。其实我觉得,除了客户成功部,产品经理对SaaS的客户成功也有举足轻重的影响。
比如,再及时、细致的功能解答,都不如让产品更加高可用,避免客户的问题;再巧妙的解决方案文档,如果产品本身没有沉淀“行业最佳实践”,也可能变成“削足适履”。如果你是SaaS产品经理,你一定要记得:客户成功,也是你最重要的责任。
SaaS公司要成为大企业市场的主流供应商,PaaS能力至关重要。其原因在于,大企业业务流程和组织架构复杂,经营和管理都很个性化。因此,除非是办公协同等通用型SaaS,专业型SaaS很难做到100%满足大企业的个性化需求。
同时,大企业特别强调“整体优化大于局部优化”,他们普遍希望打通各个环节的信息系统,这样不管是从流程处理上,还是数据分析上,都能有更高的协同效率,以及全局视角。
大企业的这两个需求特性催生了iPaaS(集成平台即服务)和aPaaS(应用平台即服务)。所谓iPaaS,其实就是提供一个集成平台,帮助SaaS解决相互之间数据同步、流程集成的问题;而所谓aPaaS,则是提供一种低成本的应用搭建方式,方便SaaS公司和客户企业定制应用,以满足个性化需求。
PaaS很昂贵,如果每个SaaS公司都自己做一套,既不经济,也不可行。因此,平台化PaaS是大势所趋。
虽然SaaS公司都在竭力追求 “客户成功”,但对于中小企业来说,因为缺乏优秀人才和先进的经营策略,成功应用SaaS工具远不是“成功”的充分条件。
而对于SaaS公司来说,由于SaaS天生的互联网属性——高效率的互通互联、自动化的数据采集与分析——这就意味着,如果SaaS公司具备优秀的数字化经营能力,就能够低成本的把这个能力“溢出”给他们的客户,从而创造更大的价值。因此,我把这个运营思路称为“经营能力溢出”。
当然,“躬身入局,深入经营”对于大部分软件开发出身的SaaS公司来说,无疑是巨大的挑战。因此,深入一个行业或者细分领域,从脏活累活干起,耐心打磨,也许是更务实的选择。
虽然同属于B端产品,但自研产品与SaaS的差异,还是比较大的。
简单来说,自研产品只服务于一家企业,因此相对于产品标准化,更强调和业务的贴合度,以及需求响应速度;SaaS服务于众多企业,因此产品标准化被放在了最重要的位置,和业务的贴合度、需求响应速度就相对要求低一些。
建议:从0开始,搭建一套全新的SaaS产品。不要试图用同一套产品,既满足自身业务,又满足众多外部客户的业务,长期下去,会两头不讨好。
搭好棋盘,放好棋子。要做SaaS产品架构,“收集需求再抽象化”不是最佳的架构路径,而是直接学习“最优秀的同类产品”,然后站在全局的视角来梳理客户需求。当然,如果你是所在领域的先驱者,那么可以参考同类传统软件架构。
只要是“把软件作为一种服务”来销售,那就是符合SaaS的基本特征。虽然是私有化部署,但是如果客户仍然是使用标准化产品,厂商仍然持续升级,并每年收取订阅费用,那么就仍然是SaaS模式。
文章来源:人人都是产品经理 作者:王戴明
分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
蓝蓝设计的小编 http://www.lanlanwork.com