产品体验|10个助力产品增长的设计细节(21)

2 评论 2797 浏览 25 收藏 14 分钟

编辑导语:一个好的设计细节能有效助力产品增长,本篇文章作者分享了10个助力产品增长的设计细节,讲述了其使用场景和设计思考等内容,一起来学习一下吧,希望对你有帮助。

章节目录:

  1. 【飞猪】猪鼻搜索 – 融入动效,强化品牌渗透;
  2. 【Timebook】点赞动效 – 停留后的播放,引导操作;
  3. 【腾讯新闻】长按点赞 – 彩蛋背后的思考,释放用户情绪;
  4. 【支付宝】清爽模式 – Tab隐藏,专注支付工具服务;
  5. 【飞书】双击编辑 – 交互的提效用途,更快更高效;
  6. 【贝壳找房】新旧看房 – 产生预判,避免白走一趟浪费的时间;
  7. 【得物】3D试穿 – 及时体验,减少门店试穿过程;
  8. 【映客直播】 双直播 – 一个预览直播一个小窗直播,屏效利用更大;
  9. 【拼多多】商品收藏 – 预选属性默认保存,一键懂你;
  10. 【微信】视频号喜欢 – 头像神奇位移,极度舒服。

一、【飞猪】猪鼻搜索——融入动效,强化品牌渗透

1. 使用场景

全新UI升级后,搜索模块有较大改动,如何在搜索栏中引导用户,同时不打扰用户使用。

2. 设计思考

设计目标:提升搜索按钮pv率,同时强化飞猪品牌。

设计方案:在进入飞猪界面时,能看到顶部搜索栏搜索按钮会有一个猪鼻子抖动特效,随后消失,下拉刷新时,猪鼻子特效再次激活,很是有趣。

其实在完善的旅游行业中,产品设计已经很难有独自特色亮点,毕竟设计都是有轮回(拟物-扁平-再到拟物)。安卓与苹果手机的交互视觉也基本相仿,那好的设计还能从哪里出发?

结合产品特有的品牌IP去进行产品融入,如果能在产品目标中进行强化IP那简直厉害。很成功的产品设计细节,再一次强化了飞猪在我脑海中的记忆,值得大家学习。

二、【Timebook】点赞动效——停留后的播放,引导操作

1. 使用场景

一款社交产品,能让用户持续UGC(用户素生产内容)不容易,需要有较多互动,才能留住用户。

2. 设计思考

设计目标:提高点赞互动率,让用户互动率得到提升。

设计方案:当用户停留到某一条动态时,通过页面悬停时间,激活点赞按钮动效,灵动的动画,仿佛对方再和你互动,想要你一个点赞,不自觉地就会引导互动起来,也算是打破只看不点赞的僵局。

这个设计亮点非常值得学习。当你要提升某个功能使用率,不妨把做图标设计的时间改为动效设计。相比于平面图形,动态图形更容易引起用户注意。

三、【腾讯新闻】长按点赞——彩蛋背后的思考,释放用户情绪

1. 使用场景

新闻资讯类产品长时间阅读会引起用户疲劳,如何通过点赞来让用户短暂休息。

2. 设计思考

设计目标:提升用户使用时长,短暂放松是为了更好的阅读使用。

设计方案:前面有讲过微博点赞动效,其实做的蛮浮夸的,但作为泛娱乐产品还是挺好的,但也会强制打断用户阅读。

在腾讯新闻中通过长按点赞图标,会激活点赞动效,统一的红色图标,强化点赞按钮本身的属性。随着长时间按压,屏幕会显示逐渐递增的数字,最高到+100大约需要5s,这个过程能让用户眼睛聚焦,大脑放空一下,好让之后阅读思路更加清晰。

四、【支付宝】清爽模式——Tab隐藏,专注支付工具服务

1. 使用场景

支付工具内的众多服务增加使得产品越来越臃肿,不使用的功能时常干扰用户操作,反感声越来越大。

2. 设计思考

设计目标:通过自定义生活频道导航栏,让用户操作更清爽,提升用户满意度。

设计方案:在我的-设置-功能管理-生活频道入口,来选择生活频道是否在底部导航栏中显示。开启关闭配有对应效果方便用户直观理解,尤其对于亿级体量的产品,要满足不同年龄层用户学习成本,图示对应会更加友好,提升用户理解与使用体验。

五、【飞书】双击编辑——交互的提效用途,更快更高效

1. 使用场景

在文档预览模式下,如何对某一行进行快速编辑操作。

2. 设计思考

设计目标:提升预览到编辑的快速切换,缩短交互路径,为用户提效。

设计方案:当用户浏览一个文档,想要在某一行进行文字编辑时,除了右下角编辑按钮外,还可以双击想要编辑的段落,即可快速进入编辑模式,同时光标停留在双击位置处,很是高效。

这就是菲茨定律,通过双击交互来替代点击编辑按钮的交互时间,从而让编辑效率得到提升。反观语雀,移动端并没有做到这点,编辑文章回到顶部,还得和有优化空间的。

六、【贝壳找房】新旧看房——产生预判,避免白走一趟浪费的时间

1. 使用场景

二手房中,看现房很难产生清空后的房屋预判,会因为房间过乱或东西过多导致空间不好的预期,如何解决用户这种问题?

2. 设计思考

设计目标:通过VR技术进行三维空间采集来提供全新室内设计布局,提高房屋转卖率。

设计方案:在二手房详情页中,点击设计效果,能看到当前与新装修后的室内对比VR图,避免因旧家布局乱,产生不好的预期,从而不在详细了解。

虽然VR技术是接第三方服务,但这种新旧装修对比最能直观给用户产生正向预期。好不容易买一套房,不也要找室内设计先看下整体装修效果吗!

七、【得物】3D试穿——及时体验,减少门店试穿过程

1.使用场景

线上电商最大的痛点就是无法试穿,导致看上去挺好,但我自己穿就不知道了。

2. 设计思考

设计目标:通过AR现实,提升试穿直观感受,从而促进商品下单率。

设计方案:在商品详情页中,点击AR试穿,就可透过手机看到鞋子试穿后的效果,除了真实脚感不能感受,外形各角度效果都非常不错,有种身临其境的感觉,刺激用户进行下单决策。

无论是直播电商试穿或者AR试穿都在解决用户无法亲身体验的尝试,通过一个对象嫁接,能使用户得到信任,从而提升商品交易量。

八、【映客直播】 双直播 – 一个预览直播一个小窗直播,屏效利用更大

1.使用场景

关注的博主,晚上同一时间开播,无奈只有一个手机不能一起看。

2. 设计思考

设计目标:提升直播曝光率,为用户提供更更多博主直播,提高屏效。

设计方案:在直播页面中,选择小窗口模式,会以浮窗直播外漏,用户可边看小窗直播,边看预览直播大画面,目的为了曝光更多优秀博主内容,让用户按需选择。双直播无论对用户还是博主都提供了多种引流方式,从而提升浏览量与浏览时长。

九、【拼多多】商品收藏——预选属性默认保存,一键懂你

1. 使用场景

拼多多拼着买更划算,可遇到当下不买但需要过几天买的东西,又不想滑走商品,这时就需要收藏功能来代替购物车。

2. 设计思考

设计目标:提升收藏功能的易用性,不用二次选择即可一键下单,快捷高效购物。

设计方案:在浏览商品时,选择好商品属性,点击收藏,商品默认放在收藏模块中,需要买时,只需打开收藏页,就能看到商品信息和之前预选的商品属性,节省二次选择操作,为用户提供高效收藏。

相比淘宝的收藏,只是简单的商品收藏,并没有把预选的商品属性一并收藏起来,用户在收藏中购物时,还需要再进入商品页二次选择,频繁重复的操作,带来的低效的购物体验。

十、【微信】视频号喜欢——头像神奇位移,极度舒服

1. 使用场景

在浏览视频时,如何引导并强化点击喜欢的操作。

2. 设计思考

设计目标:提升喜欢交互的趣味体验,提高点击率。

设计方案:当点击喜欢,你能看到自己的头像会有一个弧形移动效果,最终停留在正文上方。很流畅的操作,头像停留出是好友旁边,有种挤在朋友身边的错觉,并不孤单,加强亲密性,视频都很喜欢并不是只有我自己觉得好。

弧形移动相比直线移动更具有动感,更能抓住用户视线,从而再次强化喜欢按钮的功能。

十一、结语

设计师要有发现美的眼睛。美不仅是视觉,还有好的体验流程。不要让用户思考,这是每个设计师所追求的。

认真记录产品细节,了解背后的思考,也是不断提升自己逻辑思维和表达能力的一种方式。

本期产品细节分析结束,我们下期再见!

#专栏作家#

碳水Sir;微信公众号:草蓉三石,人人都是产品经理专栏作家。One More产品设计负责人,擅长设计细节洞察分析。

本文原创发布于人人都是产品经理。未经许可,禁止转载。

题图来自Unsplash,基于 CC0 协议。

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 好多巧思!有被细节到,尤其是飞猪的搜索图标变动那个,真的好可爱

    来自广东 回复
    1. 这不就被你发现了嘛

      回复