3个设计细节带你看看大厂产品有多精彩「工厂设计」

作者通过生活观察,介绍了QQ音乐、美团外卖和大众点评三款APP产品中的设计细节并分析了设计动机,与大家分享 。

3个设计细节带你看看大厂产品有多精彩「工厂设计」

文章插图
01 QQ音乐中的场景化设计今天我们的分享内容是QQ音乐中的一项设计细节:当用户网络畅通的时候 , 打开APP进入的页面为【推荐】页面;当用户无网络的时候,打开APP进入的页面为【我的页面】 。
3个设计细节带你看看大厂产品有多精彩「工厂设计」

文章插图
这个设计细节无疑是考虑到了当用户没有网络的时候进入【推荐】页面也无法播放音频的场景,所以进行了区别化设计,在用户打开APP时判断用户的网络情况,再决定进入哪个页面 。
无网络时进入我的页面,可以播放已经下载到本地的音乐 。说实话 , 这个设计细节真的是作者完全没有想到的,听闻之后真是赞叹不已!
随后作者又体验了虾米音乐和网易云音乐,这两款产品在此处的设计如下:
虾米音乐中的做法虾米音乐在此处做了同样的设计 , 有网进入推荐页面,没网进入我的页面 。看起来和QQ音乐的做法完全一样,只是不知道是哪个产品中先出现的这个功能 。
看到这里的时候作者在感叹两者的场景化设计之妙的同时,也产生了担心 , 即用户是否能理解为什么我打开了APP却没有进入首页,而是进入了我的页面呢?这里是否要给用户一个说明,为什么进入的是我的页面?
就在作者自鸣得意的时候 , 马上就被下面网易云音乐的设计教育了一番~
3个设计细节带你看看大厂产品有多精彩「工厂设计」

文章插图
网易云音乐的做法网易云音乐在做了和以上两款产品类似设计的同时,在进入我的页面这种情况下,同时给出了一个toast提示【无可用网络,你可以播放已下载的音乐】 , 通过一句话把用户进入此页面的原因,和用户可以进行的操作都进行了说明 。
3个设计细节带你看看大厂产品有多精彩「工厂设计」

文章插图
看到网易云音乐的设计,作者又返回去删除了虾米音乐和QQ音乐APP重新下载,再次体验这种场景(某些提示只有第一次进入那个场景的时候才会出现,就像APP的引导页只有第一次打开APP才会出现) , 发现QQ音乐在无网络进入我的页面时同样有一个提示,但只是说明了网络状态,并没有说明为什么进入了这个页面,以及用户此时可以做什么操作 。
大家千万不要小看这几个字的差别 。当用户进入页面时,如果只提示用户【无网络】那么用户的第一反应很可能是:哦,没网?。涣烁枇四俏彝顺霭?。
这样对产品方来说【用户使用时长】和【用户日均打开次数】两个关键指标就会下降 。而像网易云音乐那样 , 直接说明用户此时可以进行的操作则就可以在一定程度上避免这个问题 。
02 美团外卖中评价功能的设计细节在美团外卖APP中 , 我们在对订单评价时,如果选择了1星和2星评价则匿名评价选项会自动勾选,以保护用户在进行差评时的信息安全(和人身安全) 。
3个设计细节带你看看大厂产品有多精彩「工厂设计」

文章插图
在体验过美团外卖的这项功能后,有查看了我们最常用的几个带有评价功能的产品,即淘宝和京东(饿了么APP中的设计与美团外卖基本相同,就不再重复举例了),它们的匿名评价功能如下:
3个设计细节带你看看大厂产品有多精彩「工厂设计」

文章插图
淘宝
淘宝的做法是,进入评价页面自动勾起匿名评价选项,在这之后即使你取消勾?。⒀≡窳瞬钇溃涿囱“磁ヒ膊换嶙远囱?。