15条APP体验设计的思路分析天地人和

“微信”公众号内的音乐关键词：#用户体验#

产品体验：

在微信公众号内的文章中或者链接中，会遇到插入音乐模块的内容，点击播放后可以拖拽快进或者重放，同时点击下方有15的按钮可以快进15s或快退15s。

设计思考：

在原有的公众号内插入音乐模块是无法快进或者快退的，用户只能听完或者关闭音乐的单独模块，推出该公众号也是不能关闭的。在优化后这里明显体验更好，没有两极分化严重的选择，增加了快进快退这样的功能，还有一个原因我认为，在公众号内增加音乐模块的内容多数还是以推荐为目的的，增加拖拽功能后，用户在阅读时快速了解到到歌曲是否是自己喜爱的类型，提高用户的选择速度。“高德地图”询问前方路况关键词：#活跃度# #用户体验#

产品体验：

使用高德地图导航后，如果路段中发生事故等原因堵塞时，在该路段会弹出一个提示框，提示该路段可能通畅的时间段，点击提示框后进入实时交通对话框。

设计思考：

之前有体验过一次高德的交通实况功能，这次也是看到了在导航初期就提示了路段的状况，在系统的提示之外，结合实况交通的方式，更准确的提供路况信息，也是为了进一步的提高用户在产品内的活跃程度，更有可能提供潜在的陌生人社交，毕竟产品也上线的旅游路线等功能。“微信”可以手动拒收其他应用的消息关键词：#用户体验优化#

产品体验：

在微信的对话框内，好友发送来的非微信产品的分享消息，可以点击该消息右下角的小手，点击后弹出“接受/拒收来自此应用的所有消息”用户可以自主选择是否接受。

设计思考：

产品分享链接无非是QQ、微信、微博、小红书等一些社交类产品，其中微信的基数是最大的一个，多数小伙伴还是选择微信登陆其他产品，再以微信为分享终端。不过这样做有一个问题，就是朋友分享来的程序可能是自己不感兴趣的内容，还会拉低朋友之间的好感度。微信在这里直接上线了拒收这类消息的功能，让用户自己决定要不要接收，不再整个产品上做限制。也是按照用户自主意愿进行了有效的分类选择。“抖音”关注的提示增强关键词：#视觉强化# #提示#

产品体验：

在抖音观看视频时，长时间停留在该up主的页面时，在作者信息下会显示出关注的颜色饱和度较高的按钮。

设计思考：

抖音的用户基础是非常庞大的数字，众多用户每天在产品中浏览观看是up主发视频的动力之一，其次，用户的关注度更是刺激up主更新优质视频的动力源之一。所以在这里产品强化了关注这一行为，原有的up主头像下的关注按钮保留之外，增加了一个面积更大的按钮在创作者、视频信息的区域，刺激用户的视觉感受提示用户喜欢就关注，不过这个按钮是在用户长时间停留之后才显示的按钮，产品会根据用户页面停留时长做初步判断，用户是否对这个视频感兴趣，停留时间长感兴趣才会显示关注按钮提示用户。“微信”折叠群关键词：#强提示#

产品体验：

微信群中可以进入群设置，在消息免打扰下新增折叠群的功能，点击后将不出现在消息区，可以在群列表中找到，也不会收到@的强提示。

设计思考：

微信与QQ在群聊天上之前最大的不同就是，QQ可以完全屏蔽群信息，微信却不可以，虽然有消息免打扰，但是群@消息会有强提醒的功能，用户还是可以看到群中的信息。而这一次的优化彻底解决了这个问题，实际的使用环境确实会有用加入群是不得已的情况，退也不好退，又不想被打扰，所以需要一个完全屏蔽的功能来解决这个问题。而这个功能推出之后，估计对运营的同学是不太友好了，私域流量的限制估计会在未来越来越大，微信也总给我一种和QQ越来越像的感觉。“知乎”我的页面中的回答问题关键词：#交互方式#

产品体验：

打开知乎后切换至我的页面，在页面中间可以看到卡片形式的回答问题的部分，左右滑动卡片可以切换下一张。

设计思考：

知乎这里的回答问题采用左右滑动的方式，更像是社交产品中的交互方式，但是不同点是这里的左右滑没有附加更多的功能，只是为了看下一个内容。不过这样的操作也在一定程度上增加了用户与产品之间的互动性，让回答问题变得有趣。还有一点就是如果回答问题是很长的feed流，用户会在漫长的浏览中产生疲倦感，从而导致流量的流失，这样左右滑的形式可以很好的避免长页面的浏览疲倦，让用户的精力集中在内容本身。“微信”视频等待接通期间可看朋友状态关键词：#用户体验#

产品体验：

在微信中，与好友视频通话时，在等待对方接电话的时间里，界面中会显示对方近期发布朋友圈的内容，同时点击下方按钮可以收起内容不查看。

设计思考：

在生活中，微信已经成为我们日常最主要的沟通手段之一，而随着流量降费，视频电话也更多的兴起。随之而来的就是在等待电话的过程中，用户是无事可做的状态，增加对方用户的朋友圈发布内容观看，除了知道对方近期做了什么，也是消除等待电话的真空期，提升用户体验。“腾讯地图”搜索路线更综合关键词：#用户体验#

产品体验：

在腾讯地图中搜索路线，在公共交通这里会有更综合的搜索结果，把骑行也包含在目标路线内。

设计思考：

腾讯地图的公共交通搜索更综合，对于日常上班出行的人群来说更友好，往往增加一个交通工具的选择可以有更多一种节省时间的出行方式，而且标注了每一条结果路线的预计费用，这也是给用户多一个选择思考的方向。“闲鱼”长辈模式关键词：#适老设计#

产品体验：

在闲鱼中我的页面内，设置按钮进入后可以在列表中可以找到长辈模式，点击后进入确认开启页，点击开启后重启app进入长辈模式。

设计思考：

面对老龄结构严重的社会，互联网产品不只是年轻人的专属，疫情之后更多老年人学会了智能手机，从而带来的问题就是多数产品没有适老设计，老年人面对小手机会看不清内容，操作按不准等现象凸显出来，玲琅满目的运营活动也是让老年人招架不过来。
那么，面对这么庞大的人群基数，推出适合老年人的产品就显得更为重要。这里并不单单是为老年人优化设计更好的用户体验，而是从根本上，心里上解决老年人在互联网产品使用的问题，闲鱼在这里推出的长辈版本删除了很多花里胡哨的设计元素，也没有简单用大字解决一切，更好的满足老年人使用需求。“App Store”搜索结果增加细分标签（ios）关键词：#标签#
产品体验：

在ios系统的Appstore内，搜索目标内容后，搜索结果页面搜索框下新增了结果的细分标签，点击标签可以进一步筛选。

设计思考：

苹果商店中在近几个月不断的更新，首先是之前增加的搜索结果页广告位，这里有增加了搜索结果的细分标签，可以让用户进一步细分筛选，节约目标明确的用户，因浏览导致选择困难或无限下滑寻找目标的痛苦。“绿洲”我的页面增加时间线关键词：#用户体验#

产品体验：

在绿洲中，进入我的页面，可以看到自己发表内容的时间线，切换tab到第二个icon也保留了瀑布流的列表样式。

设计思考：

在最初的绿洲中没有设置发布时间线的展示样式，只有瀑布流的列表样式，用户在这里虽然可以有更前卫，更沉浸的阅读感受，但是作为内容发布，并不能很好的看到自己发布内容的时间，尤其是时间久了之后，会有忘记原来发布的时间。那么增加时间线后，用户可以很清楚的看到自己发布每一个内容时的时间点，作为内容发布的产品来说，这种功能的增加也会激发用户的成就感，刺激用户继续发布。“淘宝”双11前的视觉变化关键词：#视觉气氛#

产品体验：

更新淘宝产品之后，启动可以发现淘宝有点不一样了，首页、逛逛频道视觉更新。

设计思考：

随着淘宝的双十一购物节的到来，从远古的光棍节的感念到现在全民购物的形成，产品在这个节点前增强节日气氛，用户在启动打开产品后会潜移默化的感觉到购物的气氛，在气氛烘托的作用之下用户会逛一逛，动作有了开始的第一步随之而来的就会有后续的一连串动作。“开眼”底部标签栏的交互方式关键词：#趣味性# #用户习惯#

产品体验：

启动产品后，切换底部标签栏，可以看到选中状态是中文汉字加选中点，未选中的则为icon符号。在切换时也采用了模仿滚动的样式。

设计思考：

底部标签作为整个产品的导航，承接这很重要的功能性，用户进入产品除了看到首页的视觉、滑动两下看内容，接下来就是点一点底部的导航。有序的底部导航会对产品的使用有不少的加分，比如爱奇艺、优酷的点击交互，比如早一点之前版本的站酷app都是比较有序的方式，当然，极简的样式也是有的比如小红书、Behance这样的。
而开眼虽说也是极简的类别中，但是更适应中文用户的交互方式，作为传统的中文用户，习惯性的还是要看一下文字的提示来确保点击正确，减少大脑的二次思考。所以开眼并没有像Behance一样完全符号化，也没有像小红书全完中文汉字，将两者结合之后加上一定的动效丰富切换的之间的有趣度，感觉会更符合大众用户的使用习惯“斗鱼”将用户关注内容分类关键词：#细分#

产品体验：

在斗鱼中，用户关注的主播列表进行了很好的分类，未开播、录播、正在直播、精选视频和很久未上线的主播分类设计。

设计思考：

目前市场中的软件产品中，不论是不是内容类的，都设计了收藏的功能，当然也不是说收藏功能只有内容类的可以用。斗鱼作为直播平台，收藏喜欢的主播可以节约用户的操作路径，快速触达用户目标。但是问题也来了，并不是所有的产品都会细分收藏之后的内容，收藏列表里大多数还是按照时间点按序排列。而斗鱼这里之前版本也是这样的方式，但是更新之后的斗鱼收藏列表则一改面貌，更好的细分可以让用户更快的找到目标，较少思考提高效率也就会留住用户。“支付宝”积分去看看关键词：#按钮#

产品体验：

在支付宝中付款完成后，支付完成页面中金额下第一个卡片是领积分，点击立即领按钮后领取积分，领取完成后按钮变为去看看，点击后跳转积分页面。

设计思考：

支付完成后的领取积分，这里点击领取并不会跳转到积分页面，不会对用户造成页面之间的跳转导致多一步返回的操作，而点击之后将按钮由“立即领”变为“去看看”可以让用户多一个选择，是否要去积分页，减少用户的来回操作的烦躁感。同时在视觉上，领取积分为实心的暖色按钮，点击感视觉冲击上比较强烈，领取之后的去看看变为空心的线框按钮，在视觉强度上减弱，也在一定程度上考虑了购物之后需要展示付款成功页面的使用环境，需要降低用户的视觉冲击。

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

-END-