产品体验日记-第六期

用户头像
北京/UI设计师/4年前/297浏览
产品体验日记-第六期
用户头像
峰123

通过体验产品,记录好的设计,并且提升语言组织能力,沉淀总结能力,欢迎大家来探讨。



1、夸克-光标手势移动
2、腾讯动漫-记忆上次登录方式
3、爱范儿-话题编辑颜色区分
4、腾讯视频-护眼实验室保护眼睛
5、美团-标签栏图标切换“回到顶部”
6、QQ-多窗口消息浏览
7、淘宝-需要时显示营造沉浸式体验
8、全民K歌-不一样的k歌体验
9、微博-一键清除未读消息
10、网易云音乐-听歌识曲




1、夸克-光标手势移动

在搜索框中输入英文网址,输入错误后可以长按搜索框控制光标移动到指定位置修改 。


设计思考

由于搜索框高度以及英文字号大小限制,手指宽度覆盖面积较大,很难识别具体位置。在以前我们只能慢慢移动手指选到错误字符慢慢移动修改,或者将错误字符删除重新填写,非常不方便。


夸克浏览器加入了光标控制区这一设计,移动控制区上的滑块控制搜索框内光标,将控制与显示分隔开,大大降低了用户的操作难度,提升用户的满意度。





2、腾讯动漫-记忆上次登录方式

在腾讯动漫我的页面点击登录,跳转登录页面后,会提示上一次登录方式。


设计思考

在如今移动互联网时代,每个用户的智能手机里应该都装有至少几十个APP应用,为了使用户更方便快速的登录体验产品,大部分应用都提供了第三方账号登录,比如QQ、微信、支付宝、微博、账号等。但是由于不同的登录方式之间信息不互通,如果用户退出,下次登录时忘记之前那个账号登录,还得一个一个试,非常不方便。


而腾讯动漫在登录界面,增加了上次登录方式的提醒,方便用户选择登录方式,并且使用跟上次相同的登录方式无需再次授权,直接登录成功,简化二次登录的操作流程。这一提示减少用户思考时间,减少使用障碍,提升了用户的使用效率。




3、爱范儿-话题编辑颜色区分

爱范儿参与话题,用户话题形式用卡片式来体现,一个评论一个独立色块,也给人耳目一新的感觉。


设计思考

爱范儿参与话题界面,用户找到感兴趣的话题准备发表意见时在文字输入框中可以按T,更改自己的话题面板颜色,这样可以区分其他用户的话题,在视觉效果上显示很棒,而把自动设置颜色功能交给用户也会非常好玩,增
加互动性。




4、腾讯视频-护眼实验室保护眼睛

打开腾讯视频护眼实验室,当你观看视频离屏幕太近时,视频就会模糊提醒你远一点,运用人性化的方式来提示用户,保护用户的眼睛。


设计思考

在移动互联网时代,大家大部分的时间都离不开电子产品,手机,电脑,对我们的眼睛造成了很大的压力,北京大学中国健康发展研究中心教授发布的《国民视觉健康报告》,报告显示2012年我国5岁以上人群中,近视人数在4.5亿左右,同时随着近视患病率的不断增长,到2020年将接近7亿。随着现代人近距离阅读和工作时间的不断增加,近视的患者越来越多,据卫生部和教育部的联合统计数据显示:我国中小学生的近视患病率已经达到了45%,高中以上的学生近视患病率更是达到了85%。


而如何合理使用电子产品,又降低对眼睛的压力,使我们思考的问题,在预防近视小妙招里,减少近距离用眼。建议眼子产品保持33厘米左右的距离可以有效缓解眼睛的压力。


腾讯视频护眼实验室,观影距离太近视频停止播放,通过情感化的动画人物提示观影距离远些,到了合适距离影片又自动播放,很好地降低了用户焦虑感;保护用户的眼睛。这一贴心的情感化设计,让用户感到非常贴心,增加产品粘性。



5、美团-标签栏图标切换“回到顶部”

使用美团APP时,首页浏览向下滑动至第三屏的时候,底部标签栏中首页tab的图标会变为“回到顶部”的图标,点击可回到APP顶部。


设计思考

对于需要展示长内容的APP,“回到顶部”按钮很有必要,相对于悬浮按钮形式来说,这种方式不会遮挡界面和视线障碍,过度也非常平滑,不会打扰用户行为,沉浸式体验更佳,提升浏览体验。




6、QQ-多窗口消息浏览

在qq聊天时,长按聊天窗口空白处,可以切换多窗口,左右滑动可切换好友/群聊窗口。


设计思考

qq信息多窗口切换,看起来非常的炫酷,只需要在消息列表中,长安空白处就能快速进入切换选项,再也不需要返回信息列表重新进入到窗口的多步骤操作。查看信息更高效,节省了用户时间。





7、淘宝-需要时显示营造沉浸式体验

在淘宝APP商品列表上滑浏览商品时,导航栏和全局筛选栏自动隐藏,存在下滑操作后再次展示。


设计思考

当用户上滑操作时,可以理解用户正在筛选商品,这时候为了用户更好的浏览商品,把导航栏和全局标签栏隐藏,让用户专注于当前信息,增加沉浸式体验。当用户下滑时,判定用户寻找自己感兴趣的商品或者是要跳转了。就会显示导航栏和标签栏。合理运用交互原则,尽可能的隐藏需要的功能,在需要时显示。




8、全民K歌-不一样的k歌体验

打开全民K歌,当底部标签栏选择动态标签与选择点歌标签是两种不一样的状态,小麦克风的图标由倾斜变成垂直。


设计思考

在如今移动互联网时代越来越同质化的时代,每个APP都在研究能提高自己个性化的设计,来提高APP的关注度,微动效是一个很好的体现。运用微妙的动效细节变化来给用户反馈,不仅能提高用户的使用兴趣,还能到给用户愉悦的感觉。

全民K歌,当底部标签栏选择动态标签与选择点歌标签是两种不一样的状态,小麦克风的图标由倾斜变成垂直。当你进入点歌标签时,系统默认你要开始来一首秀一下。就映射生活中唱歌的样子,把话筒给你立起来,惟妙惟肖,让用户使用产品的时候产生共鸣。提升用户的愉悦感。




9、微博-一键清除未读消息

打开微博消息栏,有“一键清除”功能,很好地帮助了用户更便捷地清理无用和未读的消息。


设计思考

push推送功能的应用,本来就是通知用户有新的热帖,内容,快回来看看吧,在让用户重新打开app回来看提升活跃度和留存的功能,但是如果用户没时间看,就会在手机上显示一直增加的小红点数,如果太多的话,用户看到就会有一种焦虑感。逐个清除无用的消息不仅增加了用户的操作难度与焦虑感,也会增加用户的时间成本。


而最新的“一键清除”很好地帮助了用户更快更便捷地清理无用和未读的消息,降低了部分强迫症用户在面对大量未读消息和红点提示的焦虑感。减少用户的操作成本,提升了好感度。




10、网易云音乐-听歌识曲

当听到好听的 bgm但是不知道歌名时,别担心,网易云听歌识曲了解一下,帮你更快找到心仪的歌曲。


设计思考

当追剧或看小视频的时候,听到特别好听的BGM或者触动内心的歌曲,想要马上找到这首歌并收藏,由于不知道是什么歌曲,往往错失心爱的歌曲。 而网易云音乐的“听歌识曲”可以很好地识别其他APP的音乐,打开“听歌识曲”,继续播放视频,后台可识别出当前视频的BGM,返回网易云音乐可查看识别结果,识别成功。

0
举报
|
1
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
【新年UI图标】珠宝icon
【新年UI图标】家具icon
Security Camera UI kit
高级感金属拟物 UI设计组件库
【新年UI图标】酒店icon
智能家居中心 简约 UI设计组件库
UI_3D图标火箭炮<新春促销>
新能源APP应用UIKit
新拟态风格 UI设计组件库
盲盒APP UI设计
钱包ui模板
柠檬黄主题UI作品集模版
【新年UI图标】游戏/娱乐icon
UI应用平面图标
【新年UI图标】30个图标
【新年UI图标】美妆icon
我的钱包-UI界面设计-app
UI 登录界面设计模板包
UI通用设计素材1
高级表盘系列UI源文件
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
拟物风质感写实UI卡片合集源文件
手表表盘UI系列
你可能喜欢
相关收藏夹
大家都在看
登录注册