6

05 | 这些提升产品体验的小细节,你注意到了吗?

 3 years ago
source link: https://www.ui.cn/detail/574372.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

05 | 这些提升产品体验的小细节,你注意到了吗?-UICN用户体验设计平台

05 | 这些提升产品体验的小细节,你注意到了吗?
45.8°
原创文章 / 经验/观点 / / 举报

2020-12-30



2020年产品体验日记,小目标170节,第120~149节



3566971.png

产品始于需求、立于价值、久于体验,良好的用户体验是互联网产品立于之根本,也是UI设计师、交互设计师所追求的目标之一,需要在用户目标不清晰以及对应用不理解的情况下,利用设计手段合理、合适的跟用户对话,并解决用户的需求,完成应用该有的使命。至于如何引导、如何设计,大部分往往都是通过产品的细节达到目的。

01.「饿了么」首页-优惠券弹窗刺激转化

产品体验:

每日首次进入饿了么首页,系统都会自动出现一系列优惠券弹窗,点击优惠券直接进入可使用类型的店铺列表,下单即可自动当做现金抵扣。

3566915.png设计思考:

作为电商平台,最重要的就是消费转化,毕竟是要靠用户消费之后的利润来吃饭的。对于消费转化的提升,平台也都会从商品运营、用户运营及分析用户转化流失原因等及时的做出各种对策,保证能对用户产生足够的吸引力。常见的手段无非就是:特价、满减、叠加折、买赠、换购、套装组合、限时购等方式,但当所有平台都有了这些营销手段之后,对用户来说又变的毫无吸引力,那么就需要去思考在何时、何地启用这些手段才能吸引用户呢?

饿了么APP在每日首次使用时,都会自动弹出一系列优惠券,是典型的属于利用弹窗进行利益引诱,在用户还未产生消费欲望之前,通过福利的发放、商品的优惠等利益刺激手段,吸引用户继续完成对内容/商品的消费,以此降低用户流失,比起把优惠券放在商品旁边的那种常规做法,更具吸引力。  当提示用户有很多的优惠券未领取,激起用户的好奇心与贪便宜心理后,不管用户是有目标还是无目标性的消费,只要优惠的数额越大,对用户的吸引力就越大,吸引用户参与下单消费, 从而提升转化。

02.「网易云音乐」双击播放页面收藏歌曲

产品体验:

在网易云音乐的播放页面,除了点击心形图标可以收藏外,直接双击屏幕空白区域,也可以收藏,去除精准点击操作,非常便捷。

3566917.png

设计思考:

不管是听歌还是看视频,遇到喜欢的我们就会点赞给予作者鼓励,还可以进行收藏,以便于回味,收藏更像是一种不在乎天长地久,只在乎曾经拥有的感觉,只希望在拥有它的时候,好好保存。收藏有利于用户的二次使用,以增强用户粘性促进消费转化,是一个相当重要的功能,很多产品都会在按钮位置、交互样式、手势、区域等多种方式提升用户体验,达到吸引用户以触发操作为目的。

网易云音乐的播放页面,除了有常规的收藏按钮可触发之外,还增加双击屏幕空白区域收藏的方式,这样就增大了收藏的触发范围,无需精准点击,操作方式更加便捷。双重路径,多种方式更能提升收藏的触发率,以便于用户二次使用,通过增强使用粘性提高用户消费转化的几率。

03.「UC浏览器」广告带流量、自身赚受益

产品体验:

①、UC浏览我的页面会有一个红包小动画悬浮在设备右侧,吸引用户点击;

②、进入红包页面之后,里面有很多红包任务,在未完成的情况下若离开此页面,会出现福利类型的弹窗进行利益引诱,对用户作出挽留。

3566918.png

设计思考:

使用过电商类型APP的用户都再清楚不过了,为了达到转化的目的,各种手段是层出不穷,用户有多精,应用的套路就有多深。双11将近,各大电商平台也都在使出浑身解数,有用户直呼“猝不及防的一波引诱,最后一道心理防线崩塌,就开始剁手了”。UC浏览器虽然不是电商类应用,但却是其他购物平台打宣传广告的利器,只要做好流量入口,点击量够高,平台的收入就不多说了。

UC浏览器我的页面有一个红包小动画悬浮在设备右侧,通过动态的方式,时刻吸引着用户的注意力。相比静态的入口方式, 更加吸引眼球,增加视觉关注度,动态 设计丰富了图标入口更多可能性的表达,结合对应的动态效果表达出不同的情绪或情感,提升用户的点击欲望,增加点击率。

用户进入红包页面之后,在未完成红包任务的情况下若要离开,会用弹窗对用户作出挽留。通过弹窗里面的文案进行福利发放、商品优惠等刺激手段对用户进行利益引诱,这种「目标趋近效应」的心理效果,会让用户继续完成未完成的事物,目的是对用户做出挽留,使其尽快达成目标,最终进行消费转化。

04.「流利说·英语」尼尔森可用性原则-状态的可见性

产品体验:

流利说·英语每天默认给用户的学习任务时间为30分钟。学习前,标签栏的图标为正常状态;学习中以百分比的环形统计样式,根据学习进度实时更新数据;学习后,图标增加“对勾”提示,告知用户已完成。

3566919.png

设计思考:

流利说·英语是一款很棒的英语学习软件,相信有很多用户都是被里面的各种营销手段所折服(当然目的也是为了学好英语),然后就开通了月/季/年会员,购买了会员之后你也会觉得物超所值,用户体验以及教学方式与同类型的应用相比,都是走在最前沿的。开通了会员之后,用户就会奔着每天的学习任务目标(不少于30分钟)而去,应该不会有人在没有开通会员的情况下随时进入流利说APP休闲娱乐吧,那么每天30分钟学习任务的设计体验就成了会员用户的焦点。

用过流利说·英语APP的用户都知道,每天的最低学习时间是30分钟,学习进度除了用户自身心理预期和界面提示外,还通过系统的可见性,在合适的时间、位置再次提醒着用户。底部标签栏的学习图标根据学习前、学习中、学习完成后给予不同的状态提示,即使在其他tab主功能页面,也能让用户随时清楚自己学习任务的完成进度。尼尔森10大可用性原则的“ 系统状态的可见性”告诉我们:系统应该在适当的时间给予合适的反馈,以此让用户了解正在发生的事情,它包括位置可见、数量可见、状态可见,流利说标签栏的图标变化正好诠释了这一点,非常贴心。

05「支付宝」扫物识别-为淘宝建立转化通道

产品体验:

在支付宝首页顶部的扫一扫功能里,选择识物,拍取商品的照片,即可从淘宝商品库筛选出跟照片相同/相似的商品,进入可直接从淘宝渠道完成下单。

3566921.png

设计思考:

我们对家族产品了解的很多,但对于他们的推广方式,如果没有细品,可能还了解它们是如何互通、建议用户认知、互相拉取流量的。比如:网易红, 通过统一的品牌色调融入产品设计风格及图标绘制表达品牌调性,提高品牌的可识别性,建立家族品牌的认知;腾讯QQ,早前我们玩过的腾讯游戏以及微信的推出,大部分用户可能都是从QQ宣传渠道了解的;还有百度的全家桶、金山的捆绑......。虽然每个家族的多个产品都会通过不同的方式相互推广,但推广力度最大的要数阿里企业产品的「淘宝」和「支付宝」了。用过淘宝的用户都知道,订单支付需要用支付宝,所以支付宝不用特别宣传就被直接带动。

支付宝最新版本上线了拍照识物功能,之前我写过一篇细节是关于淘宝的拍照识物功能的,这里就不多说。从支付宝的扫一扫进入选择“识物”,即可从淘宝商品库筛选出跟照片相同/相似的商品,直接在支付宝APP里对淘宝的产品下单,正所谓多一种选择就多一个方便。拍照识物功能,对在淘宝有购物需求要使用此功能的用户,多提供了一个渠道,还针对不了解淘宝的用户做了一波宣传,为淘宝拉取流量,提高转化率,做到了家族企业血脉相连。

06「兴业银行」查看银行卡完整卡号

产品体验:

①、兴业银行我的账户里面,初始化卡号展示默认隐藏中间段的多个数字,可通过点击卡号后面的眼睛图标,输入查询密码后显示完整卡号,并有一键复制功能。

②、在账户页面截图,会出现toast弹层,确认是否本人操作的警告提示。

3566923.png

设计思考:

银行卡作为我们的个人小金库,相信每个人都有多张在手。在如今的互联网时代,不管是线下还是线上,有很多地方要用到银行卡,而银行为了个人财产安全,部分银行并未在APP中提供卡号,以至于我们在要用的时候,因无法记住银行卡号,导致接下来的需求无法完成。

兴业银行(及部分其他银行)APP帮助用户解决了这一难题。进入账户页面,银行卡号默认隐藏中间段的多个数字,可使用查询密码查看完整银行卡号,还提供了一键复制操作,便于用户在其他地方使用。通过密码的查询方式,既能解决账户安全问题,又能方便用户随时通过线上查询卡号。

另外系统在账户界面检测到有截图行为时,会弹出toast安全提示,对这个小弹层,其作用也是众说纭纭、各抒己见。因为自己截图,这个toast毫无意义;如果是陌生人截图,这个提示对账户本人也是没有任何作用,从表面上看确实很鸡肋。不过有一点需要说明,其他人进入到账户页面就需要通过手机锁屏密码、APP登录密码、账户安全密码、银行查询密码(查看完整卡号),突破层层密码防护才行,所以能达到这种条件的不是“情人”就是“基友”,对于账户本人基本上不用担心财产问题,所以我个人认为这个toast提示是给其他人看的,只不过用心理暗示告诉对方请谨慎操作(这是我的账户,涉及财产问题,你不要瞎搞)。

07「淘宝」加入购物车-清晰感知反馈状态

产品体验:

使用淘宝把喜欢的商品添加到购物车时,会在屏幕中间出现短暂的弹窗提示,告知用户已添加成功。

3566925.png

设计思考:

说起购物车,简直比自家的床还要了解,尤其是“剁手节”的将近,大家都会疯狂的买买买,装了一车又一车,然后坐等节日到来。虽然每个用户都会使用购物车,不知道大家有没有留意,哪种添加到购物车的反馈方式最友好,最符合用户的心理预期呢?

淘宝加入购物车成功时的反馈相对来说是更符合用户心理预期的,成功添加之后,屏幕中间会出现“添加成功,在购物车等亲~”toast弹窗提示。我们用过的很多其他电商类型的APP,加入购物车都是直接在购物车图标上通过数字变化反馈。而淘宝的则是通过弹窗提示,这并非仅仅只是做差异化,在屏幕中心提示,占据有利地形,可以让用户更清晰的感知到当前的交互状态,比起数字变化类型的反馈更加明显,记忆更清晰,以便于用户在短时间内进行下一步决策。

08.「微信」青少年模式的作用

产品体验:

在微信的设置页面,通过登录密码开启青少年模式,设置成功后可修改大部分的功能访问权限,能够有效避免青少年以学习为由沉浸在网络世界里。

3566926.png

设计思考:

网络带给青少年的益处毋庸置疑,但是青少年沉迷网络的问题也应当引起广泛的关注。之前QQ就出过青少年模式,不过起到的作用是微乎其微,因为大部分老人和孩子都只知微信而不知QQ,依然会频繁出现孩子以学习为由在微信上嗨聊、刷视频、看新闻、买了不知情商品的情况,更有甚者直接在“吃鸡、王者”里花着父母的血汗钱去买皮肤,让很多家长苦不堪言。

微信新版本上线青少年模式功能,通过登录密码验证后开启,使微信小游戏、小程序、视频号、公众号、搜一搜等很多功能会受到一些保护限制,家长也可根据情况设置允许访问的范围。其实,任何功能都没有绝对性的,就比如上文所说,孩子玩游戏充钱买皮肤的事,家长也有不可推却的责任,没有手机解锁密码和微信的支付密码,是不可能充值成功的,所以密码的安全性也需要做好安全防护,只有在家长的严格监督和辅助下,微信青少模式才能起到它应有的作用。

09.「百度网盘」取消会员-善意的提醒暗藏转化

产品体验:

在取消百度网盘超级会员时,会使用弹窗对用户做出挽留,告知取消会员后造成的后果,需慎重思考,并弱化用户主操作的行为召唤按钮,让用户放弃取消会员的想法或通过操作失误而终止用户的行动。

3566928.png

设计思考:

每个产品都是基于以用户转化为目标的,尤其是付费类型的增值业务,每一个用户的转化都来之不易,如果用户离开,可能是永久性质的。当产品检测到用户有离开行为时,需要及时通过适当的鼓励或营销手段在用户离开之前作出适当的挽留,避免用户转投他处。

百度网盘在取消超级会员时,就通过弹窗来挽留用户。在弹窗中,罗列了部分对用户非常重要的功能,先以文案手段作出警告,提醒用户取消会员后可能带来的影响、后果;然后围绕产品的功能亮点进行展示说明,以此证明产品或内容的质量与真实性,让用户产生焦虑感, 强调取消会员的后果,唤醒用户的「警惕意识」,且能带来一定的驱动力;最后将主/次行为召唤按钮位置对调,通过视觉上的设计手段、障眼法阻止用户‘溜走’,来达到留存,降低用户的流失率。

10.「keep」跑步-屏幕常亮减少操作频率

产品体验:

使用keep跑步时,因给自己设有心理目标,会经常查看跑步用时及里程。在跑步设置里开启屏幕常亮,可避免因息屏锁定而需要解锁的麻烦操作,方便随时浏览运动数据。

3566929.png

设计思考:

身体是革命的本钱,现一代的年轻用户群体在紧凑的生活、工作的双重压力下,很多都会通过运动减压。基于金钱和时间成本的考虑,不一定会去健身房,那么运动软件里的跑步就成了首选,如果不给自己定下跑步目标就很难坚持下去,有了目标后,手机屏幕上的数据就成了坚持跑步的关键。

在跑步时,用户需要经常查看跑步的时长以及里程,因手机自动息屏锁定的情况,需要解锁方能看到数据,特别是有强迫症的用户可能会边跑边操作,非常麻烦,若果手机配置较差,锁屏后还有可能自动结束应用进程,真是苦不堪言,严重的话还会导致用户失去跑步的动力,而运动APP也直接被雪藏。

使用keep跑步时,这个问题迎刃而解。在跑步设置里开启屏幕常亮功能,就可避免因息屏锁定而需要解锁的麻烦操作,方便用户在跑步的过程中随时浏览运动数据,非常方便。

11.「淘宝」缺货-主操作按钮并未置灰

产品体验:

在淘宝挑选到自己喜欢的商品时,如果该商品缺货,主操作按钮文字会变成“缺货中,提醒掌柜发货”的提示。

3566930.png

设计思考:

除了吃饭最重要之外,接下来应该就是网购了,当然,这也是建立在自身经济条件或“信用”良好的情况下。当我们在购物应用上看到心仪的商品时,满怀期待的去下单,结果看到一个灰色的按钮不能操作,部分APP只显示了库存0,其他什么提示也没,满满的挫败感有木有?

淘宝APP则是用了友好的方式提醒用户。当我们需要下单发现缺货时,淘宝并没有用一个灰色不能点击的按钮呈现,相反,按钮做的更加醒目,通过提示“缺货中,提醒掌柜发货”文案提示,同样能激起用户点击的欲望,让整个流程能够继续,而不是在此终结,导致用户不知多措。有一点我们心里都知道,根本不需要用户提醒,商家肯定更清楚商品是否缺货,这样做的目的是便于用户继续完成主流程的操作,也留用户一丝希望,后期有再次光临的可能性,同时 让用户暂时忘记无法达到目标的挫败感,安抚负面情绪,又有体谅的情怀。

12.「使命闹钟」治疗懒床癌-不辱使命

产品体验:

使命闹钟是治疗懒床癌“患者”的专用药,只需设定一种关闭闹钟的方式,在闹钟响起后,要想成功关闭,则需要完成设定的方式(要动脑筋),待闹钟成功关闭,头脑已经清醒。

3566931.png

设计思考:

明天早上我要早点起床,先设定两个闹钟,好好学点东西,Emm......。清晨,闹钟一个接一个的响起,眯着眼睛无限延时,N分钟过去之后...天啦,要迟到了。这种情况80%人都经历过吧,我们总是无限的把希望寄托在明天,殊不知想的比做得多,到了第二天睡到太阳晒屁股了依然是平凡的一天。不管我们是为了利用早上的珍贵时间还是为了早睡早起,但是早上起床困难却成了我们最大的障碍。

使命闹钟可以帮助我们解决这个问题。在设定闹钟时,选择一个关闭闹钟的方式,比如:摇一摇、吹一吹、数学题等,可用让我们通过动脑经的方式完成关闭闹钟的条件方可,这真算是神仙操作了,狠起来来自己都不放过的赶脚,待闹钟成功关闭,睡意已去、大脑清醒,可以准备起床了。

(PS:本人亲身经历,曾经设置过数学题,出题的太狠了:162x46+1149=?,这时如果还迷迷糊糊,可能连手机里的计算器都找不到,更不要说把每个数字精准的输入完成计算了)

13.「网易云音乐」截图预判分享行为

产品体验:

在网易云音乐的任何界面,只要系统判断有截图行为,就会弹出最常用的分享渠道,便于用户传播分享。

3566932.png

设计思考:

分享功能是每个互联网产品不可或缺的功能,它可以满足不同人的传播需求。比如用户认同一个东西的价值、希望得到某种虚荣、利用稀奇古怪的事情博取关注和点赞等。晒悲伤,博人同情,或者是排解压抑情绪,表面上看虽然只是用户的一种表达方式,但还有一个最重要的就是企业自身产品的推广和传播。想要用户更高频率的触发分享行为,就需要在用户行动之前花点小心思了。

网易云音乐在任何页面,只要系统判断用户有截图行为,就会主动弹出分享渠道,便于用户直接进行传播,跟其他大部分APP需要在特定也页面才能分享或者通过打开社交软件传播相比,缩短了操作路径,提高了用户对截图页面的分享几率,方便用户的同时也可以对产品的推广起到一定作用。

那么,问题来了,截图自动弹窗对于不需要分享的用户来说并不友好,还要手动关闭,是不是增加了用户的操作成本呢?其实不然,根据Facebook调研数据表明,在娱乐、多媒体类型的应用里,高达69%的用户截图都是为了分享,占据大部分用户群体,其截图自动弹出分享正是为迎合这三分之二的用户提供便利,一个产品的呈现不管用哪种方式表达,都无法让所有用户满意,只需满足大部分用户即可,这也是设计团队即使发现了这方面的不友好,也没有对这个功能痛下杀手的原因。另外,分享功能虽然重要,但并不属于高频操作,所以即对部分用户不友好,但如果其他方面能做到尽善尽美,并不会给用户带来多大的影响,最终也会在微弱的负面情绪下坦然接受。

14.「全民K歌」练唱-利用加载进度普及使用技巧

产品体验:

全民K歌的练唱功能,首次进入在加载进度时,除了加载动画和进度条之外,还会出现各种功能使用技巧的小提示,避免用户在等待的过程中出现焦虑的情况。

3566933.png

设计思考:

用户与界面的每一次互动都是一次加载过程,因操作引起的页面跳转、刷新或弹窗等行为,页面都需要向服务器发送请求信息。在此过程中,由于网络及页面自身处理信息的原因,导致加载过程可能发生延长,从而需要一个“反馈”即加载来缓和用户的等待。有时加载时间过长会让用户感到崩溃,如何缓解用户在等待过程中可能会出现的焦虑感,是一个非常重要设计要素,否则就会造成用户的流失。

在使用全名K歌的练唱功能时,由于首次进入的加载时间(6~10秒)较长,除了应有的加载动画之外,还使用了进度条百分比提示,向用户生动的展示着当前页面的加载的进度,从而通过进度条设计唤起用户情感,以实现与用户情感层次的交流。另外还会出现各种功能场景使用技巧的小提示,弱化用户正在等待加载页面的心理感知,将用户的思维引导至其他方面,缓解因等待可能出现的焦虑,通过教育用户来达到由被动变主动的目的。

15.「农业银行」银行卡设置别名

产品体验:

在农业银行的卡片详情页面,可以分别对不同卡片设置别名,比如工资卡、房贷卡、生活卡等。

3566934.png

设计思考:

进入互联网时间,人均着手多张银行卡。手机银行APP也可以绑定多张卡片,因账户是同一个人开设的,所以显示的名称是一样的,并且还有部分用户在同一家银行根据不同卡种的优惠程度办理了多张信用卡。因个人需要,不同的卡片可能用于不同的用途,比如工资卡、炒股账户、房贷卡等,如果卡片资金混用,整体收支可能会一团糟。

在农业银行APP的卡片详情页面,可根据自己不同用途的需求,对卡片设置一个便于记忆、个性化的名称,并不会影响到在银行账户中的名字,设置好之后,便于用户更好的对自身理财账户进行区分,方便记忆和使用。另外还可以避免银行卡部分信息被(他人瞟窃)泄露,登录时无需银行卡号或身份证号,凭借设置的别名加密码登录即可。

16.「高德地图」导航-不一样的超速预警

产品体验:

使用高德地图导航时,如果超速驾驶,系统除了语音播报和左上角时速变红之外,屏幕两侧还会出现红色的光芒闪动,用视觉强调超速预警。

3566937.png

设计思考:

我们在使用导航自驾时,经常会听到语音播报“前方限速xxx,你已超速”,因为超速提醒会提前500米播报,这时如果及时把速度降下来,基本不会有事,但如果没有听到语音播报,一如既往向前冲,那么就要悲剧了,首先,别人都在减速,而自己还在超速,就会给自己或其他人带来很大的安全隐患;其次如果被电子警察拍到,罚款不说还得扣驾照分。

高德导航在超速的情况下,除了应有的语音播报和左上角时速标识变红外,在屏幕两侧还会出现红光闪动,用强烈的视觉提醒告知用户已超速,非常显眼,可以在用户没有听到语音播报的情况下,再次通过视觉预警,降低超速发生的概率,避免给自己或他人带来安全隐患以及经济损失。

(PS:当我们开着车超速的时候,突然出现的红光闪动,有没有感觉到,就像玩吃鸡、王者时,血条快没有了突然出现的红光闪动,如果还无脑向前冲,就算有十条命也不够你造的,总之后果很严重)

17.「搜狗输入法」一秒发送一屏表情

产品体验:

使用搜狗输入法长按表情emoji时,屏幕会出现一连串的表情输入,并伴随数字提示清晰显示表情的数量。

3566938.png

设计思考:

在社交聊天中,表情是我们必用的功能,表情往往比文字更能表达我们的真实感受,它能表达出我们的喜怒哀乐,相比冷冰冰的文字更生动、贴切。每个用户都有那个几个常用具有代表性的表情符号,但不同的应用,表情符号的样式也有明显的不同,这时候我们就可以通过搜狗输入法,在任何应用都能使用同一套表情系列,能满足用户在所有(部分不支持显示表情的除外)应用的表情需求,其他的功能也是一应俱全。

搜狗手机输入法emoji表情的魅力还不止于此。在与好友沟通的时候,会看到它每间隔一小段时间,就能发来一屏幕的表情,很惊讶也很好奇,这是怎么办到的呢?其实很简单,只需要在键入状态下长按emoji,屏幕上会连续出现此表情,一直按着会一直增加,而且还伴随着数字提示,可以清楚知道已输入表情的数量。用emoji发多个表情能表达出丰富情感,既方便又好玩,动效的表情和数字变化让显示更加直观,同时又略带趣味性。

18.「悦跑圈」数值变化的动效设计思考

产品体验:

进入悦跑圈首页,累计跑量的总数据通过动效在1500毫秒内从0不断增加、直至累计的实时数据为止,非常显眼。

3566939.png

设计思考:

数据是每个APP里面非常重要的板块,有很多时候,用户频繁的进入应用,而目标则是直击数据累计。数据虽然是最真实的写照,但如果表现的不够合理,反而会带来负面影响,影响信息的传播,误导用户的认知。

悦跑圈APP则是在短时间内,将用户累计跑量从0至总数据以动效的方式逐步增减展现,将抽象的数据通过可视化的手段表达出其内里的信息和规律,更加直观地传达数据信息,便于用户的大脑能够更好地抓取和理解有效信息,增加信息的印象。这种逐步增加的动效变化方式,让数据更容易被接受、内容更容易被理解、信息更容易被记忆。当累计数据很低时,从另一方面也起到的安抚用户心理的作用,暗示着任何东西和事务都是从0开始不但的积累,只要不放弃,数值就会不断增加,更是对用户的一种鼓励。

19.「百度网盘」会员即将到期巧妙的提醒

产品体验:

百度网盘的会员即将到期时,进入我的页面,会从设备右侧缓缓弹出挽留的文案提示,5秒后自动消失,再次进入后会看到新的文案,点击可直接进入续费页面。

3566943.png

设计思考:

会员是互联网产品中最稳定的一个用户群体,也是企业在盈利需求上非常重要的支柱,随着会员对产品的认同不断增加,企业也会钻研更多能满足会员的服务和特权(我说的会员不是注册用户,而是开通增值服务购买虚拟产品的客户群)。在如今基本全面小康生活的条件下,开通会员的用户有很多并不是有硬性需求,或许只是一时兴起短暂的需要,那么在会员到期时,如何留住会员继续使用增值服务则成了企业关键问题点。产品对于这种情况的处理,常见的无非三种:
①无任何提示:用户会员到期后,在不知情的状况下自动失去增值类的服务特权;

②强提示:通过弹窗或新页面告知用户会员即将到期,提醒用户续费,虽然有一定的作用,但如果设计不当,可能会造成用户的反感;

③弱提示:合适的时间、合适的地点给予用户弱提示会员即将到期,能轻微吸引用户注意力但不影响其他功能的使用,属于友好的提醒。

百度网盘则是用了第三种弱提示。进入我的页面,在个人信息及部分功能区域给予简单的文案,不影响其他功能的使用。友好的文案提示,丝毫不提续费会员的字眼,而是告知用户即将失去什么,会有什么样的后果,给用户造成一种心理负担,强调之前所获得的增值服务内容即将过期、无法继续使用,体现出服务或内容的「稀缺性」,从而让用户产生恐惧心理,强调事情的后果之后,促使用户行动,能唤醒用户的「警惕意识」,且能带来一定的驱动力,在不是特别理性的情况继续续费该服务,从而形成转化。

20.「微信」长按信息-搜一搜的妙用

产品体验:

在微信对话框长按消息,点击搜一搜,即可查到跟词条相关百科、视频号、朋友圈、其他文章等。

3566947.png

设计思考:

微信搜一搜功能上线快3年时间,可真正在用的用户却不多。在自己的印象中,有没有出现过这种情况,当朋友发来一个自己不熟悉的网络名词时,为了避免尴尬,赶紧复制到浏览器看看是什么梗,等了解清楚之后再回到微信,“卧槽”应用都结束进程了,需要重新进入,emmm.....

使用微信的搜一搜,长按需要搜索的信息调出菜单,选择搜一搜,即可在微信内搜索跟所选消息相关的内容。搜一搜会自动提取消息的关键词,如果对自动提取的关键词不满意,点击顶部标题的箭头,在弹出的页面中,滑动选择新的关键词即可,省时又省力,减少对用户搜索需求流程的打断以及不必要的重复操作,提升用户体验。

21.「支付宝」支付方式-余额宝组合付款

产品体验:

在使用支付宝余额宝付款时,如果当前余额小于应付金额,可选择其他任一支付方式跟余额宝组合付款,以补充余额不足的部分,顺利完成付款流程。

3566948.png

设计思考:

移动支付的推出到现在,确实给我们带来了极大的便利,有没有发现,出门带着现金,等回来时原封不动。用过支付宝的都知道,随着余额宝的成熟,余额账户平时来源于红包、转账、充值等金额,都会自动转入余额宝,随着时间的推移还有部分利息收入,对收入不高小额理财的用户来说求之不得。但理财方式五花八门,并不是所有用户都接受这种方式,所以即便余额宝账户只有极小的金额,也想直接花掉,不然看着碍眼,但直接使用不足以支付任何一个订单,提现则需要完成从余额宝-余额-提现复杂的操作流程,非常麻烦。

支付宝推出的组合支付就方便多了,在支付金额大于应付金额的情况下使用余额宝,可随意搭配其他任何一种方式组合付款,为无理财需求的用户体验提供了解决方案,极大方便用户使用,十分贴心,让整个支付流程变得更加顺畅,带来愉快的支付体验。

22.「搜狗输入法」趣味的变声功能

产品体验:

在聊天使用搜狗输入法时,通过键盘上的麦克风图标进入,点击变声功能就可以选择不同的声音将录音变声。

3566950.png

设计思考:

人体声带的本质就像青春期男性增高、女性胯部变宽一样,随着年纪逐渐变大,后面会逐渐发展出各自独有的声音特征。我们常听到各种主播的声音都好好听,虽然没有实质性的调查,但不可否认有部分主播就通过变身器或软件将自己的声音实时在线变声,毕竟是否原装不重要,重要是本身的目的。

搜狗输入法上线的变声功能,即可在支持语音录入的应用中发送语音消息时,进行在线实时变声,变声器和第三方变声软件都免了,用实时变声以增加互动真实性及娱乐性。在键盘的变声选项里,可以先通过试听选择自己喜欢的声音,不管是恶搞、扮嫩、撒娇等,对自己的声音进行“整容”,用来增加互动的趣味性。林子大了什么鸟都有,不免会有一些居心叵测的人钻了空子,用于不法之途,但问题不在于软件,而是取决于用户的本身。只要人心向善,软件功能带给我们的好处远远是喜大于悲。

23.「腾讯视屏」弹幕-人人都能装明星

产品体验:

腾讯视频在横屏观看发送弹幕时,选择该视频对应的主要人物角色,发送成功后,即可在弹幕区域看到自己编辑的文字前面,有明星头像和角色名称展示。

3566951.png

设计思考:

有人说“看视频不开弹幕不如不看”,这句话听起来是否感觉很夸张?在看视频的众多用户群体中,不乏有找乐子、打发时间、兴趣爱好等,很多空余时间都沉浸在视频应用里面。虽然弹幕可能会影响我们的视觉体验,不可否认的是,有时候开着弹幕看视频,要远比视频内容本身更吸引人,里面的各种剧透、键盘侠、甚至“脑残”发出的言语充斥着视觉,让我们在互动的过程中更快的融入角色,纵然会有部分的不愉快,但整体来说,利大于弊,不然早关闭弹幕了。

腾讯视频的弹幕功能虽然被部分用户吐槽体验差,但也有些细节还是很照顾用户心理的。比如说弹幕之前选择剧中人物角色编辑内容,发送成功后即可在弹幕区域看到自己的话题文字前面有明星头像和角色名称显示,能让用户更快的带着人物角色本身的色彩融入其中,和其他网友一起深入交流互动,博得点赞等,  还能满足追星族用户的「虚荣心」,带来一种荣耀和心理上的满足感。

24.「支付宝」蚂蚁森林-善用文案的力量留住用户

产品体验:

每天进入支付宝-蚂蚁森林,在最新动态区域,都能看到偷取我们能量最多的好友排名靠前,并附带“今日最过分”的标签,颇有挑衅的味道;偷取好友的能量后,同样能看到偷取最多能量的好友排在最前面,并提示“今日最慷慨”,言语之中也有激励之意图。

3566952.png

设计思考:

看过《三国》的朋友,不知是否还有人记得诸葛亮在北伐的一次战役中,凭借自己的“毒舌”直接当场骂死魏司徒王朗,从此被誉为“喷子”的鼻祖。在如今的互联网时代,言语也是用户转化的利器,它只不过是从听觉转换为视觉。不管是banner、横幅、落地页,只要言语得当,其作用都是不可估量。无策划,不营销!因文案营销成功的案例不在少数,好的文案能起到促进品牌资产的积累、增加消费者的信任、整合与互动、增加外部链接与点击量等作用。

支付宝蚂蚁森林的能量偷或被偷,都带有较为玩味的文案提示,虽然不是特别激进,但跟其他应用类似排名的功能相比,并非只是为了排名而排名。在进入蚂蚁森林时发现能量被偷,使用“今日最过分”的标签提示,可以理解为激起用户情绪的一种激将法,制造出一种用户是因为“胆怯、无能”才离开的感知,调起用户不服输的心理,从而将用户的情绪转化为行动。偷取别人的能量之后,用“今日最慷慨”的提示强调对比、明示效果,以满足用户的面子心理及胜负欲的体现,同时也在暗中鼓励用户,通过增强用户的使用频率来达到留存。 

25.「腾讯新闻」新闻详情-左滑查看评论的手势交互

产品体验:

在腾讯新闻的详情页面,除了滑到底部或点击图标查看评论之外,还能通过左滑的交互手势操作进入评论页面。

3566953.png

设计思考:

使用过iPhone手机的用户都知道,返回上一级页面可直接通过右滑的手势交互完成。随着信息时代的发展,交互手势作为触屏手机的主要人机交互方式之一,越来越被广大设计师及使用者所重视,移动产品的设计都是建立在手势交互基础之上的。用户在虚拟现实中发出的除声控、眼动、操作杆的指令外,手势交互相对来说出错概率更低。虽然iPhone的右滑返回操作已变成用户的认知,但左滑进入需要触发何种功能则需要慎之又慎,否则就会造成功能层级混乱,让用户产生迷惑,起到反作用。

腾讯新闻的详情页面,可直接通过左滑查看用户评论,因左滑的手势交互并没有特定的功能及含义,无法成为广大用户的惯性思维认知,即保留了原有的滑到底部或点击图标查看评论的入口。左滑查看评论则更加便捷,免去了图标区域的精准点击,把操作区域扩大到全范围。相对于单点操作的精准度和视力清晰度的高要求,手势操作在易用性方面,扩大了触发面积,提高容错度,放宽了操作限制。

26.「微信」表情搜一搜-斗图必杀技

产品体验:

打开微信对话框里的表情功能,点击第一个搜索图标,就可以根据输入的关键词匹配对应的表情库。

3566961.png

设计思考:

使用微信聊天,很多时候我们都会使用表情代替回答,操作简单快捷。用个性化、情感化、趣味化的表情,可以缩短用户沟通的生硬感和距离感,并能很好的表达情绪,传神的表情还能达到一语双关的效果,省去打字的麻烦,效率高。基于人的本性对这种新奇、动态的东西,更容易被吸引和“刺激”,在某些种场景下展示,比语言表达更为丰富,所以很多用户看到有自己喜欢的表情时,都会忍不住添加到私人表情库,但不知道有没有发现,表情少了不够用、多了太难找,斗图的的乐趣就变成了忧虑。

微信最新推出的表情搜一搜功能,完美的解决的这个问题,只要你有流量,就可随时通过输入关键词智能匹配海量的表情,在词穷或斗图时使用,让交流不再尴尬,既能增加交流互动的趣味性,还能有效避免用户因找图而浪费大量时间,操作简单且人性化,让整个社交过程更流畅。

27.「自如」画圈找房-个性化的位置精准搜索

产品体验:

在自如的找房功能页面,点击右上方的画圈图标,即可将自己租房的理想位置圈出来,锁定区域找房。

3566962.png

设计思考:

在外奋斗的人群,首先要解决的就是住的问题,除了价格,那么租房的位置就成了最大的问题。一般找房都都是通过精准地名、地铁站/沿线或以及自身为中心的方圆距离搜索,等到确定好了最终看房的时候,位置偏离的无法忍受,浪费大量的时间不说,还对很多的房源失去了信任度。

自如APP使用画圈找房,位置就相对精确了很多。在地图界面,通过手动画出自己想要的区域来查找房源。交互手势的运用,提升了检索功能的自由度与灵活性,为用户节省了时间又提升了搜索结果的精准度。简单明了的手势操作对用户而言几乎没有学习成本,可谓是好用无负担,实现房源的精确定位。

28.「每日优鲜」登录前-满屏羊毛等你来薅?

产品体验:

进入每日优鲜APP,在登录之前看不到金刚区、轮播图、爆款商品等这些常规板块,只有满屏的优惠和红包刺激着用户的大脑,登录之后,确实有很多优惠,不过对比登录之前还是大庭相径。

3566963.png

设计思考:

天上不会掉馅饼,这是每个用户都明白的一个道理,虽然在很多应用上都可以薅到羊毛,但企业一定会做很大的限制,甚至秋后算账。为了用户的转化,各种引导用户注册登录的手段真是五花八门,有的虽然遵循了本心,真实的给到了一定的优惠,但还是有少数应用就是纯粹诈骗,变着法套路用户。比如,看到一个红包,应用就会提醒你提交手机号码(诱导注册)领取,不过等到提交成功之后,你会发现要想领到红包需要完成的各种任务恐怕一辈子的时间都无法完成。甚至会引导用户忘记进来领红包的事情,因为它会利用人性的弱点,还有更大的套路将变换着你的思维,毕竟先把游客转化为自己的用户是首要任务,一旦成功,后面的各种转化手段就可以肆无忌惮了。

使用每日优鲜APP时,在登录之前,通过福利的发放、商品的优惠等利益刺激手段,吸引用户产生对内容/商品的占有欲, 以“下单就让利”的方式来促进商品的转化,引起用户的「贪便宜」心理,勾起消费欲望,促使用户点击并引导注册,将游客转化为自己的会员。成为注册用户之后才算真正开始,否则一切都是空谈。待用户登录成功之后,至于是否要履行登录之前的承诺还是通过其他手段转移用户目标,这就要看营销手段了,毕竟留住了用户,如果投其所好,一切皆有可能。

29.「哔哩哔哩」启动页-把选择权留给用户

产品体验:

哔哩哔哩的设置功能里,可在系统提供多张样式图中,选择一款设置为应用的启动页,以后在每次启动应用时都将显示自己设置的图片。

3566964.png

设计思考:

我们在启动APP应用时,大部分首先映入眼帘的就是启动页,既能增强用户对app软件的感知度,同时还能保证用户在进入首页之前进行预加载,便于进入后使用更流畅,所起到的作用无可替代。除此之外,可以通过产品名称、广告语、色彩等内容,反映出APP品牌的基调,含有触动情感故事情节的画面,还能产生情感共鸣。说到底,最主要的作用还是解决APP在启动的过程中需要加载资源、网络请求而耗费的等待时间,短时间用户还可以保持是新鲜感,但对于同一个启动画面久而久之就会产生视觉疲劳,在启动页呈现之时,依然感觉无聊、乏味。

哔哩哔哩APP同样绕不开启动页(资源加载时间缓冲)这道坎儿,但是,却把启动画面样式的选择权留给了用户,非常友好。对于只有一种样式的启动页,用户在产生反感时,有种无法掌控的无助、急躁。哔哩哔哩APP虽然有多个画面以供选择,但全都是系统提供,丝毫不会影响品牌传递及情感共鸣,同时让用户自己去选择,并暗示这个页面自己可以掌控,即使用户在某个时间不喜欢这个画面了,但终究是自己的选择,能够将其对APP产生的负面情绪转嫁到自己身上,以此来提高用户留存。

(PS:道理同上,当我们在完成了一项工作任务,把方案A呈现给领导时,总被领导挑出很多问题,于是就改成了方案B,可是在领导面前依然不过关。但如果我们同时把方案A和方案B一起呈现领导时,领导可能会二选其一,而且非常满意)

30.「淘票票」系统提供图片-评论更具价值

产品体验:

使用淘票票进行电影评论,添加图片时,可将系统提供的剧照、海报、工作照等印象深刻的图片添加到评论中。

3566965.png

设计思考:

电影评论,顾名思义就是对所看的电影,将它的拍摄手法、故事内容、演员表现等方面所总结出的一种看法。不仅可以将自己的观后感表现出来,还能起到对后来者不可估量的作用,甚至影响着整部电影的价值,所以有很多影迷在看完电影后都会去评论,为了把评论写的更加真实(键盘侠除外),还会附加几张图片,无奈电影院不允许拍照且线下还需要去查找图片资源,让整个评论的过程变的很鸡肋。

淘票票APP在评论时,则提供了大量的剧照、海报、工作照等电影情节/细节的图片,我们可以把喜欢的人物角色、印象深刻的片段相关的图片找出来,添加到评论中,不仅可以把自己的想法体现的淋漓精致,还让评论的内容更具真实性,有理可据,体现出评论真正意义上的价值。

结语:

设计师需要养成体验产品的好习惯并将优秀的产品细节记录下来,加强自己的记忆,不仅能提升自己的语言组织和总结能力,也为日后输出优秀的作品当铺垫,对自己的能力提升以及未来的职业发展带来便利。

本期产品细节分享结束,我们下期再见。


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK