15个产品细节剖析,看看高手是如何做设计的!

第二弹来啦!本系列会挖掘与探索产品中的功能细节和体验亮点,让大家发现各种产品的另一面,同时也希望大家一起探讨这些体验细节,提高我们对产品的认知与设计思考能力.

一、高德地图

高德地图的运动路线,运动者的福音来啦!

「高德地图」上线了全新的运动路线功能,用户可以在“步行”功能的“探索路线”中打开,里面有用户附近的运动路线,如“马拉松”“公园”等路线,路线上方有难度展示,用户可以根据自己的需要自行选择不同难度的路线,运动完成后还可以获得对应的徽章!这简直是过完年想减肥人士的必备功能

15个产品细节剖析,看看高手是如何做设计的!

二、微博

来看微博如何带你快速评论吃瓜~

当在「微博」浏览正文内容,并滚动到评论区查看时,停留一定时长后,会在左上角增加展示推荐评论气泡,并滚动展示,每 5s 替换一个评论,并展示特殊视觉呈现,点击气泡可展开该评论与相关跟评,这种快捷推荐,不打断用户继续浏览的同时,又增加推荐评论,激发用户参与感,让用户快速吃瓜

15个产品细节剖析,看看高手是如何做设计的!

三、拼多多

拼多多是如何在众多春节图标中脱颖而出

每年过年期间各大 app 尝试都会定制图标样式,来突出自己产品的活动和特点,如「淘宝-10 亿红包」「京东-元宵抽汽车」「得物-不打烊」等,但拼多多的图标不是突出活动,而是突出用户过年期间购买电商的最大顾虑「正常发货」,不得不佩服拼多多真的是知道用户需要什么与诉求,一眼从众多电商春节图标中脱颖而出

15个产品细节剖析,看看高手是如何做设计的!

四、酷狗音乐

音乐产品的创意 banner 交互设计

在新版酷狗音乐的顶部 banner 处不再是普通的推荐 banner,而是采用了「功能+推荐」的形式,既满足产品功能又满足商业信息展示,同时在交互操作上,采用叠加的转场效果,增加流畅的同时增加有趣的使用体验

15个产品细节剖析,看看高手是如何做设计的!

五、转转

转转的首页细节文案设计

打开转转,进入首页后,在屏幕左上角增加展示品牌文案,当用户刷新页面后,文案也会跟随调整,分为「转转」「用户说」「官方验」,从多维度宣传转转品牌亮点,从细节文案中体验产品惊喜感,提升品牌认知与信任感

15个产品细节剖析,看看高手是如何做设计的!

六、去哪儿旅行

去哪儿旅行人格诊断设计

「去哪儿旅行」旅行人格诊断活动上新啦,可在去哪儿搜索「旅行人格」关键词,或首页右下角活动入口进入,报告整体的插画风格设计感十足,每张页面的插画都与文案紧密结合,在报告中向用户呈现各种功能的使用数据汇总,同时整体贴合人格主题,增加活动趣味性,在结束页展现自己“被确诊”的诊断结果与“具体症状”,大家也快来看看自己的“症状”吧~

15个产品细节剖析,看看高手是如何做设计的!

七、闲鱼

海鲜市场那些隐藏的动效设计

闲鱼 APP 的海鲜市场板块头部的图标入口插画增加点击交互动效,动效与图标结合真的很赞,这些让人意外的小动效让闲鱼 APP 体验到体验的乐趣,增强了用户互动性与趣味性

15个产品细节剖析,看看高手是如何做设计的!

八、京东

对于下架商品的巧妙设计

京东 APP 种当购物车商品处于已下架状态时,置灰此商品,并且会推荐相似商品,替换用户原本的下架商品,很好的挽留用户的删除行为,促进购买,相比老版本的单纯置灰更具人性化,并且避免用户流失

15个产品细节剖析,看看高手是如何做设计的!

九、猎聘

全新顶导给界面带来全新体验

新版的猎聘 APP 更新了全新的顶导 UI 背景,相比旧版的纯色背景,新版采用了渐变弥散风格背景,跟随主流 APP 设计趋势,赋予界面更加轻松愉悦的氛围感,营造出空间层次感的同时又不抢界面眼球,带给用户全新体验感受

15个产品细节剖析,看看高手是如何做设计的!

十、腾讯视频

南海归墟弹幕新玩法

在腾讯视频看热播剧《南海归墟》时,在一些特定情节会触发弹幕菜单,如胡八一等人调入海洞时,弹幕也会跟随洞口向下掉。当胡八一等人爬神树时弹幕也会变为向上攀升,并且变为红色,给参与互动的观众带来惊喜的同时,也与剧情巧妙融合,相得益彰。

15个产品细节剖析,看看高手是如何做设计的!

十一、芒果 TV

芒果 TV 的趣味下拉刷新设计

芒果 TV 更新了新的下拉刷新样式,新版采用主 IP 为主体结合骑车和城市背景,让下拉刷新变得更加丰富,表现形式很新颖,让用户印象深刻,不仅加深了 IP 在用户心中的形象,同事也带来了趣味性的体验,降低用户等待中的焦虑情绪

15个产品细节剖析,看看高手是如何做设计的!

十二、美团外卖

美团外卖与灵动岛的结合发现了吗?

由于换了灵动岛手机,发现美团叫了外卖后,当用户滑出美团去到其他场景时,顶部灵动岛会展示当前的外卖状态,如“取货中”“送货中”等场景,并且会增加骑手 icon 和配送时间,我们可以发现露出的都是用户比较关注的信息,这样可以让用户不用打开美团就可以了解订单进度,这样的处理方式不仅可以提升对灵动岛的使用,还可以降低用户的使用成本

15个产品细节剖析,看看高手是如何做设计的!

十三、B 站

B 站的首页刷新逻辑原来是这样!

大多数产品的刷新功能是下拉刷新便可刷整个页面信息,而 B 站的刷新似乎有一些不一样,当用户刷新页面后会对应的刷新出一定量的信息内容,但不会全页刷新,当用户看完更新完的内容后,会出现用户上次页面中未预览的信息内容,避免用户遗漏,当然在旧信息上方会出现“刚刚看到这里,点击刷新”用户可以点击“刷新”继续出现新的信息内容,这样可以很好的避免已推荐到首页的内容却因为刷新等误操作未浏览。从而保证首页推荐信息的曝光量。

15个产品细节剖析,看看高手是如何做设计的!

十四、虎牙直播

来看虎牙如何提高弹幕互动!

虎牙直播当直播间相同弹幕大于一定数量时会触发热词快速发送功能,会在屏幕的弹幕流中出现热词弹幕内容与“+1”,来引导用户快速发出,用户可以通过“+1”发送弹幕,便捷的发弹幕方式,既可以降低用户发弹幕的操作成本,又可以快速的提升直播间弹幕量,从而拉高直播间热度,也增强了用户与主播之间的互动

15个产品细节剖析,看看高手是如何做设计的!

十五、腾讯视频

腾讯视频更新磕糖模式啦!

腾讯视频在一些特定的电视剧可开启磕糖模式,进入后会在右侧增加锁死功能,长按可触发动画,当剧情到高甜片段时屏幕会触发大磕糖动画,给予用户满满的甜度,让人不自觉的嘴角上扬

15个产品细节剖析,看看高手是如何做设计的!

以上就是本期产品猎人的全部内容,希望对大家有所帮助,当然也希望大家积极讨论,分析仅站在设计师与用户的角度,可能观点有些片面,敬请谅解。

收藏 43
点赞 67

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。