咕噜噜

作为UI设计师,平时我们常用的软件中,你是否有留意到其中的交互体验设计;如果没有注意到的话,那今天我们一起来看看常用的软件中的一天设计体验。

小可爱们,我这里会定期推送插画、UI设计、排版等相关文章教程,有事没事来逛逛啊;
设计路上在学习,永不停歇,我们一起加油~

 

“微信”

公众号的音乐

关键词:#用户体验#
产品体验:
在微信公众号内的文章中或者链接中,会遇到插入音乐模块的内容,点击播放后可以拖拽快进或者重放,同时点击下方有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一样完全符号化,也没有像小红书全完中文汉字,将两者结合之后加上一定的动效丰富切换的之间的有趣度,感觉会更符合大众用户的使用习惯 
 

“斗鱼”

将用户关注内容分类
关键词:#细分#
产品体验:
在斗鱼中,用户关注的主播列表进行了很好的分类,未开播、录播、正在直播、精选视频和很久未上线的主播分类设计。 
图片  
设计思考:
目前市场中的软件产品中,不论是不是内容类的,都设计了收藏的功能,当然也不是说收藏功能只有内容类的可以用。斗鱼作为直播平台,收藏喜欢的主播可以节约用户的操作路径,快速触达用户目标。但是问题也来了,并不是所有的产品都会细分收藏之后的内容,收藏列表里大多数还是按照时间点按序排列。而斗鱼这里之前版本也是这样的方式,但是更新之后的斗鱼收藏列表则一改面貌,更好的细分可以让用户更快的找到目标,较少思考提高效率也就会留住用户。 
 

“支付宝”

积分去看看
关键词:#按钮#
产品体验:
在支付宝中付款完成后,支付完成页面中金额下第一个卡片是领积分,点击立即领按钮后领取积分,领取完成后按钮变为去看看,点击后跳转积分页面。 
图片 
 
设计思考:
支付完成后的领取积分,这里点击领取并不会跳转到积分页面,不会对用户造成页面之间的跳转导致多一步返回的操作,而点击之后将按钮由“立即领”变为“去看看”可以让用户多一个选择,是否要去积分页,减少用户的来回操作的烦躁感。同时在视觉上,领取积分为实心的暖色按钮,点击感视觉冲击上比较强烈,领取之后的去看看变为空心的线框按钮,在视觉强度上减弱,也在一定程度上考虑了购物之后需要展示付款成功页面的使用环境,需要降低用户的视觉冲击。 
  
本期产品设计细节分享结束,我们下期再见。  
 

原文地址:黑马家族(公众号)

作者:神奇的小豪同学

转载请注明:学UI网 » 15条APP体验设计的思路分析

登录收藏
 
你可能喜欢的:
业务想大多全,用户要精准简,首页设计该如何破局?业务想大多全,用户要精准简,首页设计该如何破局?
改作业 | 有一说一,这个改稿效果真不错!改作业 | 有一说一,这个改稿效果真不错!
设计师如何提升总结力设计师如何提升总结力
淘宝订单页改版分析:如何提高支付转化率淘宝订单页改版分析:如何提高支付转化率
笔刷教程 | PS颜色动态功能在绘画中的作用笔刷教程 | PS颜色动态功能在绘画中的作用
作品集别用这几个设计目标了,太老套作品集别用这几个设计目标了,太老套
项目总结|红包设计测试,驱动裂变数翻三倍项目总结|红包设计测试,驱动裂变数翻三倍
【蓝湖大咖访谈】流利说设计负责人黎静波:创业型设计团队的组织特点【蓝湖大咖访谈】流利说设计负责人黎静波:创业型设计团队的组织特点
如何基于业务思考设计B端的IP活动如何基于业务思考设计B端的IP活动
设计验证!如何进行可用性测试设计验证!如何进行可用性测试