每个无师自通的设计方案都值得被关注

黑马家族

3年前

【摘要】：对大厂设计的产品思考

每一款无师自通的产品细节都值得被关注，这是设计师优秀的设计解决方案所带来的，体验和记录这些优秀的设计，才能让我们基于优秀之上创作出更优秀的设计解决方案。

分享目录

01【微信】拍一拍快捷编辑

02【支付宝】消息下滑预测用户行为

03【支付宝】快捷转账

04【支付宝】隐私保护之金额数据隐藏

05【网易云音乐】截图之用户行为预测

06【微信】朋友圈之新动态提醒

07【淘宝】淘金币页面之搜索

08【百度网盘】悬浮按钮之隐藏

09【支付宝】首页功能可编辑

10【微博】首页视频号的用户头像提醒

11【支付宝】快捷偷能量之找能量

12【优酷】剧集完结之推荐

13【微信】个人中心个性化状态设置

01【微信】拍一拍快捷编辑

产品体验

在微信好友聊天界面，双击好友头像出现“XXX拍了拍我”，可以在“我--个人信息页面”修改拍一拍的文案。微信8.0之后可在聊天界面直接修改“拍一拍”文案。

产品思考

“拍一拍”这个别具一格的打招呼功能深受微信用户的喜爱，个性化定制“拍一拍”文案更加被用户玩的别出心裁，个性又有趣，但是修改文案的功能被隐藏的有点深，很多用户都不知道在哪里修改，而“拍一拍”和个人信息的关联性也不紧密，将“修改”的功能放在聊天页面，使这个“拍一拍”可修改的功能可以被更多人熟知，提高用户的使用率。

02【支付宝】消息下滑预测用户行为

产品体验

支付宝“消息”页面，下滑消息列表时，页面底部会出现“找人转账”的悬浮按钮。

产品思考

“消息”页面的主要功能展示就是系统信息、关注的生活号信息和支付宝好友的转账信息，最常用就是在这个页面给好友转账，由于这些信息以时间倒序排列中间穿插了很多生活号的信息，寻找曾转账的好友需要不断下滑页面。

而在用户初次下滑页面时就出现“找好友转账”功能预测用户行为，给用户及时的帮助，点击“找好友转账”进入的页面直接过滤掉了生活号的信息，只显示与自己有转账来往的好友，排除无用信息的干扰，大大提高了用户的转账效率。

03【支付宝】快捷转账

产品体验

支付宝的转账功能有几种方式，每种方式的使用场景不一样，“扫一扫”主要用于用户与商家场景，“首页--转账”主要是给陌生人转账，透过搜索用户支付宝账号来转账，“消息”的聊天页面是给与自己有转账来往的好友转账，在“消息-聊天”页面的输入框内输入数字，页面即出现“给对方转账XX元”的入口。

产品思考

这个功能是系统预测功能，预测用户在输入框中输入的数字就是用户需要转账的金额，点击“给对方转账XX元”，直接进入转账页面，且页面转账金额直接调取用户在输入框中输入的数字，减少用户的输入金额操作，这样的预测让转账功能简单粗暴，把转账变得更加直接，也更加符合用户的使用场景（支付宝虽然想做社交，但是用户在这个页面的首要操作还是转账）

04【支付宝】隐私保护之金额数据隐藏

产品体验

支付宝里面与资产金额理财相关的金额数据都可以点击小眼睛设置是否可见，点击小眼睛时图标变成闭眼状态，且金额数据变成“****”

产品思考

在互联网飞速发展的时代里，互联网给人们的生活带来了很多的便利，人们每天需要利用互联网来管理自己的生活。用户一方面也渴望在网络里面展示自己，但另一方面也很担心自己的信息隐私安全的问题。对身份信息和资产信息尤为敏感。支付宝帮助用户隐藏资产金额，让用户在户外的环境也可以安全的使用支付宝，让用户有被保护敏感信息的安全感，从而也对平台更加的信任。对于在支付宝里面理财的客户，隐藏自己的理财金额，也可以让用户不过多的去看理财过程的跌涨，让用户有一个平衡的心态，金额数据隐藏是很人性化的功能。

05【网易云音乐】截图之用户行为预测

产品体验

在网易云音乐app里截取屏幕之后，会出现一个上下结构的浮层页面，上面是截屏的页面，下面是“分享截屏给好友”的社交平台应用图标。

产品思考

关于用户截屏这一行为，大部分用户的动机是保存该页面信息到手机本地相册，另一个动机就是分享页面信息给好友或者分享到社交平台；只要截屏这个页面系统都会把这个张截屏默认保存到手机相册里，对此用户心照不宣，也不用过分强调。而出现“分享截屏给好友”的快捷方式是一个更为人性化的操作，符合用户的操作逻辑，为需要分享的用户提供快捷分享的途径，为用户节约不少分享的步骤和时间，是非常贴心的预测设计。

06【微信】朋友圈之新动态提醒

产品体验

微信“发现”页面，如果朋友圈有好友新动态，在“朋友圈”菜单栏的右侧会有最新一条动态发布者的头像，以此来提醒朋友圈有新的动态。

产品思考

微信用户最长停驻的页面当属“消息”和“朋友圈”页面了，用户总想第一时间看看哪些好友发布了什么动态，当朋友圈没有提示时，用户就知道没有新的动态，这个朋友圈之前已经刷过了；而出现提示时就告诉我们朋友圈有新的动态，潜台词是“赶紧去看看新的好友动态吧”，当用户自己发了一条动态有好友评论点赞或者好友跟自己点赞或评论了同一条动态时，提醒则变成了点赞评论数的红标，而不显示最新发布动态好友的头像，因为比起好友发了什么，用户更关注与自己有关的信息和动态。微信根据不同的用户状态，来提示不一样的信息，更加符合用户的心智模型。

07【淘宝】淘金币页面之搜索

产品体验

在“淘宝--淘金币”中向上滑动页面，页面头部出现“搜索”栏，点击“搜索”跳转搜索新页面，该页面有“历史搜索”和“搜索发现”，搜索发现可隐藏。

产品思考

“淘金币”是一个积金币的小游戏，积攒的金币可在支付时抵扣支付金额，淘宝利用人性爱贪小便宜的心态，又透过类似收能量的小游戏来让大家参与其中，用户完成收取能量之后，往往会浏览下该页面的商品推荐，当我们滑动页面时，此刻用户已经进入了一个浏览商品的状态了，页面头部的变化让用户更加沉浸在浏览商品的氛围当中。

点击“搜索框”跳转到搜索页面，该页面的“搜索发现”根据用户搜索的关键词和用户最近经常浏览的商品给用户推荐相关的商品，并用图片加文字的展示方式，来更加专注精心的给用户推荐，“搜索推荐”的列表可隐藏，像一个专心为用户推荐而又不打扰用户的服务员，非常懂购物者的心理。从收金币到引导用户进入浏览购物商品模式再到商品推荐，这种自然而然的引导体验设计符合人们的心智模型。

08【百度网盘】悬浮按钮之隐藏

产品体验

百度网盘首页的右下角有一个“+”的悬浮按钮，默认为显示状态，滑动页面时，悬浮按钮隐藏；页面静止时，悬浮按钮出现。

产品思考

“+”号的悬浮按钮其实是一个扩展菜单，把一些使用率不是那么高但是用户也会使用的比较重要的功能隐藏在里面，只有在点击悬浮按钮是才能使用这些功能。滑动和点击是不能同时操作的，当用户滑动页面时只能进行浏览，隐藏悬浮按钮不仅不会影响用户操作，更不会让悬浮按钮遮挡页面内容，让页面浏览没有障碍更加顺畅；当页面静止时，悬浮按钮出现，这时候用户才有可能去使用扩展菜单的功能。这个小小悬浮按钮表现形式是一个提升用户体验的行为。

09【支付宝】首页功能可编辑

产品体验

支付宝首页点“更多”应用页面，用户可点“编辑”，可对首页的应用进行管理。

产品思考

支付宝是一个非常强大的app，不仅改变我们支付方式，还给我们提供了几十个应用，让我们的生活更加简单便利。默认情况下首页应用是根据大众用户基本需要和大众使用比较多的应用排列展示的，但每个人使用应用频次和服务不一样，默认的首页应用不适用所有用户的需要。而编辑功能可将自己经常使用的应用放在首页，满足用户一进入到支付宝就能找到自已需要应用，大大减少了用户查找应用的时间，让用户可以高效的完成任务。每个人的需求不一样，通过编辑可让每个用户满足个人的需求，也是一种千人千面的设计。

10【微博】首页视频号的用户头像提醒

产品体验

微博首页底部视频号菜单默认情况下就是icon加文字的方式展现，当用户关注的博主或常看的视频号有更新时，菜单形式会变成博主的头像，头像上方会又一个气泡提示文案，提醒用户点击观看。

产品思考

微博是一个有着十几亿用户的社交平台，在这十几亿博主中，每个人都会有自己关注的博主和自己常看的视频号，关注的和常看的视频号都是用户从千千万万个同类型的博主中筛选出来的，筛选的过程用户付出了很多的时间成本，虽然视频号每分每秒都会新的视频更新出来，但是用户优先去看的还是自己关注的和经常看的，也有很多用户没有关注视频号博主，但不出现用户想看时却找不到的情况，反而会透过博主的头像的方式来提醒用户常看的博主有更新了，并且也会推荐“关注XX的人也在看”，是非常懂用户的设计。

11【支付宝】快捷偷能量之找能量

产品体验

支付宝蚂蚁森林页面中点击找能量，自动定位到有可收取能量的蚂蚁森林中，收取完好友的能量之后，点击找能量，有定位到下一个可收取能量的蚂蚁森林，直到把所有可收取的蚂蚁森林能量收取完为止。

产品思考

蚂蚁森林的设计延续QQ偷菜设计，让用户在重复收取能量的过程中得到了满足，完成一棵树的能量就在沙漠种一棵树，用户利用碎片的时间娱乐也为沙漠的绿化做出了贡献，让娱乐更加有意义。蚂蚁森林的找能量功能，让收能量的操作变得更加的简单，以前都是点击用户列表头像进好友的森林收取，然后再退出来，重复退出进去收取退出的操作，还需要下滑判断有哪些好友的能量可收取，会极大消耗用户的耐心，而找能量可以直接定位到可收取能量的蚂蚁森林，让用户专注于收取能量，不被其他繁琐的操作吸引注意力和消耗耐心，收取能量的时间大大缩短,用户在短时间内获得最大的满足感。