豆馅的体验日记01

  • 经验类型经验/观点
  • 经验属性原创文章
  • 经验版权署名
430 0 2 2022-10-12

产品体验日记可谓是我一直以来想做的事情,可是懒癌太重,迟迟拖着不愿动手。作为UI设计师,应站在用户的角度思考问题,去体会用户在使用场景中的痛点。如何去感受呢,产品体验就是一个很好的方法,总体验中发掘大厂的设计巧思,思考设计背后的深层目的,逼迫自己思考和总结。话不多说,来吧。

  

01.酷狗首页模块管理

产品体验点

酷狗首页模块卡片有快捷的展开和收起的按钮,对于每个模块用户都可自定义决定是否显示,显示的位置及卡片大小,让用户可DIY属于自己的酷狗首页。

设计亮点分析

市面上各种音乐类App都会通过各种维度比如个性化推荐,新歌推荐,电台音乐,排行榜去给用户推荐歌单,以此从不同角度去迎合用户的听歌喜好。但是一旦维度过多,产生的模块在有限的首页空间就会显得十分局促,用户也需要上滑好几屏才能浏览完所有分类,而且越往后的模块曝光量更是不高。所以如何管理排序这么多模块是个需要解决的问题。酷狗音乐把如何管理排序首页的权利真正的交到了用户手上,每个用户都可以自定义自己的首页。酷狗音乐对每个模块都能有快捷的操作按钮去展开和收起模块。用户对于不喜欢的模块可以点击小箭头收起,甚至可以点击隐藏该模块。如此便捷的模块管理真正是让用户定制属于自己的首页,而快捷的小箭头也让卡片的展开和收起的操作成本降低了许多。不仅有快捷的操作按钮,酷狗音乐在每个模块卡片还提供了更为深层的管理,如“”放大卡片“,”置顶“”修改布局“等。酷狗App 的卡片管理功能让用户掌握了主动权,通过对首页卡片数据的埋点,也能更透彻的了解用户真正喜欢的歌曲类型和模块,从而更有针对性的推荐。


02.酷狗首页顶部导航栏tab切换产品体验点

酷狗利用用户的左滑惯性,通过左滑切换到设置页,充分利用了左滑的手势的优势,重新开发了这一手势新的定义,设置页的到达更加高效,也更便捷。

设计亮点分析

1.酷狗首页顶部导航栏标签切换时,在动效上处理得十分细节,通过圆点的长度和大小的变化表现出了粘连和磁吸的效果,显得Q弹有趣,也十分符合App年轻酷玩的调性。

2.当手势向左滑动切换标签的时候,左滑到最后一个标签时,常规的做法应该是禁止用户再继续左滑,但是酷狗不按套路出牌。App利用了用户操作的惯性,当在最后一个标签继续左滑时,酷狗App跳转到了设置页。通常App的设置页的入口都会隐藏在比较深层的位置,例如右上角之类的位置。虽然大多数时间用户对设置页的入口并不十分关心,但是总有时刻需要去更改一些设置,这时快捷的设置页的入口就显得十分重要。就像生活中工具医药箱的位置一定是要方便易拿的,不会在需要的时候找了半天都找不出来。酷狗App将设置页的其中一个入口放置在了首页左滑的最后一个界面,既方便了用户随时随地到达设置页,也不过分抢占用户的注意力,就像一个约定的小默契,用户总会在不经意的左滑发现该设置页的入口,然后记下该位置,再在需要的时候通过手势抵达。当然,酷狗app对于设置页的入口还有常规的入口,以防部分用户没有发现这一交互。


03.酷狗音乐的歌单预览模式

产品体验点

歌单的“预览”模式可以让用户在短时间聆听歌曲精彩部分,帮助用户快速挑选心仪的音乐,节省大量挑选音乐的时间。

设计亮点分析

当用户进入到一个陌生的歌单时,面对二三十首新的音乐,用户会不太清楚推荐的音乐自己是否喜欢,并且想要快速找到自己心仪的音乐。按照通常的做法就是一首一首点开去播放倾听,播放聆听完整首音乐才能判定对该音乐的喜好。但在这个快速消费的时代,有的用户是更希望能够快速找到自己喜欢的音乐,如果按照常规的做法会比较耗费时间。因此酷狗App推出了“预览”功能,进入“预览”模式可聆听歌曲的副歌部分去判定是否喜欢该歌曲,预览功能提供了一种快节奏的听曲模式,用户可在短时间内聆听歌单的推荐音乐,对于喜欢的音乐也能进入到“听整首”的模式,极大迎合了用户的操作习惯,挖掘了用户的痛点。


04.网易云音乐歌曲定位产品体验点

歌曲定位icon 有利于用户在众多歌曲中快速定位至当前播放歌曲。

设计亮点分析

网易云音乐的推荐歌单数量会比较多,少的话是几十首歌,多的话则是几百首歌曲。当用户在众多歌曲中选择音乐播放,往往会忘记当前歌曲的所处位置,如果要手动滑动去查找,费时费力。为了解决这一痛点,在歌单的右下角有个小小的定位icon ,用户可快速定位至当前歌曲,实用高效。


05.抖音App 的刚刚看过产品体验点

当用户刷完一条短视频,对该视频感兴趣,点进创作者的个人主页时,使用刚刚看过功能可以快速到达刚看过的视频。

设计亮点分析

抖音的视频流通常都是以短视频为主,短平快是抖音短视频的主要特征。因此有些视频博主在创作较长内容时会选择分集,通过分集的形式展现完整的内容。作为用户,当我刷到某个感兴趣的内容时,比如吐槽张翰新剧的解说,我觉得很有意思,想要继续观看这方面的内容。于是我点进了博主的个人主页。在右下角有个“刚刚看过”的按钮,点击按钮就可到达刚刚看过视频的位置,我也可以快速的选择这部分内容继续观看。“刚刚看过”帮助用户进行当前视频的定位,提升了用户查找相关视频的效率;同时也是抖音对创作者内容的二次推广,用户进个人首页,代表用户对该创作者的当前内容是感兴趣的,抖音把刚看过的视频明确的筛选出来,可吸引用户浏览其他类似内容。就仿佛在商场里你对一条牛仔短裙感兴趣,往往销售员会推荐你看看其他同类型的牛仔裙去提升成交率。因此该功能不仅是站在用户角度去设计的,也是对产品流量的深度转化。


06.bilibili的小窗视频

产品体验点

B站的短视频页面选择返回到首页,视频界面并没有完全退出,而是以小窗视频的形式悬浮在首页的左下角。

设计亮点分析

短视频是非常流行的内容传播方式,随着智能手机的普及和网络的提速,短平快的大流量传播获得了各大平台及用户的喜爱。比起长篇大论,用户更倾向于短平快的方式去接受资讯,这也造成了用户通常看到一个新视频时只会花几十秒甚至几秒的时间去评估是否继续观看该内容。太快节奏的浏览方式会让用户错过可能原本感兴趣的内容,也让视频失去曝光。因此,B站在用户选择返回退出到首页时,以悬浮小窗的形式继续让用户观看该视频。一方面用户既可继续小窗观看,也可一心二用继续在首页浏览更感兴趣的内容。小窗视频的控件也满足了用户快节奏观看视频的喜好,前后15秒的快速切换按钮,全屏放大的功能及快速暂停和关闭的按钮都可以让用户快捷操作该视频,即使用户不喜欢该视频,也可选择快速关闭。


07.得物的相关搜索产品体验点

得物的内容详情页的内容最下方附带该内容的商品购买链接和相关搜索,点击该搜索标签,会快速到达相关搜索页。

设计亮点分析

用户在点击内容页,查看了某一内容,即代表该用户对该内容是有兴趣的。掌握了用户的兴趣点,如果什么都不做,那这个兴趣点就是无用的。记得之前公司的一个老板说过,希望用户的内容详情页不是一个终点,而是一个起点。所以需要抓住用户的兴趣去转化,那如何转化用户的兴趣点呢?得物给出了他们的解决方案,即给用户推荐该商品的快速购买链接和内容的相关搜索。用户如果喜欢该商品,在当前页面就可快速选择商品的规格型号购买,无需再去按照常规操作购买。如果用户对该商品的类型感兴趣,点击相关搜索 的标签 相关内容便会快速呈现。商品的快速购买链接和相关搜索抓住了用户的兴趣点,提前预判了用户的操作,交互减步长,简化了用户的购买和搜索步骤,不仅便利了用户,也提升了产品的购买率。


08.脉脉的用户可切换身份评论产品体验点

在脉脉上,用户进行回复评论的时候可切换身份,这些身份可以是某公司员工,也可以是某职业从事人员,当然也可以是匿名或者实名。

设计亮点分析

如今社会中,每个人都具有多重身份,比如可以是某公司员工,也可以是前某公司员工,或者等等等身份。因为脉脉这个平台是一个职场交流平台,职场交流具有敏感性,针对性和封闭性。当涉及到敏感话题时,有的用户会希望保护自身隐私,用匿名的方式发表言论会更有安全感。还有些话题类似于涉及到某某公司的薪资待遇,这类话题更具有针对性,用户采用更相关的身份去参与评论会更有意思。因此,切换身份去发表评论可以让职场言论更自由,用户会更愿意分享自己的看法。


09.豆瓣的快速回到原文产品体验点

豆瓣在回复区浏览的时候,导航栏有提示文案,用户只需点击导航栏提示文案就可快速回到原文。

设计亮点分析

在帖子回复内容非常多的情况下,用户在回复区不断的翻阅,滑动,评论,用户的浏览路径已经拉得非常的长。如果想要手动回到原文,步骤是非常繁琐的。因此为了解决这一痛点,豆瓣App在导航栏设置了一个快速回到原文的按钮,省去了用户不断上滑的动作,优化了交互路径,减少操作步骤。


10.豆瓣的评论翻页功能产品体验点

豆瓣的评论区可翻页查看,可自由的切换查看不同页码的评论。

设计亮点分析

当面对几百上千条的回复时,如果不做任何处理,平铺直叙的呈现给用户,那用户的阅读成本是比较高的。豆瓣的翻页功能 将回复的内容分成几页,并标注清楚目前所处的评论页数,用户可选择其他页数进行浏览。翻页功能对信息进行了处理,缓冲了视觉疲劳,减少滑动的手势,提升了用户体验。

Powered by Froala Editor

全部评论:0

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票