经验观点 2022年05月19日
0 收藏 210 点赞 1,465 浏览 2266 个字
摘要 :

随着互联网产品越来越成熟,从底层需求逐渐进化到体验升级,带给用户更好的体验至关重要。而感官体验层面也被重视起来,其中个性化的设计带来的视觉差异尤为重要,呈现……

随着互联网产品越来越成熟,从底层需求逐渐进化到体验升级,带给用户更好的体验至关重要。而感官体验层面也被重视起来,其中个性化的设计带来的视觉差异尤为重要,呈现出众多优秀案例。

今天黑马哥就为大家分享几个关于个性化设计的案例,希望可以带给大家更多启发。

个性化设计提高感官体验

 

一、主题化设计带来差异化体验

根据不同内容进行视觉呈现,可以在不改变布局结构的前提下,带来差异化的感官体验。主题化设计就是在背景层和元素层进行视觉发挥,不改变原生结构,被众多产品进行设计发挥。

比如优酷 APP 在视频播放页面,视频窗口下方区域会根据影视作品特征进行主题化设计。会在背景、图标、按钮和选择器等元素上面进行主题化设计,情感化的设计更能带给用户共鸣感,提高用户对产品的感官体验。

个性化设计提高感官体验

 

二、精美配图强化空状态视觉感

空状态的设计从生硬的文字提示延伸到情感化的表达,运用更加视觉感的形式带给用户良好的感官体验。

最近在体验酷狗音乐时,初次进入播放页无歌曲时,采用黑胶 CD 作为空状态展示。当用户操作分享时则会以精美的配图来强化空状态,带给用户反馈的同时,也提高了播放页的视觉感。情感化的设计更能与用户产生共鸣,增加用户对产品的好感度。

个性化设计提高感官体验

 

三、轻拟物动态反馈视觉感更佳

用户在进行功能操作时,除了底层需求层面的反馈以外,反馈设计的视觉感也是至关重要的。好的设计可以加强用户对产品的好感度,让功能操作也能赏心悦目。

最近使用荔枝 APP 进行录音时,轻拟物的录音机设计印象深刻。在录音过程中磁带进行动效转动,带来场景化的真实感体验,停止录音时也会停止转动,动态的及时反馈提高用户使用体验。轻拟物动态设计不仅强化了视觉感,动态及时反馈也是非常不错的设计表达。

个性化设计提高感官体验

 

四、方寸之间自由切换,承载更多体验

产品的流量区域属于众多功能争相曝光的区域,在这个方寸之间的设计发挥,体现出了设计师的能力。如何将有限的资源发挥到极致,带给用户更多的功能体验,需要产品设计师多在交互层面探索。

最近在使用酷狗音乐听歌时,底部标签栏上方的播放状态区域给用户提供了播放/暂停和切歌等操作,可以左右滑动来进行延伸功能切换。用户可以选择默认状态进行歌曲之间的操作,也可以向右滑动以显示歌词为主,方便用户在听歌时观看歌词。在方寸之间通过滑动交互承载了多重功能,满足用户更多操作体验,提高用户对产品的使用体验。

个性化设计提高感官体验

 

五、动态 IP 增强按钮关注度

针对一些重点功能的按钮设计,在按钮造型、配色、图标风格、微动效等方面都在不断强化,以此来提高功能的关注度。

荔枝 APP 在录音模块中,为了突出录音按钮的存在感,结合了动态 IP 来进行强化。IP 形象从右下角出现与消失的动态效果,提高了录音按钮的关注度,俏皮可爱的形象也增加了设计的趣味性。

个性化设计提高感官体验

 

六、动态礼仪提高情感化设计

产品除了在使用体验层面不断优化以外,主要还是需要传递服务价值。服务的升级可以提高用户的认同感,情感化的设计可以辅助服务的可视化呈现。

自如在“家福卡”模块中,顶部视觉区域通过动态礼仪进行升温设计。每次进入都会有人偶形象打招呼,显得非常懂礼貌,使得用户感受到被尊重,提高了亲和力。通过动态形象进行礼仪表达,不仅提高了栏目的关注度,也让用户感受到这是一款有温度的产品。

个性化设计提高感官体验

 

七、差异化的用户反馈设计

用户反馈是打造优质产品的关键,如何提高用户反馈的意愿至关重要,设计师都在不断的思考和尝试。

自如 APP 在采集用户反馈时,设计了底部弹出的形式,询问用户是否愿意推荐自如。从绝不到强推设置了 0-10 分,当用户选择 9 分或以上时直接提交,低于 9 分可以描述原因。相对于比较隐藏式的用户反馈设计,这种打分制的形式用户操作更加便利,不会占用过多时间,用户参与的意愿也会更高。

个性化设计提高感官体验

 

八、IP 情感化设计推动人性化体验

注册应该算是用户比较排斥的操作,但也是不得而为之的事情。通过情感化的设计降低用户的排斥感,在趣味体验的环境中完成注册,可以带给用户更好的使用体验。

最右 APP 在注册时,进入注册界面 IP 形象以打招呼的形式出现,当用户输入密码时则会双手蒙住眼睛。IP 情感化设计带来了更多趣味性表达,以此推动了更加人性化的设计体验。

个性化设计提高感官体验

 

九、图形化类别设计提高辨识度

分类设计采用纯文字的表达显得比较单一,也有一些产品会结合图标或者图形设计进行装饰,以此来强化关注度和视觉感。

最近在使用肯德基 APP 点餐时,发现纵轴导航的分类设计结合了品类图标,提高了浏览辨识度。运用图标来强化可视化设计,提高用户点餐时对于品类的辨识度,也能强化当前栏目和默认品类的差异。小小的改变不仅优化了视觉感,也能带给用户更好的感官体验。

个性化设计提高感官体验

 

十、可视化展示增强用户理解度

对于运动类产品来说,运动后的数据展示对于普通用户而言显得比较生硬,理解度来说不够直观。可视化的设计提供了更好的解决方案,看图比看文字更直观易懂。

One More 提供了简洁直观的训练数据预览,通过可视化的形式展示训练后增强的肌肉部位,以及通过肌肉颜色变化体现训练的强度。通过人体结构结合训练强度进行可视化表达,不仅可以提高用户查看训练数据的关注度,也能提高数据的理解度,增强用户使用产品的体验度。

个性化设计提高感官体验

 

小结

个性化设计可以满足不同用户的使用需求,也能体现出产品的差异化服务。提高设计的差异,带给用户更加人性化的体验至关重要,无论是感官体验层面还是功能操作层面,只有带来不一样的体验才能提高用户的黏性,增加用户对产品的好感度。

今天给大家分享的这 10 个优秀案例,希望可以开启大家的设计新思路,在常规解决方案的基础上延伸出不一样的设计创新。

 

原文地址:黑马家族(公众号)

作者:黑马青年

个性化设计提高感官体验

转载请注明:极致设计 » 个性化设计提高感官体验

微信扫一扫

支付宝扫一扫

版权: 转载请注明出处:https://www.jizhisheji.com/108427.html

相关推荐
精选
互动投影的应用所表现出的四大特点
互动投影是集合了商业价值与娱乐特质的人机交互形式,其因绚丽的展示效果而深受到大众喜爱,它的实现主要依靠捕捉设备对目标影像进行实时的动作捕捉,…
日期:2022-06-26 点赞:196 阅读:2,750
精品
提高UI界面高级感的排版实用技巧
UI 界面中,排版设计同样重要。如何将至关重要的信息,有效地传递给用户,这是界面本身的职责,而在绝大多数时候,这通常是靠文本来完成。 这就是…
日期:2022-06-26 点赞:178 阅读:3,982
最新
汽车二手车租车小程序定制开源源码开发制作模板的UI功能设计
汽车二手车租车小程序APP定制开源源码开发制作模板需要哪些功能?——龙兵科技 龙兵科技,自主研发,源码交付,专注软件研发10年,各行业源码齐…
日期:2022-06-26 点赞:160 阅读:3,855
最新
房产报备新房二手房租房等小程序源码制作UI功能如何设计功能?
 龙兵科技,自主研发,源码交付,专注软件研发10年,各行业源码齐全网络销售公司该如何推销出去一个产品?是不是要针对客户的需求去讲解…
日期:2022-06-26 点赞:282 阅读:1,600
必看
机器人情感化设计
前段时间接到了一个企鹅岛的机器人项目,项目目标是要传递“机器人友好”的概念。那我们要如何从设计的角度去传递这个概念呢?友好其实是人对事物的一…
日期:2022-06-26 点赞:90 阅读:4,771
推荐
企业展厅设计用多媒体的方式实现有何帮助
  企业展厅是企业对外宣传的一种重要形式,其通过数字沙盘、弧幕影院、多点触控、全息投影等多媒体互动技术,让用户更好地参与其中,给用户带来沉浸…
日期:2022-06-26 点赞:280 阅读:4,666
发表评论
暂无评论

还没有评论呢,快来抢沙发~

助力内容变现

将您的收入提升到一个新的水平

点击联系客服

在线时间:8:00-16:00

客服电话

400-888-8888

客服邮箱

ceotheme@ceo.com

扫描二维码

关注微信公众号

扫描二维码

手机访问本站