浅析产品体验设计细节

2022-5-25    分享达人

目录

一、马蜂窝 — 人性化设计识别文章地点

二、微博 — 社区游戏化设计提升互动率

三、QQ — 通过手势消除未读消息

四、最右 — 情感化设计保护用户隐私

五、抖音 — 深夜提醒贴心的功能

六、网易音乐 — 把分享游戏化

七、QQ音乐 — 歌词沉浸式体验

八、盯潮 — 趣味性banner轮播,增加用户点击

一、马蜂窝—人性化设计识别文章地点





产品体验

在马蜂窝任意文章中,如果出现地区则可以通过当前页面对地区进行提取

目标

减少用户操作路径,降低产品使用成本

设计思考

日常在各个平台浏览文章时大家都会遇到在文章内会出现一些如地名、人名、物品等相关名词,此时如果对名词感兴趣则需要切换场景去进行搜索,而马蜂窝在这方面深入洞察到用户痛点,基于旅游社交产品背景下在添加地点直达(包含多个地点)功能,解决了对景点感兴趣的用户使用体验。

延伸设计

根据马蜂窝这个人性化功能,是否可以在不同的产品内进行应用,如在一些游戏社区中所提到的虚拟装备、道具等物品添加弹窗简要说明,帮助新手玩家快速理解玩法、功用等

二、微博—社区游戏化设计提升互动率



产品体验

在微博动态详情中进行长按点赞触发动画

目标

通过游戏化点赞玩法激励用户进行互动,提升互动率

设计思考

打破传统点赞动画,微博设计动效采用大胆创新的全屏动画并搭配上散发的微表情,在长按与连点两种手势下动效规律不同,消除用户枯燥感,微博作为国内最大社交平台,页面展示上已经形成用户深刻认知,在不影响基本风格上进行彩蛋设计有效的提成用户互动率

三、QQ—通过手势消除未读消息



产品体验

在qq聊天页面中对底部消息气泡进行拖动,消除所有未读消息

目标

提升用户操作效率和使用体验

设计思考

qq作为社交工具,每位用户都会添加大量人、群以及关注各种推送,在这种场景下用户每条消息都去操作需要花费大量时间,QQ把传统的消息已读以一种简单的交互手势作为代替,相对全部已读在操作上更佳便捷

延伸设计

通过qq的这个交互细节,在其他产品场景中同样适用,如一些音乐、电台相关的产品在离开播放页面后播放状态会悬浮在页面之上,如果关闭的话则需要点击暂停或者进入详情后关闭,也可以考虑使用拖动手势进行关闭

四、最右—情感化设计保护用户隐私



产品体验

在最右登录页面输入密码时ip形象会出现捂眼睛动作

目标

强化用户隐私和心理信任感

设计思考

日常在使用一些敏感性操作时我们都会注重隐私,如一些表单的填写、密码输入等相关操作,最右在登录页面使用到了ip形象的动作去向用户传递心理上的暗示,这种手法很好的把品牌曝光与体验相结合

五、抖音—深夜提醒贴心的功能



产品体验

长时间刷抖音时会系统会提示,在深夜使用时会支持设置提醒时间

目标

防止用户疲劳使用产品,定时缓解注意力

设计思考

在使用抖音时大家可能会经常深陷其中无法自拔,往往忽略了时间影响身体健康,提醒机制则在深夜不同时间段进行间接提示,虽然在用户体验中不提倡打扰用户,但在短视频这个场景下如果过渡沉浸便会造成反向影响

六、网易音乐—把分享游戏化



产品体验

在网易音乐对某首音乐进行分享时可以对音乐进行个性化定制,对歌曲进行编辑添加文字、图片、语音等以视频方式呈现

目标

把分享以一种偏游戏化的形式呈现,提升用户分享率

设计思考

传统分享基本是直接让用户分享到第三方平台,而网易音乐这个设计把分享场景进行多元化处理,以定制音乐罐子为切入点,用户自由编辑个性化处理装进罐子进行分享,是一种视频剪辑融合音乐的一种新玩法,破圈传统枯燥的分享场景,提升用户分享率

七、QQ音乐—歌词沉浸式体验



产品体验

在音乐歌词页面中可以支持设置歌词主题

目标

新颖的呈现手段,强化用户沉浸式听歌

设计思考

传统的音乐产品在详情页面展示了一屏歌曲歌词,面对大量的文字用户在寻找某段歌词时效率不是很高,对大量的字段也极为枯燥,而qq音乐使用了创新的展现形式,把手机主题概念融入歌词中达到新的视觉体验,根据不同的主题对应的动画也不同,大大的提高了用户的视听体验

八、盯潮—趣味性banner轮播,增加用户点击



产品体验

在盯潮首页banner处对其进行拖动甩出

目标

通过交互玩法提升用户对banner的点击

设计思考

banner在页面通常点击率较低,用户会默认为广告,在盯潮内滑动banner时会发现banner可以进行拖动,并且松开时会自由掉多,把传统的banner切换做出了可玩性更高的效果,同时这个设计手段也能吸引用户注意力引导用户对banner进行点击

原文地址:站酷
作者:爱吃猫的鱼_

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

截屏2021-05-13 上午11.41.03.png

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

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

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

分享本文至:

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档