首页

如何正确的采取SaaS的定价策略?

资深UI设计者


编辑导语:随着SaaS行业的不断发展,对于该领域的许多企业来说,其实定价就意味着制定企业的商业模式。那么如何正确的采取SaaS的定价策略?本篇文章将会从三个不同的定价来检查定价策略的连续性,以及不同的价格如何确保公司商业模式各个方面的关联。


我最近一直在思考一个问题,一款付费产品定价多少才算合适,用户才愿意付费?这边举例某视频App,几乎每款视频会员每月的定价在15-25之间。

如何正确的采取SaaS的定价策略?

平台开放新用户首月6元,三个月后转至15元每月。

因为价格比较低。所以很多新片上映的时候,大多数人会选择充值3个月的视频会员,但是三个月结束后呢,用户还愿意付款全额去购买会员吗?又有多少人为了所谓的喜爱视频去付费呢?

视频内容则是用户付费的基础,后续又开通了超前点播功能,让热播的视频变成炽手可热的赚钱工具。

我们观看视频的时候肯定出现过一种情况,因为版权问题,我们需要到不同的平台观看自己喜爱的视频,这就导致我们需要下载好几种App,再充值几个会员。对于一个本身不富裕的家庭无疑是雪上加霜。

后来我跟几个朋友商量,我们三个人在不同的平台上开通一个会员,我们互相登录对方账号,这样我充值一个会员就可以获得三个平台视频的会员,想想还挺划算。

最近很多朋友问我SaaS软件中,到底如何定价才合理?

随着SaaS行业的不断发展,对于该领域的许多企业来说,其实定价就意味着制定企业的商业模式。

然而这其实并不是唯一的“支点”,但随着公司规模的扩大和用户群体的增长和变化,逐渐演变成一种不断变化的商业模式。

如果一家公司从初创公司转向主流规模扩张阶段,那么就可以看到该公司需要更专业,更有利可图的用户群体来磨炼公司产品的市场契合度。

无论你的产品如何发展,如何了解定价策略和实施定价在发展阶段是至关重要的,采用不合适的定价模型很容易导致公司发展方向飘忽不定。

SaaS定价无非两种,一种是面向用户自助服务定价,另外一种则是企业服务定价。

在扩展产品和发展业务时,在确定定价策略之前需要回答几个关键问题:

  • 产品是否有锚定竞争对手(如果存在)或该产品是否可以成为替代品?
  • 该应用程序解决的需求有多强烈和频繁?
  • 该产品可以为用户或企业提供多少价值?
  • 价值是临时的还是持续的?
  • 你的网站上是否有明确的定价页面?还是你随机制作的?
  • 用户是可以通过微信支付宝购买还是可以通过各个付费机制付款(贷款金融)

如果你可以熟练地回答的出以上问题,说明你对产品的了解以及商业模式有着充分的了解,在这里我们通过不同的定价来检查定价策略的连续性,以及不同的价格如何确保公司商业模式各个方面的关联。

一、SaaS基础版:1K-2.5K

其实在跟业内朋友沟通定价的时候出现过一个问题,产品的定价到底需不需要商家免费版的机制供用户体验?

如何正确的采取SaaS的定价策略?

我们可以看到很多市面上的产品大多都采取有免费版的机制,主要产品可以快速的获取新用户,让用户快速体验该平台为自己带来的价值,这种模式虽然可以快速获取大量的用户。

但如果初创企业采用这种模式,会因为获取客户和服务的成本可能会在短期内影响产品的收益和公司盈利跟不上。

如果你的平均订单价值每年在2500以下,那么在这个级别上,你的客户获取成本主要是基于网络营销或者创建高质量的文章来教育市场并吸引潜在客户访问你的网站。

这里的关键是降低获客成本,如果有可能的话,考虑到现金流和减少用户流失的问题,可以鼓励客户先预付明年的费用,可以赠送一些特权模块,(选购3年赠送2年)此外还需要根据产品的实力来进行合理的规划。

这些客户当中可能是一些中小型企业,因此在可寻市场方面数量较多,推广起来相对比较容易,这类客户一旦有明确需求,产品可以响应他的需求,在这个价位上,购买决策通常会很快。

如果你的产品有这类定价模式,请将内容和网络集合营销作为你主要的客户来源,总的来说尽可能减少与客户之间的交互,因此只要确定用户进来,体验完成,提交订单就可以了。

二、SaaS进阶版:2.5K-6K

很多SaaS产品业务都占据了这个区域,但这个价格区间一个关键的要点就是获客成本很容易超过产品生命周期价值,从长远来看还是任重道远的。

在这阶段,客户体验过产品后,查看自己所需的购买模块,有的时候客户会因为喜欢一个功能,但是如果使用这个功能需要提升到进阶版,但是客户资金不足,但非常想要这个功能怎么办?你有没有办法解决这类问题?

我采访过一家上市SaaS企业公司的产品总监,当时我们在沟通这类问题的时候。

他的回答是:“这个问题说难也不难,侧重点在于用户想花更少的钱就可以获取自己想要的功能,那我们就把所有的功能模块展示出来,你想要那个就点击那个,然后根据该客户使用的模块来进行定价”。

我又问到他:“如果这种情况下企业会不会做到价格不可控,最终导致竞争力不足,被市场淘汰,因为本身全部开放的话,客户选择太灵活,没有大客户怎么办?”

如何正确的采取SaaS的定价策略?

后来我们思考了一段时间,就在上周四,我们重新探讨了产品定价策略,这个时候我们的解决方案是这样的,仅供参考哈:

首先我们预设三个版本,基础版(1000-2500),进阶版(2500-6000),企业版(6000+)。

我们通过制定不同的版本,大家可以看到价格之间的弹性较大,这是因为我们在定价过程中,采取功能列表上下浮动的方式来实施。

这样各个模块之内的功能都会确定,但客户在使用过程中可以选取自己想要的功能,这样会减少客户的成本,从而减少客户流失率。从而也会增加大客户获取的数量。

客户:“我只使用百分之50的功能为什么要付款百分百的金额!”

中间地带是SaaS公司值得关注的一个有吸引力的领域,优惠奖品大小和客户用户数量庞大,然而,特别是在这类用户,务必要好好维护,尽可能为客户提供更多的价值,如果客户付费金额和实际回报经济不稳定,失去了平衡,那么老用户也可能会不顾一切的把你抛在脑后。

如果企业形成了这样的病态,获客成本可能会螺旋式的上升。

三、SaaS企业版:6K+

这类客户其实是企业存活时间的基础,没有那个酒店每天上几桌子人就会达到盈利的,最终要是要靠婚宴包桌,企业宴请等大客户来维持企业。

这个阶段就需要产品与市场有着高度的契合度,如果你的客户超过百分之10的付费金额在一阶段,那么先恭喜你,说明你的产品基本可以运行了几年。

这意味着产品处于高频率销售领域,需要高管接触销售,长期跟进客户销售是常态,并且需要客户经理来确保产品能够持续输出产品价值。

因为这一段利润足够高,然而在这一阶段中寻找高触发客户对于SaaS初创企业来说是一个高风险策略,尤其是销售周期变长,如果“大客户”使用它,通过会拥有很大的影响力。

“企业客户希望通过定制功能的需求来塑造产品开发。”

或者需要超出该产品的典型覆盖范围的 SLA。在公司的发展中过早地针对这种规模的客户会冒着“过度拟合”你的产品及其功能以满足单个客户的特定需求的风险,从而使你受制于他们的需求并且不适合其他潜在客户的需求.

对于 SaaS 初创公司来说,追逐“大客户”是一种高风险的策略。除非资金充足,否则收购成本可能过高。他们可能拥有雄厚的财力,但难以落地,一旦落地,他们的需求将影响业务的所有领域。

更好的策略通常是在价格连续区间的较低部分关注更丰富的潜在客户,一旦你的功能集更加成熟并且您的销售模式已建立完善,则向上游移动。

你就可以去敲钟了!

四、理解复杂相互的关系

对定价连续性的概述应该清楚地表明你的定价策略不能孤立地决定,因为每个价格点的连锁反应都是相当大的。定价需要与所产生的价值紧密结合,但也要在更广泛的决策背景下考虑要服务的客户以及进入市场的途径以获取他们的信息。

认识到不同层级的固有风险将有助于确保您在导航定价连续体的不同步骤时定位组织的每个部分。

“SaaS 市场的不断发展意味着你可能会定期重新评估您在价格连续体中的位置”

例如,对于许多初创公司来说,客户需要从入门级开始,在几年内向高端市场发展。如果刚开始就从企业定价开始,那么请注意与销售相关的长销售周期和费用确实会给现金带来压力。

如果你迈出了这一步获得一些早期的胜利,因此你可以向你的网站添加一些标志,从使用中学习并随着时间的推移添加更多引人注目的功能.

这将使客户能够随着的解决方案、公司和市场的成熟而向上游移动。

最后,确定在该连续统一体中的位置很少是“最终的”——SaaS 市场的不断发展意味着您可能会定期重新评估您在价格连续体中的位置——毕竟,这是您早期的自然定价点随着您的成长,公司不太可能保持这种状态。

这就是为什么需要了解业务的所有不同要素之间复杂的相互关系如此重要的原因——成功地在定价范围内导航取决于彻底了解产品的定价策略如何与产品的销售、营销和支持策略以及产品路线图。


蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:人人都是产品经理   作者:秀琴

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务




feed流应该如何设计

资深UI设计者

编辑导语:在当今内容为王的时代,传统的信息流无法承载日益丰富的产品内容,一种个性化的内容推荐方式-feed流逐渐孕育而生。本篇文章中作者分析了feed流的组成元素,以及常见的feed流样式。推荐对feed流感兴趣的朋友们阅读。


在这个内容为王的时代,各个类型的产品都开始围绕着自己所处的赛道营造丰富的信息流,传统的信息流不再能承载当下丰富多样的内容,信息流也不再单纯属于信息类以及文娱类产品,许多金融类产品甚至是工具类产品都开始有了社区,不同类型的内容开始进入用户的视野。

因此传统的信息流无法承载日益丰富的产品内容,逐渐一种个性化的内容推荐方式-feed流逐渐孕育而生,其样式丰富,其中包括大卡流、双列流、沉浸流、动态流、文本流、动态流、橱窗流…..笔者将在本文中分析feed流的组成部分,以及使用场景和设计要点。

一、feed流的主要组成部分

笔者调研了不同类型的feed流,发现feed流主要由以下几个部分组成。如下图:

笔者为大家挑选了几个比较常见的元素为大家进行分析。

1. 图片/视频

在大多出产品的feed流中,占最大面积的就是图片或视频。相较于文字,图片更能够激发用户点击的欲望,在带有社区属性的产品中,设计师还需要考虑如何适配横屏以及竖屏封面。

其次是如果该位置出现的是视频。在常见的视频产品中,当系统识别出该内容处于用户界面的中间区域,则会自动进行预告播放。在1-2秒的时间内,用户能够快速浏览视频中最精彩的部分。在展现方式上通常使用带有圆角的距形进行展示,圆角一般设置为:8、10、12、14、16、20PX。

2. 标题

在feed的设计中,标题是最不可缺少的部分,在字体的设计上,大多数采用黑色字体。在排布方式上在一行至两行,如出现标题字数过多,可以用「 … 」的方式进行呈现。其次需要限制产品的创作者以及运营在配置标题时,注意文案应该简明扼要,不要过于累赘。

3. 文案

该区域可以叫做文案区域或二级标题区域,在该区域的设计中,字体颜色建议大多数采用灰色进行展示。在文案的编写上可以加入更带有引导性的词汇用于引导用户点击。

4. 标签

标签的出现目的主要有两个方面,第一个方面是帮助用户能够快速的区分内容的种类如:预告、独播、直播、精选、推荐等。用户可以在众多feed流中通过快速查看标签进行筛选,从而快速找到自己想看的内容。

第二个方面主要是帮助产品进行更加精准的流量分发,产品会根据用户的操作习惯进行分群,再根据用户兴趣给每个群体打上相对应标签。而这些标签则是对应了不同群体的用户,因此也就有了淘宝商城中千人千面的推荐形式。

5. 辅助信息

辅助信息主要是为了满足不同产品的信息呈现,如在视频平台中,辅助信息可以承载电影评分、电视剧的集数、播放量、综艺的更新日期、点赞数、评论等,甚至会加入相关的快捷操作如静音。辅助信息在设计中,不易做的过于突出,需要清晰单个feed的信息层级,挑选必要的信息进行展现。

6. 操作

操作区域的目的是为了产品的算法更加了解用户的偏好,因为用户的兴趣是会发生变化的,如果用户在某段时间突然特别不想看到某些内容,就可以通过点击操作将内容进行「不喜欢」或「减少相关内容」的操作,这样也能给予用户对于feed流一定的自定义。

在交互形式上,点击操作区域后,建议采用较为轻量的交互方式,如点击后出现底部弹窗或气泡的形式。

二、feed流的形式

仅仅了解了feed的组成部分是不够的。单个的feed流其实就像是英语学习中的单个单词一样,单独的去死记硬背某个单词其实意义是不大的,feed流的设计也同样如此。

我们还需要拥有能够将前面提到的组成元素,拆开和重组的能力,因为不同的产品业务属性不同,所需要给用户提供的内容也就不同。接下来笔者就给大家介绍一下常见的feed流形式。

1. 文字流

介绍:文字流多在信息类产品如知乎、百度,或产品的用户评论区当中。此类样式可以运用在以文字为主的feed流设计中,并且还可以与动态流(下文会提到)之间搭配使用。

由于适配度高,可容纳更多的操作按钮,因此可以服务与以UGC内容为主的产品,UGC产品需要强调用户之间的互动,需要将互动类快捷操作外露。

如下图:

使用场景:以文字为主的信息类产品,新闻资讯类产品、评论区、产品发现页/社区

设计要点:在文本流的设计中,需要注意的是区分信息的优先级,其中标题可以采用大字号加粗的方式进行区分,正文则可以采用黑色常规的字体。

操作区域以及辅助信息可以布置在正文的下方,灰色处理,头像以及标签可以作为一个整体进行布局。在交互上,可以将分享/评论/点赞等按钮外露,从而降低用户的互动成本。

2. 大卡流

介绍:该样式主要服务与以图片/视频信息为主要内容的feed流。以淘宝为例,在淘宝2020年提出“逛淘宝”的理念后,不再一味的追求交易的最短路径,而是让用户在首页点击了某件商品之后,进入的是一系列同类商品的feed流,而不是商品的详情页。可以看出,大卡流非常适用于图片/视频信息的展示。如下图:

使用场景:以图片为主的内容且需要搭配相关操作,如评论/进入详情/分享/点赞等。劣势是单排仅显示一条feed,所需空间较大,在首页不适合单独使用,需要和其他feed样式进行搭配。

设计要点:在大卡流的设计中,由于空间较大,需要注意标题和操作区域的摆放位置,其次是需要把控创作者或合作媒体上传的图片质量。最重要的是需要考虑适配横屏和竖屏的封面,由于图片比例的不同,会涉及到相关操作交互一致性以及视觉一致性的统一。

3. 双列流

介绍:笔者认为将双列流带到用户视野的产品非小红书莫属,从小红书发布之初到现在一直采用双列流的形式。它的好处是能够最大限度的将以图片为主的feed内容呈现给用户。

样式最初以长卡样式为主,主要用于适配竖屏图片,但随着现阶段UGC内容的发展,双列流也开始适配横屏封面。如优酷的首页feed,则是采用了双卡流中的短卡样式,也不乏将长卡和短卡搭配使用的情况。

使用场景:主要适用于需要以图片为主的UGC产品,非常适合用于首页,但不推荐与其他feed样式结合使用,容易打破双列流左右两则的排布节奏。对于相关操作按钮从数量上有局限性,不建议外露过多按钮,可以探索长按吊起更多操作的交互方式。在具体的设计样式上,建议参考小红书,仅将创作者与点赞数的操作进行外露。

设计要点:在设计双列流的过程中需要考虑左右两列之间以及上下两行之间的间距,由于内容与内容之间图片的高度不同,标题字数不同,因此需要制定良好的规范,从而保证用户在浏览内容的过程中保证两列内容之间的节奏感。其次是控制操作按钮的个数,需要根据产品实际需求,仅将最总要的操作进行外露。

4. 沉浸流

对于沉浸流的使用最具有代表性的是抖音以及快手,随着各个产品赛道都加入了短视频以及直播间的模块,该类样式几乎能够在所有头部产品中见到。如在淘宝的商品详情页以及首页都加入了直播的模块,点击进入后可以沉浸的了解电子产品的测评或是服装的实际上身效果,从信息传达上会比单一的图片更加多元更具有沉浸感。

使用场景:该类样式主要适用于短视频、直播间

设计要点:由于在不同产品中,短视频起到作用不同。

比如在淘宝,短视频的目的是给予用户更直接的效果展示,让用户能够快速的了解到产品的优点,从而下单。

因此短视频在淘宝详情页中的作用就是激励用户购买,所以会在左下角加入购买的链接。再比如在视频类产品中,如优酷则是提供相关的电影片段,那么目的就是为了给产品中的电影播放区导流,因此在设计过程中也会有相应的改变。

在使用沉浸流的过程中,需要结合实际项目需求,不能将抖音快手的设计方式直接照搬到自己的产品中,这样容易导致产品功能割裂的情况。

其次是需要将功能进行分区展示,如可以将同类的相关操作聚合放置在固定的区域,由于沉浸流功能按钮会非常多,因此对用户容易造成干扰,容易找不到想要操作的按钮。

5. 动态流:

介绍:微博和微信朋友圈是笔者认为将动态流使用的最为广泛的产品,由于在这两款产品中,内容过于丰富,不仅需要适配横屏或竖屏的图片/视频,还需要考虑适配不同数量。

并且需要将所有图片展现给用户,其中还不乏动图。因此对于feed的兼容性提出了极高的要求。

使用场景:动态流可以运用在主打UGC的社区类产品当中,以及单个产品中的社区模块。

设计要点:由于发布内容的主题是合作的媒体以及用户用于记录个人生活,因此动态流的优势非常明显,可以适配不同数量的图片以及用户的自定义标签,因此动态流很难说是呈现以图片/视频为主的内容,还是以文字为主的内容,需要设计师与业务册进行协商,找到feed对于产品的定位是什么。

劣势则是用户难以抓住单条内容中的重点。因此设计师在设计的过程中,需要明确制定相关规范,灵活适配单数或双数的图片数量,从视觉上保证平衡。

6. 橱窗流

介绍:橱窗流在近两年越来越多的出现在各大产品中,由于头部产品都在往超级APP的方向进行发展。

前面笔者给大家介绍的各种feed样式之间都存在着各自的优势和劣势,但是依然无法满足现在日益丰富的产品内容,因此橱窗流诞生了。其样式可以理解为将不同样式的feed进行排列组合,给予用户矩阵式的内容推荐。

使用场景:多用于产品首页金刚区的下方,作为产品中某项功能或服务的入口进行承载,如新品首发、现实抢购、正片回顾等。其次是运用在某类内容的聚合场景下。如将某一类视频形成一个组合的片单,或者是将某一类书籍形成书单,但是由于内容过多,封面难定的问题,此时可以采用橱窗流的方式进行承载。

设计要点:虽然说橱窗流能够承载丰富的内容,容易烘托产品氛围。但是设计师在设计过程中需要对视觉进行整体进行把控,由于单个区域中,可能会出现过多个内容,容易造成页面混乱对情况。因此不宜把单个feed设计对过于出跳,这样容易影响产品的流量分发。

其次是需要区分单个feed之间对样式差异,由于在橱窗流中,单个feed属于内容的集合,因此需要注意区分不同feed之间的样式。

三、总结

在本文中,笔者粗略的分析了feed流的组成元素,以及常见的feed流样式。其中不同的样式各有利弊,并没有某一种万能的样式,因此在设计过程中,需要结合业务目标以及用户目标进行分析,分别分析对于标签/图片/文字/操作的需求,从而设计出最适合产品需求的feed。


蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:人人都是产品经理   作者:黑羊

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

全世界都关注的NFT艺术到底是什么?

资深UI设计者

编辑导语:NFT,即非同质化代币,其特点在于唯一性。NFT也经常与艺术领域结合,越来越多人开始投入到NFT艺术创作当中。而唯一性和所有权的确定性,更是让NFT艺术有了一定的收藏价值,也由此产生了一些乱象。本篇文章里,作者就NFT的现状与未来发展发表了看法,不妨来看一下。

NFT代表的未来,到来了吗?

2021年7月,一张新闻图片在国内网络爆火。

图片里,四川黑水的一位藏族妇女正搬运着从新疆转运而来的“矿机”(计算机通过算力获得比特币的过程被称为“挖矿”)。她穿着藏袍,裹着头巾,手里抓着的却不是麦穗或花束,而是一把电源线。

全世界都关注的NFT艺术到底是什么?

财新图片改编版NFT,图源鹿科技网

照片出自财新周刊的报道《中国告别比特币“挖矿”》。落后地区民众与区块链科技的巨大反差,让画面充满了艺术张力,宏大的时代变迁融进镜头,这张照片不仅拥有信息价值,艺术性同样出众。

“世界名画”,网友们慨叹的同时,另一条评论也被赞上热门:“这张照片能在NFT专场卖十万美元”。

这不是臆想。照片发出后不久,一幅改编版图片出现在NFT交易平台上,叫价高达2021ETH(410万美元)。还有消息称,已有人开始接洽照片拍摄者,将其所有照片作品包装为NFT艺术品。

各种消息难辨真假,但这张照片又让区块链世界的另一个概念——NFT(非同质化代币)再一次进入公众视野。如同前几年的比特币一样,相关的新闻下,越来越多的人想知道什么是NFT,“你知道什么是NFT吗?”许多人迫切的需要解答。

相对于公众认知,NFT商业的发展是前置的。2021年开始,国外艺术领域就已经掀起了一股NFT热,并持续至今,国内的NFT领域近期也开始备受关注,腾讯、阿里等企业纷纷下场,NFT已经成为当下商业领域炙手可热的概念。

NFT拍卖、NFT盲盒、各式加密艺术展,打开资讯平台,几乎每天都能刷到一篇“NFT”相关的文章。被消息驱赶着,人们开始关注这个新兴领域,并将热度推向一个又一个的高潮。

但仍旧有很多疑问等待解答:什么是NFT,NFT是怎么火起来的,NFT艺术品又为何能如此火爆,未来又将如何发展?

一、NFT艺术知多少?

NFT艺术中的NFT到底指什么?

NFT的全称是Non-fungible token,是一种基于以太坊区块链的“非同质化代币”。

与比特币、以太币等虚拟货币一样,NFT同样依靠区块链进行交易。但NFT代币的最大特点在于其唯一性,“非同质化”,每一块NFT都独一无二,不可互换,人们可以将特殊资产绑定在NFT上,其可以让许多物品成为一种数字化抽象物,变成所有者的“数字资产”。

全世界都关注的NFT艺术到底是什么?

制作NFT的编程标准“ERC721协议”

图源Tiny熊《剖析非同质化代币ERC721》

如果说比特币、以太币等同质化代币可以被比作钞票,NFT更像是一件艺术品的原件。凭借这种特性,NFT在艺术领域得到了广泛应用,诸多数字艺术品开始与NFT绑定。

NFT艺术的起源可能在2017年。

彼时,Larva Labs公司开发了一款像素头像生成器,生成了约1万个各式各样的像素头像,带着“朋克”精神的期许,这一头像系列被命名为CryptoPunks,意为“加密朋克”。2017年正值以太坊火热发展之际,Larva Labs将CryptoPunks头像挂上区块链,并赋予其流转收藏的价值。

全世界都关注的NFT艺术到底是什么?

CryptoPunks系列像素头像,图源网络

这为NFT的诞生提供了契机。同年,受CryptoPunks影响,一家名为Crypto Cats的公司推出一款名为“密码猫”(CryptocKitties)的游戏,游戏里玩家可以通过一串代码创造出一只“密码猫”数字形象,并且每一只猫都独一无二,这些密码猫们的所有权都被存储在以太坊上。

“密码猫”被认为是NFT代币的滥觞。2017年底,以太坊ERC 721协议(非同质化代币的编程标准)诞生,NFT也随之出现。2021年,经过近四年的发展,在艺术领域,NFT终于迎来了“爆发”。

全世界都关注的NFT艺术到底是什么?

密码猫CryptoKitties,图源网络

NFT的每次高流量曝光都像是行为艺术。

2021年3月,数字视觉艺术家Beeple的一套NFT艺术品备受关注。从2007年开始,Beeple每天都创作一件艺术品,最后他将五千幅作品拼接成一张图片,并将其命名为《Everydays:The First 5000 Days》,并在佳士得拍卖行上线。

全世界都关注的NFT艺术到底是什么?

艺术家Beeple的NFT作品《Everydays:The First 5000 Days》,图源网络

3月11日,一个名叫“MetaKovan”的卖家以6934.8万美元的价格拍下了这幅作品。这个数字出乎所有人的预料,NFT艺术,也开始光速出圈。

同样在2021年3月,另一个新闻也让人们看到了NFT艺术的商业潜力。著名街头艺术家Banksy的作品《Mornos》(《白痴》)被以9.5万美元的价格买下,随后购买者直播烧毁了画作,并将其NFT版本挂上NFT交易平台Opensea。最终,《Mornos》的NFT版本被以4倍的价格售出,约合人民币247万。

直播画面里,蒙面的持有者点燃了《Mornos》。画作熊熊燃烧,《Mornos》完成了从实体艺术品到NFT艺术品的转变,火光似乎正向全世界预告着,NFT艺术的时代正式来临。

全世界都关注的NFT艺术到底是什么?

烧毁《Mornos》直播画面

有趣的是,《Mornos》本就是Banksy为讽刺高价艺术品而创作的,画作展现了一个人满为患的拍卖场,拍卖师正介绍着一幅画作,而他身旁的一个相框里写着“我真不敢相信你们这群白痴买了这个”。

烧画者,也是《Mornos》实体作品的持有者——区块链公司Injective Protocol将烧画行为定义为“一种艺术表达”。在NFT艺术领域,NFT代币常常与数字艺术、行为艺术紧密结合,从而衍生出一种新的艺术形式——加密艺术。

加密艺术的特点非常明晰,区块链技术决定的“去中心化”,超越国别地理的广泛交易,以及各种各样的艺术形式。

如果要用例子去解释这些特点,可以这样畅想:你拥有的NFT艺术藏品可以以任何形式在数字世界存在,一条短视频、一件虚拟时装、一条代码、一件游戏装备、一张表情包,或是NBA球星的生涯经典瞬间,都可以被你收入囊中。

全世界都关注的NFT艺术到底是什么?

价值59 万美元的NFT《Nyan Cat(彩虹猫)》GIF,图源艺术星空

NFT艺术品的交易门槛并不高,即使你并不了解艺术领域,你仍旧可以进行收藏,艺术家也不用通过拍卖行、艺术品市场发行作品,通过区块链,每个人都可以参与到艺术市场中。

NFT的多种可能性让艺术领域为之震动。前面提到的CryptoPunks像素头像是当前炙手可热的NFT之一,在当前市场已有的一万个像素头像中,价格最高的达到了4200ETH,相当于757万美元,而外星人、猿人形象的像素头像更是高价难求,是NFT中的奢侈品。

全世界都关注的NFT艺术到底是什么?

昂贵的“猿人”CryptoPunk,图源网络

越来越多的艺术家也开始试水NFT领域。他们将自己的艺术作品进行铸币,使其成为一件NFT艺术品,将其发行于一级市场,如果有人买下了该NFT,很有可能还会进入二级市场的各种平台,再一次进行流通,而在每次交易中,艺术家都能凭此获利。

目前海外最热门的几个NFT交易平台基本都基于公链以太坊,如Opensea、Rarible、Foudation,这些平台有的准入门槛较低,有的则实行邀请制,但“铸币”都需要缴纳至少50美元的费用,收藏者们也可以在这些平台上进行NFT交易,但同样会收取较高的手续费。

全世界都关注的NFT艺术到底是什么?

NFT平台Opensea

除此之外,还有许多基于其他公链的交易平台,大大小小,不计其数,其中大部分平台的手续费较低,吸引了众多不知名的艺术创作者。

为NFT“蠢蠢欲动”的不止有艺术家,明星、各大企业、机构、品牌也开始下场。在年初的市场被点燃后,NBA、Gucci、推特,VISA等机构、公司相继开始收藏、推出NFT产品,从球星卡到虚拟时装,甚至是几个字符,都能在NFT市场掀起热潮。

NBA球星卡盲盒已经成为了当下NFT收藏品中的“顶级”,交易额达到了5亿美元以上。各式虚拟时装也备受关注,多件NFT潮鞋、服装在市场上卖出高价。

全世界都关注的NFT艺术到底是什么?

NBA球星卡NFT,图源微博

NFT艺术的边界还在不断拓宽,早期的NFT作品可能只是一张JPEG图片,现如今已经与音频、电影、游戏等多个领域接轨,NFT礼物、NFT盲盒等形式也开始发展。

全世界都关注的NFT艺术到底是什么?

知名说唱歌手艾米纳姆也推出了NFT,图源雪球

在商业上来看,“NFT艺术”存在着无限可能,许多“小艺术家”通过NFT崭露头角,有的甚至一夜暴富,各式平台蒸蒸日上,交易总额也在不断扩大。

未来,似乎即将到来。

二、NFT艺术在中国

虽然相较于海外稍显滞后,但是国内仍然赶上了NFT热。

阿里巴巴可能是“第一个吃螃蟹的人”。2021年5月,支付宝上相继推出了与敦煌美术研究所、《刺客五六七》的联名款NFT付款码皮肤,开始对于NFT的尝试。与此同时,阿里还推出NFT数字艺术专场,正式宣告入局NFT产业。到目前为止,蚂蚁集团已经售出近8000个限量版NFT。

全世界都关注的NFT艺术到底是什么?

IP也是国内NFT发展的重要动力。

《白蛇2:青蛇劫起》上映后,阿里旗下潮玩品牌锦鲤拿趣同步推出了相关NFT付款码皮肤,上线后,8万份NFT迅速售罄。借助IP进军NFT领域的还有腾讯,8月初,腾讯宣布发行300件“十三邀黑胶唱片NFT”,承载平台为腾讯旗下NFT交易平台“幻核”App。

全世界都关注的NFT艺术到底是什么?

近日网易力推的游戏《永劫无间》也搭上了NFT的热潮。7月12日,由澳洲 NFT 发行商 MetaList Lab⼯作室发⾏的《NARAKA HERO》系列盲盒上线币安NFT市场。该NFT系列盲盒得到了《永劫无间》官方IP授权,上线仅15分钟便全部售罄。

微博也推出了NFT交易平台“TopHolder头号藏家”,于8月初内测上线。“微博NFT作品”“拍卖自己的第一条微博”各种话题丛生。目前,头号藏家已吸引众多艺术家、收藏家、策展人入驻。

NFT在国内音乐领域也“大放异彩”。胡彦斌、阿朵等歌手相继推出NFT唱片、专辑,多家音乐版权平台宣布推出NFT板块,或与NFT平台达成合作。NFT艺术品的特性为IP、版权的保护问题提供了解决方案:艺术品上链后,通过不容更改、永恒存在的区块链,唯一性得以留存。

全世界都关注的NFT艺术到底是什么?

除国内大厂推出的NFT平台外,刺猬公社还注意到了国内的一些小型NFT平台,“薄盒”即是其中的一个。与阿里、腾讯等大厂一样,“薄盒”将NFT解释为一种“数字藏品”,并将自己定义为“数字潮玩收藏平台”。

“薄盒”平台可以通过微信登录,并定期与各领域的数字艺术家及加密艺术创作者合作,艺术家们可以通过平台上线自己的NFT艺术品,并进行发售。目前平台还在起步阶段,主要的数字藏品以盲盒为主。

8月13日,七夕前夜,“薄盒”平台上线了国内加密艺术家宋婷的NFT作品“《诗笺 花非花》盲盒”,盲盒中包含99朵AI玫瑰,开启盲盒将会随机获得一朵,并获取专属于这朵花的情诗。

全世界都关注的NFT艺术到底是什么?

盲盒详情页里这样介绍:“我们希望AI玫瑰的购买者可以用这样的方式,将物理世界中珍贵的情爱,寄托在不可篡改不可复制的区块链上,永恒镌记。”

像现实世界里昂贵的“永生花”一样,花费299元人民币,你就能获得一朵“永恒”的数字玫瑰,这朵玫瑰不能交易,只能赠送,“专属于您的爱”。

8月13日晚,《诗笺 花非花》盲盒上线20分钟,99份AI玫瑰全部售罄。薄盒的流量并不算高,盲盒受欢迎的原因可能是因为创作者——加密艺术家宋婷。

宋婷25岁,是国内最具代表性的加密艺术家之一,是2020年中国NFT艺术品拍卖记录保持者,2021年5月20日,她的一幅NFT作品在中国嘉德拍卖行以66.7万元成交,开了嘉德NFT艺术品拍卖的先河。

全世界都关注的NFT艺术到底是什么?

加密艺术家宋婷,图源网络

NFT艺术为年轻艺术创作者带来了更多机会,优质、有趣的NFT作品能为他们带来曝光,整个NFT市场的上扬也让艺术的变现之路更加便捷,把自己的作品铸币挂链,就有营收的机会。

全世界都关注的NFT艺术到底是什么?

B站UP主“Nut4y”的NFT作品

2021年7月,艺术创作者本雅明·艾哈迈德上线了自己的NFT《怪异鲸鱼》系列,9小时就全部售罄,最终入账80ETH。这样一组各异的像素小鲸鱼给艾哈迈德带来了超过35万美元的收入,而他今年仅有12岁。

全世界都关注的NFT艺术到底是什么?

《怪异鲸鱼》系列NFT,图源NFTCN

但目前国内NFT市场仍不成熟。由于我国禁止虚拟货币,国内NFT平台仍只能用法币进行交易,并且大部分平台仍旧只能作为一级市场,并不支持玩家之间交易,NFT艺术品的商业化并未完全打开。

尽管生态并不成熟,NFT在文娱行业仍有不小的潜力。

从海外诸多内容公司的尝试可以看出,NFT对于影视、游戏、动漫等领域IP的版权保护、商业化上都有潜力可以挖掘,还有相当多的可能性。

三、NFT之困:无限可能,还是一场泡沫?

尽管NFT具有“唯一性”,但一个疑问仍然存在:为什么要收藏NFT?

事实上,成交价6934亿美元的《Everydays:The First 5000 Days》是一张所有人可以下载的图片,任何人都可以将这张价值4.49亿元人民币的图片存储在自己的硬盘中,甚至打印后挂在家里。这是很多NFT艺术品的特质,一段视频、一张图片、一张动图,世界上许多人都可以访问、复制,对其进行传播。

问题就出在这里:既然我可以随意的“使用”一个NFT,我为什么还要花高价去买它呢?

NFT的另一个特征正在于此:所有权的确定性。尽管许多人可以传播复制,但买下NFT的人才是其真正的拥有者。

“如果我有这幅画,即使这幅画挂在我的墙上,除非我有相关的真伪证明,否则它就不是真正意义上的属于我。”丹佛当代艺术博物馆的NFT相关讲座中,“艺术领域区块链研究员”艾米·惠特克这样描述NFT的特征。

全世界都关注的NFT艺术到底是什么?

NBA球星库里花费18万美金购买NFT头像,图源微博

艺术品成为NFT后,“鉴别真伪”将不复存在,区块链会将每一次交易、每一个拥有者记录在册,任何人都可以清楚的查询到,一件NFT的主人是谁。在CryptoPunks像素头像的圈子里,就有着不成文的规定:“将一个不属于你的CryptoPunk设置为你的头像是羞耻的。”

因此,NFT在版权保护方面有其独特的优势,通过区块链,不仅艺术品的交易更加快捷便利,鉴定成本也大大减少,让艺术品交易更加安全。

这不仅能作用于艺术领域,在当下讲求“稀缺性、限量性”的消费市场同样适用,加密球鞋就是最好的例子。

另一方面,NFT也让艺术具有了更多可能性。NFT出现后,可编程的数字艺术也得到了关注,甚至在艺术品、文化产品的所有权上也有新的探索。

全世界都关注的NFT艺术到底是什么?

各式NFT,图源B站UP主“dinlab”

2021年8月,一张CryptoPunk像素头像拍卖出了1201ETH(约合375万美元)的高价,拍下这张头像的,是478个人。

为了对抗NFT巨鲸(经济实力较强的收藏家),这478人联合竞拍了这张稀有的僵尸头像,这也代表这件NFT将被478人同时拥有,每个人都可以使用这张头像。这也为NFT提供了一定的社交属性:在NFT领域,同好仍旧能够形成固定的圈层。

全世界都关注的NFT艺术到底是什么?

478人“团购”的僵尸头像,图源巴比特资讯

但在繁荣的NFT市场,阴暗面也仍然存在。

一方面在于交易市场的混乱。较大的交易平台准入门槛高,对于经济实力不强的艺术创作者来说负担过大,最后平台仍旧“中心化”,变成高端玩家的内部游戏,大公司的下场更是让更多NFT玩家失去了对“去中心化”市场的信心。

小平台则缺乏监管与规则,在海外市场里,平台“托儿”和NFT贩子的存在也让不少艺术创作者受到蒙骗。许多平台还会遭到黑客攻击,由于bug漏洞,许多NFT艺术品被窃取,而在缺乏信息认证的平台,冒名顶替的事件时有发生,保护版权的NFT反而成为他人盈利的工具。

“不稳定性”也让人焦虑。今天为艺术创作者带来“第一桶金”的平台明天就可能“瘫痪”,依靠NFT生活并不现实,正如人为吹起的气球,一戳就破。

另一方面则是NFT市场的不良生态。

“泡沫”,是很多人对目前NFT市场的质疑。NFT一直摆脱不了令其出圈的“天价”标签,NFT的普遍高价更是让无数人投入这一市场,希望在发展的初期能通过“投资”分一杯羹。敦煌飞天NFT付款码上线后,在咸鱼平台上炒到150万,最终被紧急下架,这样的例子在NFT领域并不少见。

全世界都关注的NFT艺术到底是什么?

两个敦煌NFT付款码皮肤在咸鱼上被卖到两万元

价格虚高、蓄意炒作,在很多专业人士看来,市面上大多数NFT存在“噱头拉高价格”的现象,“圈内疯狂营销,圈外急红了眼”,整个市场在一种过高的期望下被不断抬起,呈现出与当初“炒币”相当类似的场景。

值得注意的是,尽管对于“区块链”“元宇宙”有着非凡意义,在当下NFT的应用场景仍旧非常有限,许多人不能理解NFT的价值所在,非良性的生态并不利于NFT艺术的未来发展。

“NFT收藏家不关心艺术,他们只关心能不能赚钱。”

夏日炎炎,各种NFT艺术展、加密艺术节雨后春笋般出现,从798到大兴,遍布整个北京城。

刺猬公社在一个NFT艺术展上发现,每间展区的墙上都挂着多块显示屏,屏幕上加密艺术家们的作品流转,晦涩但氛围感十足。


蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:人人都是产品经理   作者:刺猬公社

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

一套可复用的用户增长方法

资深UI设计者

编辑导语:如今,用户增长越来越难,面对这个情况,本文作者分析了用户增长的两大底层逻辑和两大保障,提出了合格的增长闭环思考和一套切实可行的用户增长方法论。推荐对用户增长感兴趣的童鞋们阅读。

增长越来越重要了!

因为增长越来越难。

我们当初的尝鲜劲头已经过了,各种手机app,装了卸,卸了装,早已找到自己所爱。

产品研发门槛持续降低,各路神仙分分入局,同质化严重,消费者眼花缭乱,一片红海。

这一两年,我一直在做增长,今天分享一些对增长的思考。

一、增长的底层逻辑

增长的底层逻辑到底是啥?

做一次新客户活动,拉动更多的新用户;优化一个注册流程,提升用户注册转化率;通过邀请裂变活动,以老带新的方式,获取新客户。

诸如此类,都是我们常见的获得用户增长的方式。这些增长动作的背后,有什么更深层次的逻辑?

我认为,增长的底层逻辑有两个:精细化、规模化。

  1. 精细化:见人说人话,见鬼说鬼话。
  2. 用精细化,将存量用户更多地转化。
  3. 规模化:一键复制,快速起量

基于精细化经营的能力,用相同的模式,获得更多新用户。

精细和规模,相辅相成,相得益彰,这样才能启动增长飞轮。

二、增长两大保障

没有两大保障,增长只是空中楼阁。

在实施增长的过程中,如果要说什么条件是必不可少。

我认为,这两个至关重要:数据支撑和多元角色。

1. 数据支撑

  1. 数据意识建设:强化增长团队的大脑,每一个人都需要加强数据意识;
  2. 数据基础建设:增长大盘数据、增长动作效果、增长异动分析,这些最基本的数据,就应该成为基础建设,能够快速获取到;
  3. 数据研究方法:具有科学的数据验证方案,AB测试、漏斗分析、聚类模型等。

2. 多元的角色

增长涉及方方面面,包括产品、运营、设计、研发等等,有条件的话,可以组建一个完善的团队;没有足够的资源,增长负责人也应该具备各方面的能力经验。

三、增长闭环

合格的增长闭环思考应该是怎么样的?

着手做增长工作,应该沿着什么样的思路去开展?经过一两年的尝试、总结,下面这条思路,我觉得你可以直接拿去用。

很多人的增长思路是:

用户-问题(需求)-场景-方案-数据

其实这样是不够全面和科学的:

  • 缺少了对当前现状的深入剖析;
  • 找没有找到当前核心的增长关注点。

个人拙见,增长的闭环思考应该是:

数据-主要矛盾-用户-问题(需求)-场景-方案-数据

  • 数据:先通过数据了解当前业务情况,用指标拆解的方式,找出当前增长的潜力空间。具体可以看我之前些的文章《一条公式,掌握10年+产品大牛的管理精髓》。
  • 主要矛盾:基于数据,了解当前增长受阻的主要矛盾:是流程转化问题、还是曝光问题、还是产品本身问题。

经过上述的分析,然后才是找到目标用户,将用户的问题转化为需求,在什么样的场景触发给用户,对应的解决方案是什么。

四、增长方法实战

6步可复用的增长实战方法。

从用户生命周期经营角度,我将目标增长的人群划分为:新用户、存量用户、流失用户。下面我将按照这三个纬度,讲一讲具体的增长方法。

1. 新用户

拉新户,是增长最主要的目标人群。

第一步,通过数据了解下当前业务情况。

1)整体情况

每日新增客户趋势图、累计用户数据趋势图、新客户转化人数、新客户转化金额、新客户转化率等等,了解业务大盘情况。

2)主要流量来源

了解整体情况后,接下来需要对流量端进行分析。

新客户主要流量来自那些渠道?自然流量、老带新、活动拉新、专题项目新增等等,把新客户增加的来源划分清楚,看看各个模块的占比和趋势变化情况。

3)转化情况

对上述流量来源,再进一步分析,各个模块转化情况。每天有多少流量进入,有多少新户注册成功,有多少用户成功转化。

完成上述三步,对整体业务情况,有了大致的了解。

第二步,找出最主要的矛盾。

通过公式拆解法:新客户=渠道流量(渠道1+渠道2+…+渠道n)*转化率(渠道1+渠道2+…+渠道n)

通过数据,你可以重点看几个关键点:

  1. 哪几个渠道是流量占比比较大的?其中有哪些是转化率比较低的?
  2. 哪几个渠道转化率比较高且稳定的?其中哪些是流量不够的?

要想提升新增用户,无非从两个角度突破:1是流量大的,提高转化率;2是转化率高的,提升流量。

找出对应渠道,分析流量不高或者转化率不高的原因,为什么是现在这样的情况?

从多方面找原因(mece法则/金字塔):是渠道流量不行?还是渠道费用太高?是活动设计页面不行?还是本身用户质量就很差?

各个原因逐一研究,找出主要矛盾。

第三步,分析用户特征。

勾勒用户画像:年龄、性别占比、城市、受教育程度、年收入水平、消费习惯等等,对这些用户有画像有大致的判断后,再从身边的朋友,真实接触了解这一类人群。

第四步,剖析用户的需求。

从已知出发,已有的用户为什么会用平台的产品,他们最关心产品什么样的核心功能、服务?这些用户,是否有渠道上特征的差异?这些用户,新开户7天之内,浏览最多、使用最多的是什么功能及页面?

由此做一轮最基础的推演,新用户也会有类似的关注,再增加渠道上的特征。

第五步,找到用户使用产品的触发场景。

比如,打车平台,一般是用户遇到公共交通工具用不了或者是没有覆盖到的地方或者是用户赶时间。

经常下雨天去坐公交就比较麻烦,很多人会选择打车。一个广告平台,根据天气情况情况,给用户推送打车平台以及打车券,那转化率就会很高。

所以,剖析完用户需求之后,找到触发用户使用平台功能的场景,能更高效率地获取新用户。

第六步,提出解决方案。

通过上面分析了,到了最后一步:解决主要矛盾的具体方案。

如果是转化率不高:那就优化转化路径、转化钩子。

这里的设计是要结合用户需求、用户触发场景进行:需求、触发、行动。

给用户一个行动的理由。

比如电商平台:给福利–新人福利券+限时领取倒计时;

又比如:描述用后效果–盖中盖广告,腰不酸了腿不疼了,一口气上五楼,嘿,不费劲儿~

2. 存量用户&流失用户

存量用户增长关注的是用户往更忠诚的阶层成长;流失用户的增长则是用户回流。

这两个用户人群,做增长的思路跟新户是完全一样。我就不一一阐述了。讲一些不一样的侧重点:

1)存量用户做增长

从两个方面:横向和纵向两条线着手。

横向方面:让用户更多地体验平台上的其他功能,属于业务的交叉经营。

纵向方面:让用户更深度、更高频次地体验平台的核心功能,比如充会员,充更多的钱;用微信支付,用的频次更多。

2)流失用户做增长

用户的回捞思路,可以根据用户历史的行为制定策略。

A 用户历史有体验某个产品/功能:可以用功能更新/产品上新的方式,进行召回用户;

B 用户之前是活动转化的:可以用回归福利礼包的方式,触达用户;

C用户之前没转化,那用户就像是新用户一样,可以参考新户转化的策略做回流。

上述的三个方法,并不是完全固定的,可以交替着使用,分析数据那个有效就用那个。

总结下:本次的分享讲了增长的底层逻辑、两大保障、闭环思考流程以及完整地演绎了新户做增长的分析流程。

每一个模块,都是有不少的门道的,文章仅仅是点到即止。

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:人人都是产品经理   作者:大雄聊产品

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

用户体验设计指南 - SUS系统可用性量表

资深UI设计者

怎样迅速感知自己产品的用户体验好不好呢?来看看用户体验设计指南之SUS系统可用性量表,用过都说好呦~

1. 什么是SUS ?


SUS 全称 System Usability Scale ,系统可用性量表。SUS最初是Brooke于1986年编制,可以科学地量化用户体验,用于完成一系列任务场景后,对产品或系统整体宏观的感知可用性测量。



翻译过后可以得到下面的中文表,参与者在使用产品后对每个题目下面打钩来对产品进行5点评分。(小伙伴们可自行保存)



2. 问题组成


SUS提供整体可用性评估度量,由10个题目组成,奇数项为正面陈述,偶数项为反面陈述。


第4,5,10三项构成的子量表为“有效性”(Effectiveness)&“易学性”(Learnability) ;第2,3,7,8四项构成的子量表为“使用效率”(Use Efficiency)&“可用性”(Usability);第1,6,9三项构成子量表“满意度”(Satisfaction)。



3. 使用场景


SUS适用范围广泛,产品新旧版本迭代之间对比,同类型竞品之间对比,同一产品不同终端之间对比均可使用。可采用线上线下问卷调研的方式,简单高效的采集真实用户反馈。避免在初期过早的关注细节。



4. 如何使用


当收集好用户问卷反馈过后,步骤如下:


1. 对于奇数序号的问题,将其得分减1;(比如第1题分数为4,得分为4-1=3分)

2. 对于偶数序号的问题,将其得分被5减去;(比如第2题分数为3,得分为5-3=2分)

3. 将所有问题最后的得分加在一起,然后乘以2.5;(每个题目的得分范围记为0~4,最大值为40,SUS可用性得分的范围在0~100,换算后乘以2.5)

4. 计算出的结果即为产品的SUS可用性得分。



Tips 注意事项:

1. 填写之前不要进行总结或讨论;

2. 应当要求用户快速完成各个题目,不要过多思考;

3. 第二题和第六题对于参与者可能难以理解,需要解释清楚;

4. 如果用户因为某些原因无法完成其中某个题目,就视为用户在该题上选择了中间值。


SUS分数等级与百分等级的区别:



我将其翻译过后得到中文表,可以大体上感知得出的SUS分数对应的用户可接受范围。



更加细化的SUS用户感知,可参照SUS分数曲线分级范围表:


注意到这里SUS分数等级与百分等级的区别。对照SUS分数曲线分级范围表,如果你的SUS分数为68,说明你的产品比市面上50%的产品可用性要好。也就是说这个产品的用户体验算是合格了,表明需要进行较小的改进。50%中值点对应SUS分数68。((59-41)/ (71-65)= 3  故中值点为65+10/3≈68 ,68分是均值,因此对应百分比是50%。)



5. SUS的优点


1. 量表公开免费,题目简单,只需参与者打分,实施便捷,操作简单;

2. 适用范围广泛,产品初期测试验证,竞品分析,新旧版本对比等等;

3. 研究证明SUS在样本量有限时,可以最快达到效果,可信度系数高;

4. 快速宏观有效区分可用系统(产品)和不可用系统(产品),避免在初期过早的关注细节;

5. 当团队内产生分歧时,SUS让更多的人员参与代替少数意见领袖说了算的形式,定量不追求定性。

6. 小样本量时依然呈现高度的内部一致性,产生真实可靠的反馈结果。


蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:站酷   作者:JZDESIGH

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


为什么要用卡片设计?好在哪,怎么做?

资深UI设计者

很多人对APP中的卡片设计习以为常,但对于卡片设计流行的原因,优点,以及如何做好卡片设计却可能不甚了解。关于这些问题,彩云之前也写过一篇非常受欢迎的卡片设计经验原创文章《想做好卡片设计,原来要注意这么多细节》,文章中讲了非常多的卡片设计实用技巧。今天这篇国外大佬写的文章,算是从为什么这样做的角度来分析卡片设计,一起来学习吧。

 

undefined

从Instagram和Facebook这样的社交媒体应用到亚马逊这样的电商平台,卡片设计似乎是无处不在的,这些大厂广泛应用使得卡片设计很快流行了起来。


作为一个信息容器,卡片能承载包括文本、富媒体、按钮等所有UI元素。基于这些内容,卡片设计可以根据不同的设备和屏幕调整其大小,平衡界面视觉和用户体验。


什么是卡片设计?


卡片是一个UI组件,包含了某一个内容的信息和操作。卡片可以包含各种元素,但它们都应该属于同一个主题。

undefined

这样做的目的是为了避免冗长的文字,并呈现更多的内容。即使从设计的角度来看,用户可能不熟悉卡片的概念,但他们马上就知道如何使用它们,因为它们与实体卡片是一样的。(彩云注:这个就是用户心理学中隐喻的运用)


为什么它会如此流行?


卡片之所以流行,是因为它们能更好的把控内容。卡片是模块化的,所以不同的内容可以堆叠在一起,而不需要注意它们的差异。


卡片通过强制内容适应卡片边界和卡片布局上的限制来聚焦内容。设计师喜欢通过卡片混排大量内容,而无需担心设计会变得杂乱无章。


卡片可以将内容分解成易于理解的小块,以便用户与之互动。通过给内容一个容器,卡片向用户表明内容是真实和感性的。


卡片 UI 设计流行的原因还有很多:


  • 直观:卡片在界面中看起来与现实世界中的卡片相同,它们对用户来说似乎很常见。在卡片成为移动和网络应用中的流行元素之前,它们在现实生活中无处不在:名片、棒球卡、便签。卡片代表了一种有益的视觉类比,它允许我们的大脑直观地将卡片与其所代表的内容联系起来,就像在现实生活中一样。


  • 易于阅读:卡片不占用太多空间,并敦促设计师优先考虑其内容。不同的是,每张卡片都变成了易于阅读的内容。卡片让用户更容易找到他们感兴趣的内容。


  • 有吸引力且对用户更友好:基于卡片的设计通常非常依赖视觉效果(尤其是图片);就信息架构而言,视觉层次会更加清晰。使用图片有助于使基于卡片的设计比不在卡片中排列的相同内容对用户更具吸引力。


  • 有利于响应式设计:卡片是矩形的,可以平滑地调整大小,以适应不同屏幕的水平和垂直正面,这意味着用户可以在所有设备上获得统一的体验。


  • 便于分享:卡片可以鼓励用户在社交媒体上分享内容,因为它允许用户只分享特定的内容,而不是整个页面。



什么时候应用卡片设计?


这通常是当你有:

  • 基于搜索的界面:  卡片能通过模块的内容快速显示合适的内容,这使得用户可以深入了解自己的兴趣。基于卡片的设计是一种非常适合呈现这类内容的方式。


  • 信息浏览:当用户浏览信息时,卡片的兼容性更好。


  • 任务管理:当可以将流程中的单个任务作为卡片进行说明时, 可以轻松组织卡片以获取任务列表。任务管理应用在使用卡片式界面为用户创建仪表板方面做得很好,其中每张卡片代表一个单独的任务。


  • 类似项目:卡片最适合于异构项目的集合(当并非所有内容都是相同的基本类型时)。


  • 可视化分析:  仪表板通常在同一页上同时显示各种内容样本。在这种情况下,卡片类比可以帮助在不同物品之间创造出更明显的差异,其中每张卡片可以适应不同的角色。


卡片解构


卡片的布局可以不同,以支持它们包含的内容类别。下面的组件通常可以在多种卡片样式中找到。

undefined

(1)富媒体: 卡片可以包含缩略图,以显示图片,插图,头像,Logo,图标或图形。


(2) 标题: 标题文本可以包含相册或文章的名称或标题。


(3) 描述: 支持文本,如文章摘要或简短的描述。


(4) 行动按钮: 卡片可以包含用于操作的按钮。


(5) 副标题: 副标题文本可以包含详细介绍,如文章的署名或标记的位置。


(6) 图标: 卡片可以包含操作图标。


设计技巧


有一些小的技巧可以快速提高卡片设计细节。


1. 使用相关主题的图片


图片是卡片设计的主角,你需要一个高级的图片来吸引用户对每张卡片的注意。不仅是图像,卡片还可以包含插图、带有浅色背景框的图标或任何其他类型的富媒体,但需要与内容主题相关。 

undefined


2. 增加视觉层次


卡片内的层次结构有助于引导用户对重要信息的阅读。将主要内容放在卡片的顶部,并使用排版来强化主要内容。使用空白和对比来分隔需要更多视觉分隔的内容区域。(彩云注:视觉层级对于信息表达至关重要!) 

undefined


3. 限制内容长度


一张卡片应该只包含重要的信息,并提出一个相关的观点,以获取额外的细节,而不是完整的细节本身。当我们试图在一张卡片中放入太多内容时,卡片可能会变得很冗长,并失去与卡片类比的实际联系,因为它不再像一张卡片了。 

undefined


4. 避免嵌入链接


不要包含内联链接,卡片应该自己链接。嵌入文字链接会让用户误操作。 

undefined


5. 区分操作主次


包含不同操作的卡片应该在视觉上形成对比。在下面的例子中,我通过使用一种较轻的色调而不是主要的按钮风格来降低后续操作的视觉强度。 

undefined


6. 去掉分割线


对于新手设计师来说,用分割线来区分内容是一种常见的方式,以此定义不同的组。这些边框会造成不必要的视觉干扰,从而影响内容。

undefined


如何做到视觉上更美观?


APP中的卡片并不是纯粹的拟物概念,但通常情况下,使用一致的类比和物理原理能帮助用户理解界面并分析内容中的视觉层次。在卡片的情况下,你可以做几件事:


1. 使用圆角


在形态上与真实世界的卡片进行视觉对比。圆角更有效,因为它们让我们的眼睛容易跟随视觉动线,“因为它更适合头部和眼睛的自然运动”。 

undefined


2. 增加一个轻微的外边框或者投影


增加一条淡淡的描边框或者增加一个淡淡的投影都是很好的做法。阴影在界面中创造了一个层次,这有助于我们区分UI元素。


然而,在设计中添加阴影并不像听起来那么简单。有时候设计师会过分强化投影效果,让原本看起来不错的设计看起来很廉价。避免使用纯黑色的阴影。

undefined


3.注意字体和留白


重要的是要让每一张卡片都能被人看到、阅读和理解。在每个块周围添加大量的空白,让用户有时间处理并进行视觉重置,有精力看完一张卡再到下一张。


选择简单和基本的字体,因为基本的排版最大限度地提高了可读性,并有助于浏览。


一些优秀卡片设计的例子


让我们看看一些真实项目中的卡片设计案例:


信息流中的卡片设计


保持信息流卡片简单是很重要的。它们应该有一个一致的、重复的结构,但是使用不同的图片和字体大小来代表卡片中最重要的和最不重要的元素,以使读卡片的人更容易理解它们。 

undefined

由Diseno Constructivo和Webpixels设计


他们突出特色图片和标题作为最突出的元素,这能帮助用户决定文章或发布的内容是否适合他们。


电商卡片设计


产品卡片是一个很重要的东西,它可以帮助你将访问者转化为客户。一张优秀的产品卡片应该能够吸引人们的注意,激发人们获得产品的欲望,激励人们购买,并在搜索结果中得到高效推广。 

undefined

由Webpixels设计


产品的名称应该放在最显眼的地方,这样参观者就会立刻明白他来对地方了。一个好的配图能告诉顾客胜过千言万语,所以你需要一个高质量的产品配图来设计完美的产品卡片。


如果产品有特价,不仅要在价格栏中注明促销价格,还要注明常规价格,以及客户可以节省多少钱。


个人中心卡片设计


简介卡已经成为一个应用或网站中的功能模板。随着个人品牌变得比以往任何时候都重要,卡片设计在这里也能发挥重要作用。 

由Neelesh Chaudhary设计


就像每一张卡片一样,配置文件卡片也是一个UI组件,它包含了对它所代表的内容至关重要的信息。为了达到你的目标,你要向其他人推销你自己。


确保只包括必要的信息(例如,照片,名字,职业),让你的“关于”页面有剩余的细节来完善你的个人资料。


仪表盘卡片设计


仪表板的设计可以有很大的不同。但是所有的仪表盘都是用卡片做的。根据仪表板的类型,每张卡片可能包括概要信息、通知、快速链接或导航设计元素、关键数据、图表和数据表。确保你为每个元素使用了正确类型的卡片。 

undefined

由Simmmple设计


仪表盘卡设计允许用户决定他们想要关注哪些数据。易于理解的UI,允许用户精确地控制哪些数据需要在仪表板的前端做好。


只包括最相关的信息,为用户使用方便。当你的数据集在一起看更容易理解时,找到在一张卡片上显示它们的方法。但是要小心,不要让用户感到困惑。


日常计划卡片设计


看板任务卡似乎是一件非常简单的事情——拿一张便签,写下你需要做什么,然后把它贴在墙上。这些卡片必须包含需要行动的单位数量。它们还可能包含各种各样的其他信息,清楚地传达了必须做什么。 

undefined

由Neelesh Chaudhary设计


卡片上包含的信息包括任务的名称和重要的细节,如任务的类型和谁拥有它。看板卡放在状态类别下。最基本的状态类别是“计划要做”、“正在进行中”和“完成”,但是状态可能因项目而异。


卡片结构最适用于添加或删除任务这样的小改变,而不是改变像你的总体目标这样的大想法。


总结


有几种方法可以使卡片设计更加有效。通过最初定义和观察卡片,我们可以更好地了解跨行业的这种设计模式。这也让我们能够推测用户希望在这些卡片上采取什么行动。卡片在提供许多不同种类内容摘要的环境中尤其有效,而不是简单地作为内容列表的现代替代品。

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:站酷   作者:彩云sky

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

B端选择录入类组件的使用辨析

资深UI设计者

编辑导读:在很多设计中,选择录入类组件的理解和使用都比较模棱两可,很多其他产品在实际应用中往往也不够规范,使产品体验的一致性受到影响。本文将具体探究下这几种组件的特性和适用场景,与你分享。

一、前言

不久前在进行一个Web端HRM系统的需求设计,场景是对于从企业离职的员工,HR可以根据员工能力和表现选择是否将其设置为优秀离职人才,对于优秀离职人才将进行定期关怀,以便后续重新返聘的可能。在设计过程中,对于设置优秀离职人才这个交互,感觉使用单选框、多选框、开关都能达到目的,究竟哪一种组件才是最合理的选择呢?

这个问题让我回想起之前在很多设计中对于这几种选择录入类组件的理解和使用都比较模棱两可,很多其他产品在实际应用中往往也不够规范,使产品体验的一致性受到影响。本文将具体探究下这几种组件的特性和适用场景:

二、单选框(Radio)和多选框(Checkbox)

1. 来源

1)单选框

单选框一般被认为来源于收音机(Radio)上的物理按钮,当一个按钮被按下时,另一个按钮将会被弹起,使得永远只有一个按钮处于被按下的状态。

这种说法可能也不够严谨,因为收音机上的按钮在被按下后,不仅呈现出了“按下”的状态,同时也会立马触发收音机的广播,即立即生效。实际上绝大多数UI界面中无论单选框还是多选框一般都是仅作为录入,触发生效往往需要配合“提交”操作来进行。

2)多选框

多选框来源于生活中常见的各种多项选择场景,如饭店菜单、考试多选题等。多选框一般也是作为内容录入的组件,一般在进行选择后同样需要配合后续的“提交”动作,就像选择菜品后下单,选择答案后交卷,这种“选择类”场景多用在表单或者表格中。

多选框还有另一种“设置类”场景,这种场景下多选框用于启用某种模式、应用某项设置,与开关(Switch)非常类似,这也使得多选框在实际产品中的应用要比单选框复杂得多,后文将详细阐述多选框与开关的使用区别。

2. 简单定义及外观样式

1)单选框

可以概括为从最少两个或两个以上的互斥关系选项之中选择一项的组件,外观样式通常由“圆形外框+文字标签”组成,选中时圆形外框样式发生改变表明选中状态。

2)多选框

可以概括为从多个并列关系的选项中选择多个的组件,多选框最少可以一个都不选。外观样式通常由“圆形或方形外框+文字标签”组成,选中时一般在外框中出现√表明选中状态。与单选框相比多选框还有一种特殊的“半选中状态”(half-selected),一般出现在表格(Table)或者树选择(Tree select)中。

3. 交互细节

1)触发区域

单选框和多选框本身外框尺寸都比较小,因此需要将触发区域增大至整个标签范围,方便用户点击

2)排版

单选框和多选框在B端各类表单中应用较多,在页面空间允许的范围内,最好将选项纵向对齐排列,方便用户直观比较,需要横向排布时,选项间应该设置清晰明显的间隔。

3)单选框的容错机制

单选框在选择过后一定要有一个选中项,因此就不能恢复至“空状态”。在比较典型的社交场景中,一些涉及隐私的信息比如婚姻状态选择,可以给用户提供诸如“保密”“不展示”之类的选项,防止用户在选择之后无法回退。

4. 单选框、多选框和下拉选择(Select)的使用辨析

对比单选框、多选框和下拉选择的外观样式不难发现,它们之间最重要的区别在于信息传达效率和包容度的不同。

1)单选框和多选框的特点

单选框和多选框的所有选项信息都是直接暴露出来,如果选项过多将占用较多界面空间并且影响用户的阅读效率和界面整体规整度,信息包容度低但信息传达直观高效;

2)下拉选择的特点

下拉选择则是收在下拉菜单里,只有选择值是用户一眼能看到的,信息包容度高,节省空间,与其他输入类组件并用时能保持整体界面的规整度,但每次都得点开再进行选择也牺牲了一定的信息传达效率和操作便利性。

3)适用单选框和多选框的场景

因此,单选框和多选框更适用于选项数量较少(一般不超过5个),有一定界面编排空间,且用户需要直观看到不同选项内容并进行比较选择的场景,如选择会员购买方案。

4)适用下拉选择的场景

相反,下拉选择更适用于选项数量较多,表单配置复杂、包含各类不同样式组件或界面空间不足,且用户对于被隐藏的选项内容有一定预期的场景,比如选择省份。同时下拉器扩展性更高,下拉菜单可以进行多种类型的变体设计,满足不同业务场景的需求。

三、开关(Switch)

1. 来源

开关(Switch)这个组件就是模仿现实生活中的开关而设计的,现实生活中灯的开关一按,灯马上就亮了,因此开关有一个最大的特征:即时性。这在Ant Design设计系统的全局规则中也给出了注释:“当用户切换「开关」按钮将直接触发状态改变“,因此不同于单选框和多选框这种录入型组件,开关同时兼备录入和触发两种属性。

2. 简单定义及样式

开关是一种特殊的选择组件,只能从“开启/关闭”两种状态选择其一,并且选择的结果会立即生效,通常点击后页面或者开关本身会有加载效果,或者点击后给出反馈,告知用户操作已生效。

3. 开关和多选框的使用辨析

上面提到复选框也经常作为开启某种模式或者应用某类设置使用,在这种场景下它与开关的逻辑十分相似,让人容易混淆。对于这两种组件的使用区别当前已有很多讨论,说法各异,这里根据我自己的探究和经验,从以下几点阐述下自己的看法:

1)开关的即时性

开关的即时性决定了当开关与需要提交的表单一起出现时会存在矛盾,因此在表单中进行状态选择时,尽量选择单选框、多选框,避免使用开关。

2)开关更适合控制一组设置吗

苹果官方人机界面指南中指出“开关比复选框具有更多的视觉权重,因此当它控制的功能比复选框通常更多时,它看起来更好。例如,您可以使用开关让人们打开或关闭一组设置”,然而在复选框的设计指南中又举了用复选框控制一组设置的例子。

再来看一个飞书的例子,飞书管理后台中使用了开关来控制一组设置的开启,而在飞书客户端的设置里用的都是复选框。

对于这个问题,个人认为苹果官方人机指南所说的因为开关比复选框具有更多视觉权重,所以更适合用来控制一组设置的说法并不准确,复选框本身也具有明显的选中和非选中状态,尽管开关组件自身大小以及在视觉效果上可进行设计的空间都更大,但是好像并不足以成为决定性的因素。

同时因为开关的即时性,如果是在需要提交的表单或者模态弹窗中用开关控制一组设置,反而是多选框更合适。

3)从组件的来源分析

从组件的来源及发展历史来看,勾选的交互是基于PC键鼠操作设计的,单选框和多选框组件本身尺寸较小,因而触发区域会扩大至整体标签区域,方便鼠标点击;而开关是诞生于移动设备触控交互的组件,在移动端界面本身配置就比较简化,这时候配合开关自身相对较大的触发区域,用手指点击起来非常方便顺畅。

而在PC端,因为屏幕尺寸更大,同时很多B端系统配置项多、界面布局相较移动端要复杂很多,这时候要把鼠标移至开关热区去点击,反而没有勾选框来得方便,这种操作体验在一个纵列中有多个连续的开关时尤为明显。

4)我的观点

依据开关的即时生效特性,开关更适合用在不需要提交操作的页面中,用来控制功能或设置的开启/关闭,在需要提交操作的表单或者弹窗中,建议使用多选框。

开关和勾选框都可以用来控制一组设置的开启/关闭,使用开关进行控制时,最好将它控制的下属组件都设置为立即生效,这取决于设置本身对于系统的影响,如果设置对于系统重要功能影响较大,则建议改用多选框去控制,让用户多一步“提交”操作进行确认,提升容错性。

四、总结

回到开头设置优秀离职人才场景中的组件问题,这个需求流程涉及到的不只是在离职人员的编辑弹窗中操作,还涉及到在离职人员表格中的状态展示和设置优秀人才的单独操作。首先弹窗中的编辑操作是需要提交的,用开关比较矛盾;单选框和多选框在弹窗中都可以适用,但考虑还需要在离职人员表格中的状态展示和单独编辑,为了保持整体的交互一致性,最后选用了单选框。

总的来说,这几种选择录入类组件在B端系统中应用非常广泛,可能正是因为太司空见惯了,所以容易忽略它们细节上的特性和区别。尽管有时候这些组件的使用问题并不会对用户体验产生决定性的影响,但对细节的探究正是设计师严谨的工作态度和工匠精神的体现,只有秉持着这种对细节的打磨和追求才能不断提升产品的用户体验。

另外虽然文中做了一些各个组件的特性和适用总结,但可能在不同产品和系统中情况会更加复杂,需要设计师根据实际情况灵活处理。

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:人人都是产品经理   作者:齐治设计

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

为你解密设计中的节奏感!

资深UI设计者


蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:站酷   作者:美工美邦

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

如何做好数据可视化

资深UI设计者

在如今这个时代,越来越多的信息和内容呈现开始依赖数据驱动,也开始有更多的场合需要信息图来辅助呈现,对于可视化数据,从来没有像现在的要求这般高。但是另一方面,我们周围充斥着大量错误的图表呈现,希望这篇文章提供的 20 条建议能够帮你设计出更好的信息图。

1、选择正确的图表类型

不同的图表类型所承担的功能是截然不同的,不合理的数据呈现会容易让用户误读。同样的数据可以使用不同的图表呈现出不同方面的特征,因此,在设计信息图之前,先理清需求,再来选择使用哪种图表能够更好地呈现。

想把数据可视化做好?这 20 个超实用的经验总结一定要先看过!

2、根据数据的正负值选择正确的绘图方向

当使用数据在0的左右波动,产生正负差异的时候,请使用基线来正确反应正负关系,不要在同一侧来呈现数据,这样很容易带来误读。

想把数据可视化做好?这 20 个超实用的经验总结一定要先看过!

3、始终从0处开始绘制条形图

和折线图不同,条形图如果从非 0 的位置开始,确实更容易反应趋势,但是给所体现的数据量级和特征是失真的。比如在下面的案例中,B看起来是D的3倍以上,但是实际的情况是,两者差异并不大。所以需要从座标 0 处开始呈现数据,这样会更准确。

想把数据可视化做好?这 20 个超实用的经验总结一定要先看过!

4、折线图应该清晰呈现Y轴上的趋势变化

对于折线图,需要考虑一下 Y轴上的尺度,因为如果单位太大,那么折线图所呈现出来的波动幅度不够大,趋势的表达也不够清晰。这个时候,建议调整Y轴上的单位大小,确保折线的波动幅度大概占整个Y轴的 2/3 即可。

想把数据可视化做好?这 20 个超实用的经验总结一定要先看过!

5、使用折线图的时候注意时间

折线图是使用线条连接特定时间节点的特定数据的一种数据呈现形式,它有助于说明随着时间推移,某些情况的变化,但是当间隔时间频率不对,参差,缺失,那么折线图的数据可能会无法对应,这个时候使用条形图其实是更容易呈现的。

想把数据可视化做好?这 20 个超实用的经验总结一定要先看过!

6、不要使用平滑的折线图

平滑的「折线」在视觉上看起来是愉悦,但是它歪曲了背后的实际数据,也很难读到关键的转折点数据。

想把数据可视化做好?这 20 个超实用的经验总结一定要先看过!

7、避免让双折线互相交叉

通常,为了为了节省可视化设计的空间,设计师会采用双折线来呈现数据,但是在数量级不对等的情况下,折线图会很难读,甚至容易会误导用户,这个时候,建议分开使用2个不同的座标系来呈现,更加易读,同样可以看的出趋势,也不会得出错误的结论。

想把数据可视化做好?这 20 个超实用的经验总结一定要先看过!

8、限制饼图中的扇形的数量

饼图是最常用但是也是最容易误用的图表之一,在绝大多数的情况下,条形图是更好的选择。如果你决定使用饼图,那么这里有2个基本的建议:

不要超过7个不同的扇区,让饼图尽量简单
你可以将额外的片段分组到「其他」的扇区中

想把数据可视化做好?这 20 个超实用的经验总结一定要先看过!

9、在饼状图中直接标注对应的数据

没有合适的文本标签说明的情况下,无论信息图设计得多好都没有意义,直接在图表上进行明确的标识,才会对观看者产生价值,需要观看者自己去关联的设计是失败的。

想把数据可视化做好?这 20 个超实用的经验总结一定要先看过!

10、不要在扇面上做标注

不要将数值直接放置在饼状图的扇区上,在较小的扇区块上数据会非常难读,相反,使用引线来指引数据对应的区块会是更好的方法。

想把数据可视化做好?这 20 个超实用的经验总结一定要先看过!

11、控制饼图中扇面的排序让其方便阅读

对于饼状图的切分方式,有2种常见的顺序:

将最大的一块置于12点钟方向,然后顺时针按照大小来排布所有的块
将最大的一块置于12点钟方向,然后在右边放次大的块,右边放置再次的块,基本上就是越大的扇区约靠上。

想把数据可视化做好?这 20 个超实用的经验总结一定要先看过!

12、避免随机排列

同样的建议也适用于其他的图表,不要使用字母顺序来进行排列,不要使用笔画排序,而是按照数据大小来进行排列,水平条形图就将最大数据放在顶部,垂直排布则将最大数据的放在左侧,减少阅读的时候的信息分辨的障碍。

想把数据可视化做好?这 20 个超实用的经验总结一定要先看过!

13、不要牺牲信息图的可读性

饼状图通常是最不容易读的图表,因为它很难对相似的数据进行对比,所以在将它设计成环状的时候,我们可以使用辅助的数据来呈现,但是一定不要牺牲彩色扇区的可读性,这样看起来高级但是并不具备基本的可读性。

想把数据可视化做好?这 20 个超实用的经验总结一定要先看过!

14、视觉效果不要影响数据的呈现

不要让不必要的视觉效果来分散用户的注意力,这可能会导致用户对于数据产生误解,通常你应该避免使用:

3D元素和阴影
渐变和失真的色彩
斑马纹或者过多的网格线
装饰性过强的字体

想把数据可视化做好?这 20 个超实用的经验总结一定要先看过!

15、选择和数据属性匹配的配色

配色是可视化设计当中绕不开的一个重要的部分,在设计的时候可以考虑以下三种不同的配色方案:

使用定性的配色方案,不同的色相对应不同的元素,确保在整体配色的可访问性
使用符合一定顺序(比如明暗)的近似色的配色,呈现出一种连续的色彩变化
横跨冷暖色调的配色方案,将中性色置于中间,用来呈现存在正负关系的数据变化

想把数据可视化做好?这 20 个超实用的经验总结一定要先看过!

16、使用无障碍的配色

根据目前的统计数据,大概 12 人当中有一个人存在视觉障碍,有的是色盲,有的是色弱。你的图表设计需要确保兼顾到这一部分用户的需求。

在配色方案当中使用不同饱和度和明暗的色彩
使用去色效果来校验你的配色的对比度

想把数据可视化做好?这 20 个超实用的经验总结一定要先看过!

17、关注内容的易读性

在信息图的排版易读性上同样是有要求的,要避免分散用户的注意力,不会制造视觉障碍:

选择清晰的非衬线字体,避免使用衬线体和过度装饰的字体
避免使用斜体、粗体和全大写字体
确保和背景之间的信息对比度
不要旋转文本

想把数据可视化做好?这 20 个超实用的经验总结一定要先看过!

18、使用水平条形图来优化倾斜标签

这是一个非常简单的技巧,能够确保用户在阅读的时候足够轻松,不会因为倾斜的文本扭伤脖子或者加重落枕的症状。

想把数据可视化做好?这 20 个超实用的经验总结一定要先看过!

19、事先选好你的图表库

如果你的设计项目是面向 Web 或者移动端的交互式图表,那么你需要考虑的第一个问题就是,要用什么样的图标库。如今不同的图表库在功能模块和规则上各不相同,你需要在一开始就基于你的需求和设计想法,做出选择。

想把数据可视化做好?这 20 个超实用的经验总结一定要先看过!

20 、不只停留在在数据静态呈现上

信息图本质上是在对数据进行优化处理、呈现的基础上,帮助用户进行探索,最大化地从数据中获得信息洞察,让数据发挥价值。在下面的 iOS Health 应用就是在最大程度地反映数据应有的意义和功能。

想把数据可视化做好?这 20 个超实用的经验总结一定要先看过!

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:优设   作者:Taras Bakusevych

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务




适老化设计研究实践

资深UI设计者

编辑导语:现今以至遥远的将来,我们将面对一个残酷的现实问题:人口老龄化。未来将有很多人群去关注这个群体,但是在市场上,对老年人的产品还是很少的,还存在很多问题。本文应对这个问题,展示不同适应老年人的产品设计细节,我们一起来看看。

当前,我们正面临老龄化问题的严峻挑战。

统计表明,中国的老龄化人口已达到2.64亿,且这一数据仍在持续增长,而老年人在生活、情感上都面临诸多问题。

  • 首先,老年人在视觉、听觉、肢体、认知方面都出现了不同程度的退化,无法平等地获取信息和服务;
  • 其次,年轻人涌向大城市寻找机会,老年人被迫成为空巢者,疫情的发生更使亲人长期两地分离,老人情感孤独缺少陪伴;
  • 另外,疫情的爆发也促使线下服务转为线上化,老年人不能很好适应这一转变,遇到很多困难。

但是研究发现,市场上目前没有产品很好解决了上述问题。

当下移动APP产品缺少对老年人体验的深层次关注与设计,只通过单一加大字号与简化功能等解决基础体验,缺乏通过新技术应用和更全面的适老化设计服务老年群体,老年人的需求依旧未得到关注和满足。

因此,百度基于自身雄厚的AI技术和精细、系统的适老化设计适时推出百度大字版,使老年人更平等地获取信息和服务、获得情感陪伴。

百度大字版精细系统的适老化设计研究实践

百度大字版精细系统的适老化设计研究实践

一、精细系统的适老化设计:易阅读、易收听、易操作、易理解

目前行业内缺失成体系的老年人研究报告,针对老年人的研究资料分散在建筑/平面/医疗/家居等各个行业,同时业内也缺少针对老年人系统的设计标准或设计指南。

现有无障碍设计标准针对残障人士,且部分标准只适用于PC端,不适用于老年人和移动产品。

因此在进行百度大字版的适老化设计时,我们系统的研究了老年人面临的问题、PC端无障碍设计标准及其他相关资料,产出了系统的移动端适老化设计标准体系,同时结合百度大字版实际场景产出了解决方案。

适老化设计包含:易阅读、易收听、易操作、易理解四个方面,后续将详细阐述。

百度大字版精细系统的适老化设计研究实践

1. 易阅读

随着年龄增长,老年人会出现视力下降、色彩感知弱、动态视觉减弱的问题。

老花眼、眼睛进光量减少等问题会导致视力下降。

眼睛晶体浑浊,晶体变黄的现象会导致色彩感知弱。视力减退,注意力降低,导致眼睛失去快速对焦的能力,动态视觉减弱。

因此为了使老年人更易获得视觉信息,我们对界面元素做了一系列的改造,使内容更易阅读。

1)增大字号

增大字号是适老化设计最有效的手段。

PC端WCAG无障碍设计标准建议字号可以放大到200%。

按不同的阅读媒介与人眼距离进行推导,移动端字号大小建议在60px-81px之间,标题、正文、辅助信息等不同信息层级采用不同的字号标准。

此字号标准经过眼动实验和用户访谈进行了双向论证,形成完整覆盖各信息层级的字号大小标准,已经在百度大字版落地。

百度大字版精细系统的适老化设计研究实践

字号与眼睛距离对照图

百度大字版精细系统的适老化设计研究实践

字号标准体系

百度大字版精细系统的适老化设计研究实践

字号应用场景

2)使用符合老年人生理、心理特征的颜色

老年人眼睛晶体变浑浊、变黄,导致对色彩的感知减弱,且研究表明老年人更喜爱温暖明亮的颜色,更希望感受到活力而不是苍老。

因此在颜色的设计上,我们通过增加色彩对比度到不小于3:1、大量使用暖色调、减少紫色和青色的使用3个手段,来进行界面色彩的设计。

百度大字版精细系统的适老化设计研究实践

颜色的选取和使用

3)提供有效的反馈提示

老年人的动态视觉减弱,对动态内容的捕捉和感知速度明显下降。

因此,对界面中短暂出现的提示性信息,我们在现有提示时长的基础上延长了一档。

例如现有提示的停留时间小于3秒时,百度大字版延长到3秒,现有提示的停留时间在3-5秒之间时,百度大字版延长到5秒。

现有提示的停留时间在5-7秒时,百度大字版延长到7秒。超出以上时间则提供适当的关闭机制,避免打扰。

百度大字版精细系统的适老化设计研究实践

提示时长适当延长

2.易收听

随着年龄增长,老年人也会逐步出现听力下降的问题,听力损失程度受地域、受教育程度、疾病等多重因素影响,且高频和低频听力损失程度更深。

因此我们通过增加音量、适当降低语速等方式帮助用户更好的获取听觉信息。

1)增大音量

针对老年人听力下降这一现象,我们适当增大了音/视频的音量。

研究表明,老年人听觉平均感知音量在67.5~75.3分贝之间,因此在视频开始播放时,我们对低于设定值的音量适当增加到约44%。

百度大字版精细系统的适老化设计研究实践

iOS系统音量分布

2)降低语速

为了保证老年人有效的接收到声音信息并进行理解,音/视频的播放速度也需要适当下降。

因此,我们减少了高档位语速,并提供了高、中、低3档语速,使老年人选择适合自己的速度,更有效的获取声音信息。

百度大字版精细系统的适老化设计研究实践

速度档位选择

3.易操作

移动应用需要通过手势交互来完成任务,但老年人的肢体运动能力也会逐渐下降。

动作精准度下降使老年人无法准确的完成手势操作,对动作的精细控制程度降低。

同时老年人相较年轻人运动更加迟缓,逐渐出现操作迟疑、犹豫或暂停,运动幅度或速度也会下降。

因此为了保证老年人可以准确的完成操作,我们采用了增大触控区、降低手指运动距离和精准度要求、提供有效的反馈提示、操作功能显性化等方式。

3)增大触控区

增大触控区是使移动应用易操作的最简单有效的方式,同时视觉设计上也需要让老年人感知到触控区增大。

我们通过对iPhone XS Max三倍屏的分辨率和物理尺寸换算,结合人拇指和食指的点击区域大小,推导出移动应用上,触控区应大于等于112px×120px。

百度大字版精细系统的适老化设计研究实践

触控区域示意

2)降低手指运动距离和操作精准度要求

老年人的肢体运动能力下降,难以完成长距离、长时间、连续、高级的操作。

因此我们集中界面的主要操作在屏幕下半部分,保证用户在使用时手指移动的距离更短,同时减少使用具有明确方向性、精准度要求的高级手势,如双击、旋转图片到正向等。

百度大字版精细系统的适老化设计研究实践

降低手势操作的精准度要求

3)提供明确的操作反馈

为了提醒老年人注意、告知其已完成操作、增强操控感,我们在特定场景增加了振动反馈,如临界值、出错、滑块、警告场景。

百度大字版精细系统的适老化设计研究实践

振动反馈

4)隐性操作显性化

为了减轻用户的学习难度,我们将所有隐性功能或需要手势操作触发的功能进行了显性化设计,如点击底bar刷新,功能隐性不易发现,百度大字版采用动态刷新图标的形式,增强底bar可点击刷新的感知。

百度大字版精细系统的适老化设计研究实践

隐性操作显性化

5)辅助用户输入

现实生活中,很多老年人不会使用输入法,而且肢体运动能力的退化也为输入带来了不便,移动设备的输入法操作区域小难以精准操作。

因此我们依托百度的AI技术,提供了语音搜索和图像搜索能力,使老年人可以方便的通过语音和图像搜索主动探索获取新知,答疑解惑,跟上时代进步。

百度大字版精细系统的适老化设计研究实践

依托百度AI技术提供语音和图像搜索能力

4.易理解

随着年龄的增长,人的认知能力也会逐步下降,老年人会出现反应慢、学习力下降、判断力下降的情况。

他们很难一遍学会新内容,也难以判断信息的真伪。因此我们通过简单直白的文案话术、清晰明确的图标设计、可信的来源设计来使内容易理解,安全可信。

1)采用通俗易懂的文案

由于老年人触网时间短、受教育程度不同,难以理解专业的互联网术语,为了帮助他们更好的使用产品,我们对专业术语都进行了简化,采用了通俗易理解的文案。

百度大字版精细系统的适老化设计研究实践

文案适配前后对比

2)提供清晰明确的图标设计

为了帮助老年人更好的理解和使用产品,百度大字版的图标设计都采用了简单易理解的图形,同时功能入口大部分采用图形和文字结合的方式,通过双重手段帮助老年人理解产品功能。

百度大字版精细系统的适老化设计研究实践

图形对比示意

3)提升信任感

在内容信息来源中或涉及经济交易的环节,百度大字版通过增加官方标签、提供官方平台保障的方式来提升产品整体的可信度,增强老年人对产品的信任感。

百度大字版精细系统的适老化设计研究实践

官方标识和保障示意

4)提供即时的帮助

为了随时解决老年人遇到的问题,百度大字版提供了暖阳热线,使老年人可以随时打电话获取专业人员的帮助和解答。

二、AI赋能,情感陪伴

由于很多年轻人去大城市寻找机会,导致产生很多空巢老人,他们情感孤独,缺少陪伴。

疫情的爆发,更使老年人在节假日也难以与家人团聚。

因此百度大字版通过语音合成等AI能力,还原儿孙亲友的真实声音,用于全局内容播报朗读,使老年人感受到至亲至爱仿佛陪伴在他们身边,缓解老年人的孤单和思念之情。

全局语音朗读也能解决老年人的阅读障碍和长时间阅读导致的视觉疲劳问题,同时可以解放双手,使老年人随时随地听朗读。

百度大字版精细系统的适老化设计研究实践

语音合成

百度大字版精细系统的适老化设计研究实践

全局内容朗读场景

三、丰富内容,充盈生活

百度大字版围绕老年人的实际生活需求,依托百度的内容生态和个性化推荐技术,提供了符合老年人兴趣的图文和音视频内容,一站式满足了老年人的内容消费需求。

  • 在设计上,我们通过AI技术,对视频增加智能字幕,方便老年人获取视频信息;
  • 在内容流的操作上,通过统一的容器和流式交互,为老年人提供便捷的操作体验,使他们更方便、平等的获取信息和内容。

百度大字版精细系统的适老化设计研究实践

智能字幕

四、生活助手,便捷服务

百度大字版还提供了多种实用工具,满足老年人疫情时代和日常的生活诉求。

疫情导致线下服务线上化,因此为了帮助老年人适应这一生活方式的转变,百度大字版提供了在线政务工具。

很多老年人承担了教育孙辈的责任,因此我们提供了一些辅助教学工具,帮助他们带孩子。

更有疫情地图、垃圾分类等贴合日常生活场景的工具,使智能技术更贴近、融入老年人的生活。

百度大字版精细系统的适老化设计研究实践

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:人人都是产品经理   作者:百度MEUX

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档