UI设计师的产品体验

2022-7-29    纯纯

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 摘录


蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系

作者:黑马青年  来源:站酷

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档