10月 | UI设计师的产品体验日记

用户头像
杭州/UI设计师/6年前/34831浏览
10月 | UI设计师的产品体验日记

感谢大家对我们产品体验日记栏目的支持,祝大家十一月快乐!



一晃 2019 年的倒数第二个月已经悄然开启,时间永远不会欺骗任何人,也是最公平的分配给任何人。我们要善于利用每一个空余时间,零散的积累可以化零为整。


今天我们特意把  10 月份通过零散时间摘录的产品体验日记进行汇总筛选,希望可以让你一次性记住它们,也许某一天就能成为你灵感的一角。




01、腾讯视频,色觉障碍优化

腾讯视频在播放视频时可以通过辅助功能调节色觉障碍优化,针对色觉障碍的用户提供了相应色彩画面的选择。通过优化视频色彩来提高画面辨识度,更加人性化的照顾更多用户群体。

代代 摘录





02、腾讯视频,重回后继续播放的小细节

当用户观影过程中需要暂停退出当前窗口,当重新切换回来时,视频播放进度会自动调节到暂停前 3-5 秒。这样的处理可以让用户可以更好的对剧情进行重新衔接,延续离开时的记忆,非常人性化的细节处理。

代代 摘录





03、高德地图十一期间不一样

高德地图节日期间在左上角新增了“景区随身听”服务,打造千人千面的全新语音导览体验,首批覆盖全国逾500个热门景区,为高德用户带来不一样的十一假期体验。

黑马青年 摘录





04、剪映,拖动试听音乐有助于选择

剪映在添加音乐时,可以通过拖动音频来快速试听该音乐,快速跳过缓慢的前奏部分,直接试听音乐高潮部分。根据当前素材选择最适合的高潮部分配音,可以节省用户选择配音的时间。

Liaju 摘录





05、高德地图,截图生成长图

搜索好目的地之后如果选择公交地铁出行,为了防止可能由于网络不佳等因素不能及时查看交通信息,可通过截图功能,保存完整的路线指引图。保存图片后可在相册中查看长图,也方便分享给好友,非常人性化。

疏晶晶 摘录





06、企鹅 FM,左滑到底直接删除收听记录

企鹅 FM 最近收听记录中,不仅可以左滑配合点击删除,还可以左滑到底直接删除当前操作内容。

许文娟 摘录





07、携程旅行语音导览

在携程旅行 APP 中,针对部分景点介绍有设置语音导览的功能,初次体验你可以选择该旅游景区的三个景点进行试听。对于很多游客来说只是看风景,如果不了解景点背后的故事,是很难有代入感的,这个功能可以让你对景点有个初步认知。

黑马青年 摘录





08、微信读书,想看啥摇一摇

微信读书,摇一摇!它会根据用户的阅读记录推荐类似的书籍。当用户不知道看什么书的时候就摇一摇,以有趣的交互解决用户选择困难症。

代代 摘录





09、bilibili 漫画跨页拼贴阅读

一般的漫画都是在一页之中进行分镜,在手机上阅读时不会有什么障碍,但是当出现一些比较大的跨页插画时,手机上的观看体验就不是那么友好。而当出现跨页时,bilibili 漫画可以通过向下滑动来进行拼页,将跨页拼成一页来进行观看,优化了阅读体验。

住住 摘录





10、叮咚买菜购物车领券激活用户购买欲

随着生活方式的不断变化,现在买菜这样的家常小事都可以服务到家。


最近在体验叮咚买菜 App 的时候,发现购物车顶部会有领券提示,通过满减、优惠券等形式可以更快的激活用户购买欲。空状态的购物车可以激活用户进行商品添加,已选择商品后会看到满减提示,激活用户选择更多的商品达到满减权限,一举多得。

黑马青年 摘录





11、微博动漫,不一样的性别设置

点击右上角的男生/女生头像便可直接替换角色,区别于常见的输入形式,简化用户操作步骤,并且推送内容会根据用户性别进行差异化推送。

Cherry 摘录





12、记账城市,游戏化记账玩法

对于我们这一代的年轻人来说能坚持记账的估计相对较少,一些互联产品的引入相对可以激活这一部分人群。最近体验的记账城市让我影响深刻,将游戏化的场景引入产品设计中,你记录一次就相当于为自己的虚拟城市进行一次基建,带入了几分趣味性。


也可以点击拍摄图标进行照片记录,调整好需要展示的城市场景,点击拍摄时模拟了类似拍立得形式的照片打印。整个体验不仅年轻化、游戏化,也结合了趣味性,在细节的处理上面也非常到位。

黑马青年 摘录





13、美图秀秀以营销思路引导登录

通常访问个人中心都需要用户登录账户,如何引导用户创建账户是产品不断思考的问题。美图秀秀以红包微动效替换默认头像,以登录领红包引导用户创建账户,也算是一种不错的以营销思路作为引导的方式。

黑马青年 摘录





14、骨骼,绘画人的热爱

很喜欢这款解析人体结构的 App,设计很大胆,有个性。点击右上角“显示插针”会显示插针在某个部位,点击插针还能出现对这个部位的解释。还能对骨骼进行360旋转,深入解剖每个部位。


功能操作控件放在上下左右四个角,内容的布局打破常规设计,左下角的“滑轮”操作,当你滑动时就会在“显示界面”跟“隐藏界面”之间切换。

Liaju 摘录





15、Keep 不一样的任务设置

Keep 的任务设置采用 H5 的形式,区别于其他大众的常规任务形式。没人喜欢做任务,用讲故事的方式去设置任务关卡,会增加用户的参与度。


“卡路里工厂”在取名上就增加了不少趣味性与点击欲望,进入“卡路里工厂”界面用星球、星空等元素设计,画面具有神秘感,让用户觉得是在探索星球中完成任务。结合游戏化的形式更有趣味性,因而提升用户参与度。

Liaju 摘录





16、音兔,音乐智能推荐

音兔 App 在进行图片和视频编辑时,音乐的类型会根据图片和视频的内容进行推荐,如发的风景照就会推荐旅行相关的音乐,发的猫咪照片就会推荐猫奴的音乐,方便用户在进行图片和视频编辑时更快捷的选到适合的音乐。

Xindy 摘录





17、微信读书滑到头还能无限场

卡片式滑动翻页现在非常普及,起点通常是无法滑动的,但是微信读书打破了你的思维局限。在开始时允许你向右滑动,此时便可进入无限场,带给你不一样的互动体验。

黑马青年 摘录





18、招商银行双重刷新相结合

招商银行 App 进入社区状态下 icon 变为刷新样式,可以手势下拉进行刷新,也可以点击 icon 进行刷新,操作更加便捷。

Cherry 摘录





19、网易云音乐,生日祝福

生日那天,网易云音乐的每日推荐图标会变成一个蛋糕图形,每日推荐的第一首歌是「祝你生日快乐」。这些小细节是不是很暖心呢,反正我是被俘获了。(Android Version 6.3.2)

無休 摘录





20、Space FM 通过音乐交友

Space FM 模拟宇宙太空,把每个用户比作一个宇航员,宇航员添加喜欢的歌曲,形成自己的音乐星球;宇航员可以带着自己的星球在太空漫游,每隔30秒匹配新的宇航员,如果双方都停留下来,可以听对方的歌曲,还可以打招呼、聊天,聊得来可以收听对方的音乐,即可私聊。


以太空星辰为动态背景,播放着自己喜欢的歌,营造了一个轻松的氛围。在与陌生人打招呼,有了音乐为话题引子,不会显得唐突尴尬。

無休 摘录





21、猫耳 FM 的闪屏启动音

猫耳 FM 增加启动音的设置,区别于传统 App 闪屏启动,加入声音的闪屏启动音更增趣味性。推荐的启动音也非常符合产品二次元的调性,让用户在进入 App 时有声优体验的沉浸感受,每一次的打开都是一次惊喜的体验。


“欢迎回来,主人”、“早安,大小姐”…等声音录制来自不同动漫的经典重现,能抓住一部分特定用户人群的喜爱,也是非常棒的运营策略。

老白 摘录





22、京东商城添加活动日历功能

京东商城在首页添加了活动日历的功能,用户可以了解到未来一周的优惠促销活动。可添加活动提醒,这样用户就不会错过好的优惠活动,同时也提高了平台的转化率。

逆光 摘录





23、腾讯视频,播放短视频中推荐正片

观看短视频的时候,播放大概 5 秒左右,视频下方标题栏会变成正片内容导航,避免用户找影视名字的繁琐,既能满足用户需要,又能增加产品需求。

皓月长歌 摘录





24、酷狗音乐,透视立体翻页设计

酷狗音乐歌单页,头部推荐歌单采用透视立体翻页效果呈现,增强视觉画面感,主体内容更突出,也区别于平铺卡片形式。头部的背景颜色也融合当前卡片的色调,整体更协调。类似这种呈现简单立体翻页效果的表现手法,在 UI 应用场景中也越来越常见。

Liaju 摘录





25、途家民宿,未完成订单的设计呈现

当用户有未完成的任务订单,在“首页”和“我的”以显著位置提示用户完成订单。多个订单“首页”以轮播形式进行展示,“我的”以上下滑动形式展示并提示用户。

皓月长歌 摘录





26、QQ 夜间模式下的 icon 设计

切换 QQ 夜间模式,底部标签栏消息选中模式下的 icon 结合睡觉打呼的情景设计,符合夜间场景。贴合场景的细节设计,带给用户更好的体验。

Liaju 摘录





27、马蜂窝旅游,详情页照片展示处理

马蜂窝旅游在文章详情页展示作者拍摄的景点照片时,不会对照片进行裁切等处理,而是以宽度固定高度自定义的方式进行呈现。展示出照片本身的原始状态,不仅方便作者拍摄不同比例的照片,也方便用户从不同的视角观看景点。

黑马青年 摘录





28、毒汤日历,点赞也要扎心

一款毒鸡汤产品,觉得很丧就打开看看,说不定丧丧就好了。点赞 icon 设计也是带“扎”的,恰好符合产品属性;当你想翻过明天的时候,会提示“明天,怎么翻也翻不过去”。

Liaju 摘录





29、百度翻译,通过引导互动完成信息采集

引导页在产品中比较常见,从静态、动态、视频等不断演变到互动式新形式引导设计。


在百度翻译 APP 中,通过引导页和用户进行互动,来了解用户群信息。通过这样的互动形式可以更好的被用户所接受,并进行相应信息的选择。

疏晶晶 摘录





30、抖音,背景图编辑预览更人性化

在抖音设置个人主页背景图,更换图片来自个人相册,在进行图片编辑时,可以预览基于布局结构上的呈现效果,便于用户截取需要的图片显示区域。

疏晶晶 摘录





31、编辑微信朋友圈动态试试长按照片

编辑微信朋友圈动态过程中,如果选错图片通常大家都是点击图片预览时删除。还有一种长按拖拽删除可能容易被你忽略,不妨试试看,通过长按拖拽删除照片更能方便用户操作。

疏晶晶 摘录





32、酷狗音乐,30 秒副歌播放

通过 30 秒的副歌播放,为你快速筛选是否喜欢这首歌,30 秒缩短了用户试听歌曲的时间成本。也会提示用户下一步操作,如果 30 秒不够可以增加 30 秒。 

Matilda 摘录





33、QQ 音乐制作视频歌词海报

喜欢的歌词可以制作成动态海报,还可以自定义拍摄视频,符合当下流行的小视频。将喜欢的歌词歌曲同时赋予视频的记忆,听觉+视觉体验结合,给人更加丰富的情感体验。

Matilda 摘录




10月份的产品体验日记分享到此结束,希望抛砖引玉,可以看到更多伙伴去发现更多好玩的设计。



黑马家族 成员整理编辑

本文由 @黑马家族 原创发布。未经许可,禁止转载。

739
阅读原文
|
举报
|
579
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
平面插画情侣/矢量
中国传统纹样创新图案设计
空的平台平面和自然景观
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
城市园林平面布局航拍
金色颗粒质地的平面
金色颗粒质地的平面
空的平台平面和自然景观
金色颗粒质地的平面
金色颗粒质地的平面
平面插画设计女孩喝咖啡
城市园林平面布局航拍
海底世界插画
城市园林平面布局航拍
城市园林平面布局航拍
平面风格黄绿色系花朵装饰
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
“知识宅急送”外卖,快递,平面,海报,素材,教育
城阙凡花
玄关入门地毯印花图案红地毯
倒计时,海报,平面
古风平面仕女与瓷器
平面书法字手写
平面花卉图案扁平简约无缝拼接插画
平面人物插画
你可能喜欢
相关收藏夹
教程
教程
教程
教程
教程
4726
学习
学习
学习
学习
大家都在看
登录注册