UI设计师的产品体验日记

周伟Zhouwei

共 3341字,需浏览 7分钟

 ·

2020-02-13 10:55

0114985e269bfba801216518beeac8.png



感谢大家对我们产品体验日记栏目的支持,祝各位酷友春节快乐!今天我们特意把  01 月份通过零散时间摘录的产品体验日记进行汇总筛选,希望可以让你一次性记住它们,也许某一天就能成为你灵感的一角。




01、网易云音乐长按分享歌词

当我们听到喜欢的歌曲,会忍不住的想要分享出去,之前都是看着歌词然后在手敲一遍,这个过程会大大的打击我们对分享的积极性。


网易云音乐长按屏幕,就可选择自己喜欢的一段歌词进行分享,还可以选择歌曲配图或者是纯文字,给了用户更多的选择性,一键生成,更加便捷。

小旭旭 摘录


01ee485e269c12a80121651801941f.png




02、爱奇艺长按快进播放

浏览视频的过程中,经常会通过手指滑动快进,但是经常会出现快进过度的情况。爱奇艺视频播放长按屏幕将以 3 倍速度播放,既不会错过精彩片段,还减少了用户的操作步骤,体验感更好。

小旭旭 摘录


01f4565e269c1fa80120a895de1c75.png




03、海淘免税店,把现实生活场景融入设计

海淘引导页的滑块设计,利用飞机的样式,经过一个个点,到达终点。如同现实生活中的场景,海外购产品飞过一个个国家,把产品带到用户手中。不放过每一个细节的创新设计,赋予产品更多良好有趣的体验。

Liaju 摘录


0117205e269c2ba80120a89536b27e.png




04、微信朋友圈图片长按还可以这样编辑

微信朋友圈的缩略图长按可以对图片进行收藏和编辑,编辑后直接保存或者发给朋友,方便用户直接在线编辑,不需要保存图片后再进行编辑发送的繁琐操作。

Liaju 摘录


01c5745e269c36a801216518ef60e3.png




05、超级淘,有趣的钱箱余额设计

余额的展示采用钱箱立体化图形设计,点击余额的钱会自动下落在钱箱里,采用功能可见性原则,模拟现实生活场景,把钱币投入到存钱罐;效果逼真又有趣味性,给用户带来不一样的体验感。

Liaju 摘录


013dd25e269c40a8012165186e389b.png




06、QQ音乐哼唱识别歌曲

有时候会只记得某首歌的调子,记不起歌名是什么。QQ音乐为用户提供哼唱识别新功能,哼唱歌曲调子即可识别歌曲,精准度还是蛮高的;再也不用费尽脑汁想大半天歌名是什么,解决了有需求用户的苦恼问题。

Liaju 摘录


01a7e05e269c50a801216518c3b74b.png




07、新氧,AI 智能美学诊断,精准定义你是哪种美

新氧 APP,强大的 AI 智能技术,融合在产品设计上,全方位的突出产品高端技术,给产品带来独特性。新氧魔镜的脸型诊断,多角度、多方面检测用户脸型,为用户提供数据值参考,让用户对自己脸型更加了解。

Liaju 摘录


01c8945e269c5ba801216518210f71.png




08、转转,微动效的登录设计

转转的登录页面采用四个卡通 IP 形象一直在转转的微动效设计,增强登录页面的趣味性,提高用户对登录的操作。一个好的产品,在体验过程中,总会有很多细微的体验设计,不经意间带给用户惊喜。

Liaju 摘录


0103255e269c6aa8012165187bc15f.gif




09、小红书写笔记可增加图片或语音标签

小红书写笔记时,发布图片上可以增加文字或语音标签,方便用户查漏补缺、分类、标记等辅助功能,让用户在写笔记的功能上,也可以体验到产品的人性化设计。

燚仔 摘录


01a7a45e269c77a80120a895838c4a.png




10、百度网盘的“网盘小飞机”小游戏

百度网盘有一个“网盘小飞机”的小游戏,每天有10次打落天上飞机的机会,每打中一次都会看到扔飞机用户所分享的文件。内容随机,但这个分享的方式十分有趣,你永远不知道被扔中的飞机装载了什么样的文件。当然,除了打落别人的飞机外,自己也可以通过扔飞机的方式来分享自己觉得有意义的文件。

纳兰筱晚 摘录


01963f5e269c81a80120a895ea1abc.png




11、马蜂窝趣味性新手引导

以色彩丰富的插画与动态引导进行更新后的功能引导,带给用户更多趣味性。不仅吸引用户的注意力,也让新手引导被读性更高。


011c005e269c8ba80120a895f7a68b.png




12、马蜂窝底部标签栏新尝试

更新后的马蜂窝旅游 APP 对底部标签栏进行了全新的尝试,将个人中心移到右上角,底部主要显示首页、发布、去旅行。在上滑浏览过程中首页和去旅行收缩隐藏,下滑时展开,带给用户更大的浏览视野。


01177a5e269c95a80120a8955104a2.png




13、转转品牌动效引导

启动转转 APP 的时候,底部发布功能出现前以结合品牌形象的动效引入,不仅强化品牌意识,动效的引导也使得功能曝光度更强。


0118b05e269c9fa80120a895d00fcf.gif




14、转转 Banner 图的缩放切换

转转 APP 的 Banner 图切换以缩放的形式进行,头图背景随着 Banner 图切换显示对应风格和配色调整。表现形式更灵活有趣,更能突出 Banner 图的存在感。


0145eb5e269cb1a80120a8956bcdb6.gif




15、QQ 丰富多样的在线状态场景

QQ 丰富了用户在线状态的多种场景模式,无论是在聊天还是工作情况下,都能通过对方的在线状态预估对方当下情况。进而知道对方当下可能没办法及时回复信息,减少用户盲目的等待,一种贴心的用户场景体验设计。

Liaju 摘录


0143ee5e269cbea80120a895644ee4.png




16、酷狗音乐更多手势交互的运用

随着互联网的不断发展,产品设计融入更多的手势交互。在酷狗v10.0.0版本,通过长按中间tab音乐播放浮层出现四个音乐操作常用功能,滑动直接拖动音乐的播放进度,切歌以及收藏音乐,为用户提供快捷的操作入口。

Liaju 摘录


01cfa65e269cc7a80120a8952dcfba.png




17、酷狗音乐,播放页左滑展示歌曲信息卡片

新版酷狗音乐播放页左滑展示更多的歌曲信息卡片,用户可自定义优先级展示歌曲信息卡片内容,方便用户对自己喜欢的歌曲能进一步了解更多信息。卡片背景随着封面的变化而变化,视觉效果很舒服。

Liaju 摘录


0125cb5e269cd9a80120a895dac9dc.png




18、支付宝有趣的大拇指点赞样式

点赞的功能无处不在,很多产品都有自身的创意设计,支付宝点赞的样式也很独特,竖起大拇指给你点个赞。在没有点赞的情况下,大拇指是藏起来的,点击点赞过程的动效,就是慢慢的竖起大拇指。

Liaju 摘录


01871e5e269ce5a801216518d7586b.png




19、QQ 个性化点赞设计

QQ 好友动态的点赞,赋予了两种不同的意义,点击icon是正常的点赞,长按icon连发表情心情。提供了5种常用的表情(超级赞、大笑、苦笑、坏笑、愤怒)滑动选择表情后,表情在界面上飞了一圈再消失,增加了点赞的趣味性,让用户与用户之间互动感更强。

Liaju 摘录


0149315e269ceea80120a895ea9bbe.png




20、爱奇艺为用户提供截图拼接功能

当用户观看视频截图两张图时,提示用户还截了其他图,可以尝试截图拼接,平台自带一键拼图的常见功能点,方便用户在截图的同时可以直接拼接台词的拼图,为用户提供了连贯性操作的良好体验。

Liaju 摘录


01ef595e269cf9a80120a8954cab6d.png




21、旅行世界,带上心爱的小狗去旅行

在当今社会,狗狗深受年轻人的喜爱,在虚拟游戏世界,实现带上小狗狗去各地旅行的小惬意。通过不断获取金币去合成不同等级小狗,主人带着小狗不断行走,走得越远,获取越多收益。行走过程中,背景也会不断移动,让虚拟场景更加真实化。

Liaju 摘录


0142135e269d05a80120a895a18c62.png




22、搜索栏热词动态滚动

为了更好的引导用户进行搜索,最近发现淘宝、京东、马蜂窝旅游等产品的搜索栏热词每隔5秒左右便会进行更换。以上下滚动的样式显示,增加搜索热词的曝光频率。

Liz 摘录


01c4465e269d14a80120a8957eb951.gif




23、蘑菇街的搭配购

蘑菇街的搭配购不仅可以帮助一些用户解决在服装搭配方面的难题,同时也诱导刺激了用户的消费。可以在详情页中根据模特的穿搭,选择自己需要的服装。

晒月光的小狐狸 摘录


0145505e269d61a80121651899af36.png




24、宝宝巴士儿歌交互人性化

宝宝巴士儿歌将歌曲列表放在播放页右侧,选歌的同时不影响观看视频;将歌曲目录用卡片式呈现,就像一本本绘本封面,能带动小朋友的兴趣。


可以由家长设置观看时长,控制宝宝的观看时间;可以设置观看距离提醒,小于一定的距离会进行提示,减小对视力的伤害。

Sherry 摘录


01e80c5e269d79a801216518b84b3d.png




25、优酷视频色弱设置功能

优酷视频的辅助功能有“夜晚模式”和“色弱设置”可供选择,“色弱设置”中针对红、绿、蓝色弱提供不同的色彩模式,这一情感化设计提升了部分特殊用户的体验满足感。

晒月光的小狐狸 摘录


01f8ca5e269d88a801216518e5bc98.png



浏览 62
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报