01.「Bilibili」扫描二维码  

#产品体验

bilibili在扫描时，下方会出现个人二维码

#设计思考

目前扫描二维码添加好友功能越来越普及和流行，而最普遍的情况都是双方都开了扫描界面，问对方：“是我扫你还是你扫我呢？”这时候有一方只能退出并打开二维码的界面，操作就比较繁琐。

而bilibili则很机智的将二维码和扫描功能放在同一个界面，就可以同时满足两种场景了，优化了操作了路径，也避免了添加好友时尴尬的情景。

 02.「高德地图」搜索框 

#产品体验

高德地图支持搜索位置调整

#设计思考

高德地图在V10.0版本更新后，首页由原来的四周散落式布局，变成了上图下文、底部导航的分区式。为了适应大屏、全面屏的趋势，将操作中心下移，也是为“拇指设计”的体现。而且用户在使用app的时候，场景往往是比较复杂的：出发前查询路线、在路边查看步行方案、在地铁查看出行发案等等，所以是非常需要便捷的单手操作体验的。所以将使用率较高的搜索框下移。

但是为了尊重用户的使用习惯，因此还保留了在上的搜索框模式，便于用户自己选择，很贴心呢~

 03.「抖音」分享按钮  

#产品体验

在刷抖音的时候突然发现，当一段视频循环播放第三遍的时候，右下角的分享按钮会直接变成微信的图标，

#个人思考

通过停留时间长短来判断用户对此视频的吸引力。如果停留时间过长，分享icon就会变成微信图标，并且伴随着微动效来引导用户进行分享。这一交互无论是对于观看者和视频制作者都是双赢，在满足用户分享进行社交的同时，也间接行了认同视频内容对视频制作者也是一种鼓励。

 04.「Bilibili」点赞  

#产品体验

b站点赞时，会有ip的情感化动效。

#个人思考

随着移动端产品的不断成熟，精细化设计一定是后面的大趋势，而精细化设计其中的一个切入点就是微动效。目前动效落地已有多种方式，都能够让设计师设计的动效无限还原。用户在点赞之后，会出现IP形象竖起大拇指的小动效，形象的还原了相应的过程，让整个过程变得生动有趣，并且拉近了与用户之间的距离。

 05.「携程」社区内容 

#个人思考

携程在这次版本过程中，对社区模块进行了一次比较大的调整，旧版的携程旅拍是双排瀑布流，而新版的携程社区改成了单排通栏卡片。个人看法是由于旧版的双排瀑布流框架，存在与首页形态过于相似、用户分不清楚定位的问题，而社区入口位置又在在底 Bar 第 2 位，会让这个问题进一步被放大。

随着内容信息流从双排瀑布流调整为通栏卡片，点赞和评论的入口样式也进行了强化，支持热评信息直接外显、动态评论框等，用户可以在社区频道页直接完成对应的操作，增强了社区互动性

 06.「夸克」搜索 

#产品体验

使用夸克搜索时，输入框上方会直接弹出相应结果

#个人思考

夸克浏览器我认为不仅优化用户在交互时的外在的物理行为，还有优化了用户内在的思考行为。比如当我们要搜索一个英文单词的翻译的时候，第一步是输入单词，然后在大量的结果与广告中仔细挑选才能找到结果，让用户经历了一个复杂的思考过程。而夸克的做法是当我们输入英文单词的时候，直接就会出现带有结果的卡片。再比如输入高铁车次，就会得到该趟列车的时刻表，输入计算会直接得到计算结果。这种做法很大行为预判了用户的目的，减少了不必要的思考，缩短了用户到目标的路径。

 07.「小宇宙」播客播放页面 

#产品体验

小宇宙的快进与喜马拉雅快进秒数不一致

#个人思考

市面上的播客软件都会有调节音频进度的功能，设计了固定秒数的快进和后退的快捷键，通常都是为统一的15s，比如「樊登读书会」「得到」「喜马拉雅」等等。但是发现「小宇宙」的快进快退键选择了不同秒数的设计：快进键点击一次快进30s，后推荐点击后后退则是15s。个人觉得这样设计的原因可能是：人们通常进行快捷操作的场景大多是在观看视频或者听音乐且对当前的内容不感兴趣，想要跳过一些片段，而进行后退的操作则是带着目的的查找听过或者感兴趣的内容。所以快进的秒数比后退的秒数多一倍，更方便用户对于之前内容的查找。细微的不同，带来的体验也会有所不同。

 08.「高德」切换出行方式-微动效 

#产品体验

高德地图出行方式的图标微动画

#个人思考

今天出门使用「高德」切换出行方式时，发现顶部tab栏切换时，出行方式图标会有微动效，为页面增添了不少的乐趣，通过微交互的形式也让吸引用户注意力让每个图像更加直观清晰的传达给用户，也带了更愉快的体验，增加了产品好感度。

 09.「自如」通勤找房 

#产品体验

使用自如时，发现新增了通勤找房功能

#个人思考

自如在6.8版本中加入了“通勤找房”功能，在地图区域找房功能之上增加了此功能，可以根据通勤时间来确定房源范围。用户输入公司地址，选择通勤方式，选择大致时间后系统将自动为你推送相应房源，满足用户多样化的使用需求，提升用户体验。

 10.「网易云」取消关注弹窗 

#产品体验

网易云取消关注用户时，出现挽留弹窗

#个人思考

网易云对已关注的人进行取消关注时，页面底部弹起弹窗，并文字内容提示：已关注用户多长时间，取消关注后，时间会重新计算。这一点小心机，希望以情动人，通过展示关注的时长，能让用户放弃取消关注的行为。并且按钮的操作也强引导继续关注。通过一系列设计侧的操作，来引导用户取打消当前的行为。

 11.「抖音」支持横屏看视频 

#个人思考

最近在刷「抖音」的时候，发现新加了一个功能，博主上传的横版视频用户可以点击按钮横屏观看，我猜想是由于目前视频创作则增多，涌入了大量的电影剪辑等类似作者，且上传的格式都是16：9，在浏览时上下就会存黑边，视觉效果不好。增加此功能也是为了增加了用户在观看方式上的选择，带来更好的观看体验。

 12.「网易云」小彩蛋 

#产品体验

网易云的次级页面有公司的小彩蛋

#个人思考

今天听在翻网易云的页面时，忽然在设置菜单的「关于」选项里，看到了一个「周末彩蛋」的选项，点进去看了之后发现应该是是网易云的客服小哥哥小姐姐运营的一个小电台，每周会更新一个视频在里面，可能是一个录音、视频。我看到的这期则是介绍“猪厂”的食堂。由于入口层级太深，很难被用户发现。我觉得可能这种彩蛋越难找到，越会更有意思，只有突然发现，才会体会到那种有趣感。反而如果彩蛋越容易被发现，大家都能看到的话，感觉就少了惊喜感了，降低了产品设计的韵味。所以产品里设置小彩蛋，会增加惊喜感给用户带来趣味和温暖。

 13.「剪映」文本朗读支持转多种语音 

#产品体验

剪映支持多种语音朗读的转换

#个人思考

随着短视频越来越火爆，不少用户给已经不满足于仅仅当一个观众，他们更希望自己能够拍摄剪辑视频发布到平台。但是，专业的剪辑软件对于初学者来说难度较大，因此市场出现了很多适合短视频的“傻瓜式”剪辑软件。而剪映的出现大大降低用户剪辑的门槛，也促进了抖音的增长。近段时间，许多视频都采用了剪映的文本朗读进行配音，以及流行网络的重庆话和东北话，剪映则顺应趋势及时更新了「歌唱达人」和「摇滚男生」两个语音选项。输入字幕后，点击文本朗读，只需3s就自动生成好了配音。「剪映」也算的当时国民剪辑软件，所有的功能都是从大众用户的便捷使用出发，极大方便了视频创作者。

 14.「高德地图」导航推荐停车场 

#产品体验

高德地图输入目的地在选择了驾车模式下开始导航时，终点图标上方会弹出小浮窗“找个停车点？”。

# 个人思考

这样的交互提前预判了用户的行为。(预判设计Anticipatory Design是一种能够引导用户、缩短用户行为路径的有效设计手段。使用预判设计方法设计的交互界面，在交互和视觉上的表现总是比用户更远一步。而且这些交互表现是在用户没有作出行动触发的情况下进行的。)用户使用导航驾车到终点时往往会苦于找不到停车位，而久久盘旋，而产品在这一行为前就引导用户寻找停车位，并将停车场设为目的地，直接行驶到停车场，避免了到达目的地之后久久找不到停车场的苦恼。

 15.「饿了么」骑手页面小彩蛋 

#个人思考

这里又是一个小彩蛋。饿了么骑手页面，当点击骑手头像时，头盔上的螺旋桨会旋转起来，并且随机会出现一些俏皮文案。这个虚拟角色是阿里设计师在去年塑造的一个新形象，这里小彩蛋目的大概也是为了向用户传递蓝骑士精神（乐观、敢拼、有爱），拉近与用户的距离。提升用户对骑士与平台的好感。很喜欢产品里面的这种小彩蛋，就像是捉迷藏的游戏，等待着一个机会，让产品以另外一种形象与用户见面。

16.「拼多多」邀请好友填写地址#

#产品体验

拼多多地址底部有邀请好友填写地址的功能。

#个人思考

使用电商产品帮亲朋好友购物的场景越来越常见，购物挺方便，往往烦的是还要填写朋友的收获地址，需要问清楚地址，然后复制粘贴以前帮亲朋好友买东西都是问清地址自己复制粘贴来填写，过程有点繁琐。现在「拼多多」考虑到了这一场景，添加了邀请好友填写地址的功能，用户可以选择支付后邀请好友填写地址功能，让他们自己填写，给买家省了不少事。

结语

坚持将体验产品并将优秀的体验和细节记录下来并形成系统的知识体系，记录一些体验的细节和思考。

Powered by Froala Editor