神奇的小豪同学

北京 | UI设计师

感谢大家对黑马家族产品体验日记栏目的关注，能把简单的事情反复做，反复的事情做到极致，你必能从中获得超越别人的经验。

这一期产品体验日记是黑马家族 @神奇的小豪同学 坚持 200 天的一个时间点，一个小目标算是达成了，下一个就是 365 天的坚持。随着不断的积累和总结，对于自身的设计认知得到了很大的提高。希望他能继续坚持下去，发现更多的设计细节、设计思路和灵感。

“微信”语音铃声

关键词：#趣味性#

产品体验：

在微信中，点击我-设置-新消息提醒-来电铃声/消息提示音，更换微信内的提示音。

设计思考：

微信在增加更换提示音之后感觉语音更像在打电话了，可以说打电话已经是当下用户作为急事才会考虑的事情之一，而微信在不断丰富产品的社交功能属性的同时，配套社交趣味性也是重要的一环，增添铃声对于产品本身并没有多大的改变，但是对于用户的使用趣味和对产品的好感度会更加紧密。

“网易云音乐”听歌识曲

关键词：#正确率#

产品体验：

在网易云音乐中，首页右上角点击话筒的icon进入听歌识曲的界面，对这播放的歌曲放置手机等待，识别出歌曲后显示结果，由最像到不像排序显示。

设计思考：

识别歌曲这个功能在音乐类产品中还是比较常见的功能，面对数量众多的歌曲，用户并不能全部知道歌曲的名字，那么听歌识曲很好的解决了这个问题，但是单独依靠智能识别有时候还是会出错，网易云在这里增加了容错的几率，也是对识别的正确率做调整的机会，逐步的增大对识曲的正确率。

“抖音”推荐朋友

关键词：#留存# #分流#

产品体验：

在抖音中观看短视频内容，中间会穿插关注用户本人的其他用户，以便推荐互关。当没有下一个的时候自动跳到下一段视频播放。

设计思考：

对于抖音中庞大的用户流量，尽力转化为社交的的流量，在中间穿插推荐互关，以便与把用户留下来在产品内形成闭环，增加对自身产品的分流。同时在没有关注的朋友需要回关的时候，会自动恢复视频的浏览，当然也可以自己划走直接开始浏览内容，避免用户在中断浏览后流失用户。

“Yami”的登录页

关键词：#视觉效果#

产品体验：

下载Yami之后启动，在短暂停留首页后跳出登录页，注册登录后进去首页使用。

设计思考：

Yami的登录页视觉效果采用了半透明的方式，用户在此页可以隐约看到登录后的页面，对用户来说产品本身年轻化的社交加上广告效应，在这里的强制登录并不会对这类人群有太多的阻碍，可能反而会刺激用户做出注册的动作，增加了产品的注册量。

“淘宝”被折叠的用户评论

关键词：#用户体验#

产品体验：

在淘宝中点击商品，查看商品评论时会发现有“已折叠XX条对您帮助不太大的评论”字样。

设计思考：

随着淘宝的用户人群越来越多，对产品本身也不是单纯的电商产品，评论肯定也是越来越多，但是面对相当一部分用户对于评论只是拿积分之类的任务，势必产生出相当多的无效评论，比如没有评价和图片的一些评论，这样的情况增多对于另一部分通过评论了解产品的用户来说就是阻碍了。

更新折叠评论有效的减少了无效信息，提高了用户对有效信息的阅读，也会直接提升用户的使用体验。

“淘宝”商品详情页中进入店铺的提示

关键词：#动态# #强化#

产品体验：

在淘宝中浏览商品，点击进入商品详情页，向下浏览，页面走到商品介绍时从界面右侧弹出提示进入店铺的按钮。

设计思考：

对于淘宝在最近两年中的方向调整，从首页等其他地方会有很多推荐商品聚合的列表，对于我本人来说很多时候是在不经意间进入到这里，在浏览商品中进入详情页退出的位置依旧是列表页。

那么，在商品介绍的部分增加了进入店铺，首先是一般用户能浏览到这里就是对商品的有购买了解的冲动，其次就是对于店铺商家的流量支持，以动态的方式弹出按钮对于用户而言在手机界面中是很明显的动作，可以很好的吸引用户点击，形成对商家的流量支持。

“ios app Store”中搜索结果的广告

关键词：#广告# #品牌影响#

产品体验：

在苹果的app Store中，搜索目标软件，显示出的结果页第一个软件是广告推荐的产品，其次是用户搜索的目标产品。

设计思考：

在看到连苹果商城中都出现明显的广告真是说不出的感觉，可以说所有产品的目标最终都是为了盈利，而不管产品再怎么好力量大，始终是逃不过app商店这一环，对于多数的用户，手机操作系统中的app商店是最方便、最便捷下载途径，流量自然也是不用说的大，在商店中的搜索结果增加广告可以说，对产品本身是比较大的曝光，在用户心中品牌是一个潜意识的提升。

“boss直聘”会员入口的小心机

关键词：#惊喜点#

产品体验：

在boss中点击我的页面，可以在页面中基本信息下方看到买会员的入口，向下拉动页面会显示出分层页面下藏着的广告语。

设计思考：

会员是产品的基本收益点之一，有趣的会员入口可以降低用户对付费反感度。boss中利用页面分层，将广告语设计为惊喜点，用户在不刻意的做刷新动作时就会暴露出藏在卡片背后的广告语，增加用户对产品的探索，降低付费带来的负面情绪。

“小红书”的轮播提示小红点

关键词：#用户心理#

产品体验：

点击小红书中浏览到的一个内容，进入内容详情，可以在用户发布的图下看到图片的大致数量。在超出数量范围时，最后一个点缩小，表示后面还有内容。同时在图片右上角有具象数字的设计。

设计思考：

这个提示点的设计有很多，大多是产品就是原点的颜色变化，遇到更多的时候会用数字来提示用户图片的数量。小红书这里用了最后一个点缩小表示还有后续。这种方式既没有单独使用数字的方式给用户实际的数量，可能造成用户早浏览的中途放弃的场景，也没有像一尘不变的切换方式那样乏味。对用户来说是对用户心理进行了优化。不过不同的产品需求不一样，还是根据具体情况而定。

“抖音”听视频

关键词：#音频#

产品体验：

在抖音刷视频时，长按当前视频，弹出低弹层，可以选择对视频的简单操作，其中第一个为听视频，点击后锁屏手机就可以当作收音机一样变为短音频，自动依序播放。

设计思考：

作为深夜级别的软件，当代年轻人有一大部分在半夜看抖音，不过相当一部分用户会抱着手机刷着抖音就睡着了，然后习惯性的听声音睡觉。虽然我没有统计过具体的数据，但是就从身边的人群来说是比较多的，当然这是其中的一种使用环境。用户还可以在不方便看视频的时候，用音频来继续使用（划水中～）。

“微信读书”的私信通知

关键词：#引导#

产品体验：

在微信读书中，当有私信时，在我icon上会出现数字，点击进入我的后会显示出小信封以及未读的数字。

设计思考：

一般来说，产品的私信通知基本是小红点做提示，有强迫症的用户已经就比较控制不住要点击，微信读书则更强化了这一效果，增加提示的面积，并且在切换到我的页面后跳出数字进一步强化，引导用户去读私信，这样用户多少都可以看到产品中发布的运营活动，确保用户不会因为操作路径的问题错过。

“夸克”的小提示

关键词：#弹窗#

产品体验：

在夸克中搜索结果，可以在页面底部看到弹出小的提示弹窗，提示用户部分功能收在该入口中。

设计思考：

夸克整体产品视觉干净简约，整体产品使用起来明确的突出主要功能，在这样的情况下，不可避免的把一部分内容做隐藏，这时加上提示弹窗可以让用户在突出主要功能的情况下知道产品的其他功能，扩展用户在产品中的使用广度。

“盒马”的长按试试

关键词：#用户体验#

产品体验：

在盒马首页中向上滑动，可以看到有精选、特惠等产品推荐的位置，长按其中一个商品缩略图出现不喜欢、找相似的按钮弹层，用户可以根据自己的需要选择点击或忽略。

设计思考：

这样的功能可以大家不是很陌生，之前在淘宝等一些列电商+的产品中多少都会出现，这样的选择对于一部分用户来说是有帮助作用的，可以降低用户的思考时间以及搜索时间，更快的对比目标商品。而对于不喜欢依靠系统帮助的用户来说，不喜欢可以解决这个问题，降低系统对于购物的影响程度。可以说是为用户提供了多种的可能性，提升用户使用体验。

“支付宝”基金的卖出提示

关键词：#提示# #按钮#

产品体验：

在支付宝的基金中，卖出页面，点击全部卖出，在金额下方会有提示要不要保留100份看看的提示语。

设计思考：

提示语对于用户来说可以是提醒，也可以是挽留，好的提示语可以直击用户内心以达到产品的目的。在支付宝基金中，没有卖出的时候显示为卖出的规则，而当用户决定全部抛出之后，出现一行“留100份看看，第一时间抓住涨势机会”的话术在原有卖出规则的位置，并且设置了快速修改的按钮方便用户最快修改，这里很好的抓住了用户涨的心态，加上了快速修改的按钮第一时间留住用户。

“腾讯视频”中声音大小的变化

关键词：#视觉#

产品体验：

在腾讯视频中观看视频，在控制声音大小的时候可以发现组件的视觉变化，小喇叭随着声音的增加减小声波数量在变化，同时颜色也随着增加变暖，减小变冷。

设计思考：

对于成熟的产品来说，简单的细节就可以影响用户的体验感受。腾讯视频中声音大小的视觉设计，很直观的告诉了用户暖色和冷色，从视觉上最快的反应到用户的大脑中，从潜意识上就完成了用户对声音大小的识别，在加上听觉的变化，可以说这里的设计让用户会毫无察觉的完成使用，潜在的提高了用户的使用体验，只是大众用户可能会察觉不到。

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


声明：本文内容及言论仅代表其作者之意，
并不反映任何黑马家族之意见及观点



本文原创，未经作者允许不可转载！

更多内容，欢迎关注作者微信公众号：黑马家族！