UI设计师的产品体验日记(三) Recommanded by editor
1年前Publish
1263
|
0
|
21
体验优秀产品设计,归纳总结分享,学习别人设计中的优点,改善自身不足,努力努力再努力!💪

产品体验日记到现在短短3期,上一期体验日记出来之后,得到了小伙伴们的支持,在这里感谢每一位点赞阅读的小伙伴们啦!


一、QQ音乐-搜索框

QQ音乐是一款带有精彩音乐推荐功能的播放器。

QQ音乐搜索框在首页默认状态显示搜索框,与听歌识曲功能的小图标上下排列;当点击搜索框之后,搜索框上移至导航栏,与听歌识曲小图标显示在一行。

优点:默认状态下,分开排列使页面对称、丰富,避免右侧空白,搜索页面组合在一起显示,节省区域空间,用户在当前页面可以自由选择搜索形式。


undefined



二、网易云音乐/QQ音乐-热搜榜

目前音乐播放器一般会有热搜榜功能,方便用户收听热门音乐。以目前使用较多的QQ音乐和网易云音乐为例,在热门榜处都会设有播放按钮,点击按钮后用户可以直接收听热搜榜歌曲,两大音乐播放器的差别是,QQ音乐点击播放后在当前页直接播放,而网易云在点击播放按钮后会跳转到相应的歌曲播放页。

优点:节省用户查找音乐的时间,用户可以直接收听最新最热门的音乐,减少用户时间成本。

在热搜榜的展示上,QQ音乐采用了新曲小标签,网易云音乐采用了热门小标签,方便用户区分热搜榜中歌曲,在这一点上我认为QQ音乐比网易云音乐设计的更好一些,可以一眼看出热搜榜中哪些是新歌上榜,而网易云则是在热搜榜中标注热门歌曲,显然有一点画蛇添足的感觉,当然这只代表我个人的观点,或许网易云团队在规划这部分功能的时候还有其他用意。


undefined



三、英语流利说

英语流利说是一款融合创新口语教学理念和尖端语音评估技术的英语口语学习应用。

英语流利说在首次进入app时会根据用户需求制定学习计划,在获取用户需求时,app采用对话的形式,用户通过选择系统给出的选项表达自身需求,系统根据用户反馈给出方案。

优点:采用对话形式还原一对一服务过程,拉近与用户的距离,加强人机交互,让用户感觉很人性化而不是在冷冰冰的收集着用户数据。


undefined


英语流利说在学习过程中,会根据用户学习进度在导航栏icon上显示学习进度。

优点:学习进度一目了然,并且时刻提醒用户还有学习任务待完成,督促用户学习。


undefined



四、QQ音乐-听歌识曲

当我们在刷短视频app的时候觉得好听的歌曲,按以往的操作,我们会打开评论看看评论里面是否会有答案,或者有两个手机的话可以用另外一只手机打开听歌识曲识别,但是多数情况是我们手头并没有两部手机,又想知道歌曲名称。

当我们在刷短视频app的时候觉得好听的歌曲,按以往的操作,我们会打开评论看看评论里面是否会有答案,或者有两个手机的话可以用另外一只手机打开听歌识曲识别,但是多数情况是我们手头并没有两部手机,又想知道歌曲名称。QQ音乐和网易云都升级了这部分功能,目前可支持跨APP识别歌曲,用户可以先打卡app内的听歌识曲功能后,再打开短视频App,播放器便可直接识别短视频中的背景音乐,在识别结果的展示上,安卓和iPhone有所不同,iPhone采用通知的形式,点击之后可以直接跳转到识别后的音乐播放页面,由于系统开放性的原因,安卓则可以直接在短视频页面采用浮动窗口的形式直接显示识别后的音乐,并且支持悬浮播放,悬浮窗口可展开收起。

优点:让用户更方便快捷的获取短视频內的背景音乐,不用借助其他设备,操作简单。


undefined

undefined



五、饿了吗-回到顶部

饿了吗/美团是当前两个最大外卖配送平台。

饿了吗在向上滚动浏览首页列表时,底部的tabbar会发生相应的变化,默认状态下显示品牌logo,当页面向上滑动到一定位置后,变为回到顶部的按钮。美团、大众点评也做了此类设计。

优点:此类信息展示页面,只要用户上滑页面信息便会不断加载,一旦用户想回到页面初始位置就需要滑动页面回到原位,在首页icon位置添加回到顶部功能,省略掉下滑回到顶部的操作,方便快捷一步到位。


undefined



六、虾米音乐-登录

虾米音乐是专业的音乐内容发现及消费平台。

虾米音乐登录页背景为循环播放的动画。

优点:丰富页面内容,在设计上动静结合,让原本枯燥单调的登录页面富有活力,更迎合主体用户群体。


undefined



七、MOO音乐

MOO音乐——专为音乐爱好者们打造的音乐软件。

MOO音乐是我之前就在用的App,这款App在设计上即潮流年轻化,又有复古情怀作为视觉点缀。音乐播放界面会自动生成音乐播放背景或者动态视频,页面中间滚动播放歌词,而且页面底部还会根据音乐频段动态显示音乐频谱,让页面视觉上更加灵动,贴合App潮流年轻化的风格。APP对歌曲自动添加了风格标签,用户也可以自动添加,方便用户了解音乐风格,并对歌曲进行分类。点击收藏按钮时,右上角有胶片滚动至头像的小动效;

优点:设计风格潮流年轻化,又添加了复古情怀;功能上纯粹简单,以听音乐为主旨,没有类似其他音乐播放器的社交圈功能,只做简单的音乐播放软件,给用户沉浸式的音乐体验;播放页面视觉上灵动有趣,贴合App潮流年轻化的风格,避免枯燥和信息冗余。


undefined

undefined


MOO音乐最重要的是它解决了大部分音乐爱好者的痛点。目前各大App能拿到的音乐版权不同,用户就需要切换不同的播放器,MOO音乐很好的解决了这个问题。MOO可以导入其他App的歌单,可以将各个App的歌单汇聚在一起,并在MOO音乐App上收听来自各平台的音乐歌单,但是目前App只支持播放平台上的免费歌曲,不支持付费歌曲收听,即使在三方软件已购买都无法播放,需要另外在MOO音乐上付费(这点就很鸡肋了~)。

优点:第三方导入功能方便快捷,让用户在一个App上就能收听各个App的歌曲。


undefined



八、波洞

波洞是腾讯旗下的二次元内容社区平台。

波洞个人中心摒弃以往个人中心纯色作为背景,采用动漫风格的图片作为个人中心背景;

优点:以动漫风格图片为背景,使页面视觉上更丰富,贴合产品功能,使个人中心风格上更加活泼童真可爱。

未登录状态下的个人中心页面,为用户直接提供第三方登录入口;

优点:直接提供第三方登录入口,减少用户操作路径,更加方便快捷。


undefined



九、婚礼纪

婚礼纪是结婚筹备一站式服务平台。

婚礼纪备婚清单展示时,采用堆叠的方式,默认情况下展示清单第一条,向左滑动时下一个清单封面将堆叠在上方,类似书本堆叠的效果,一直向左滑清单会一直向上堆叠,下方显示的清单内容也会相应的变化。

优点:堆叠效果节省视觉空间,可以让用户更清晰的知道自己完成清单的数量即备婚进度。


undefined



十、樊登读书

樊登读书是一款集音频、视频等多场景阅读的阅读app。

樊登讲书页面,在常用筛选(按时间、按热度)的基础上还对列表是否已读做了筛选,用户通过筛选按钮可筛选出已读和未读的文章列表。

优点:为用户精准筛选需要的内容,避免信息冗余,避免因干扰用户阅读导致带来不好的用户体验。


undefined


本期的分享就到这里,我们下次见啦!不要忘记动动手指给小编点个赞哦👍~

原文链接:https://mp.weixin.qq.com/s/q3MJ0m66yYCB4xgLb685dw
21
Statement: all the content and comments made by netizens in ZCOOL only represent themselves, and do not reflect any opinions and opinions of ZCOOL.
Report
Share
Collect
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
All Comments0
杭州 | UI设计师
Article information
文章标签
收录收藏夹
更多收录此文章的收藏夹