随着时代的发展,人们对于好设计的需求更加全面立体和丰富,人们更需喜欢追求的是情感的慰藉,个人情怀的表达;将仪式感赋予现代产品,使得传统设计的文化内涵得以延伸,令普通产品具有了文化意义和情感的力量,通过这种方式激发使用者心中的共鸣,获得归属感,从而便于建立宝贵的情感方面的联系。
那么互联网产品中,会有哪些充满仪式感的设计呢?
01.
营造真实使用氛围
1. 音乐 APP 的黑胶播放器
「QQ 音乐」在最近的 11.6.5 版本更新中,带来了全新设计的「黑胶唱机播放器」音乐播放界面。此次的 QQ 音乐新的黑胶唱机播放页面采用了拟物风设计,真实还原了黑胶唱机的外观。
▲ 「QQ 音乐」黑胶唱机播放器
2. 沉浸式定制专属香水
「Gucci」在个性定制专区,通过沉浸式 3D 交互体验,让用户定制专属单品。
▲ 「Gucci」guilty 系列香水自定义成分
3. 好用又充满仪式的演出门票
「秀动」的票夹功能可以让乐迷更加快速的入场检票,轻拟物的形式记录历史票根让用户更有成就感;地图上展示去过的场地、演出和记录,是乐迷专属的音乐地图,是一种可被展示、被炫耀的社交资产,有利于提升用户对平台的粘性。
▲ 「秀动」演唱会门票以及用户专属音乐演出地图
4. 模拟真实的训练体验
「keep」在进入训练时,通过倒计时、进度展示、以及训练完结果展示这种一系列行为的被动唤起用户心中训练的仪式感。
▲ 「keep」训练过程
「万词王」通过真人实景沉浸式学单词,反复记诵加深记忆,帮助用户真正达成 “听得清、看得懂、说得出、用得准” 的学习目标。
▲ 「万词王」背单词过程
5.**景区手绘地图 **
「高德地图」中搜索 “杭州西湖” 并放大至手绘版地图,可以看到飞鸟掠过湖面、小舟在湖上游的小彩蛋,生动有趣,让人眼前一亮~
▲ 「高德地图」杭州西湖地图
02.
满足用户的精神价值
1. 尊重存在感
「网易云音乐」的会员成长等级及特权展示,结合了贯穿产品始终的黑胶唱片转动元素来做信息可视化呈现。不仅为翻看不同会员等级的交互过程增加了趣味性,切换不同等级如同转动黑胶唱片,还保持了产品在视觉和交互设计上的概念与元素统一,进一步强化了品牌形象。
▲ 「网易云音乐」会员系统
2. 自我实现:荣誉感
「Apple Watch 健身」记录用户运动的 3D 交互奖章,以及每一枚勋章背面都个性的镌刻上用户姓名,有一种私人订制的感觉。
▲ Apple 健身中的 3D 奖章交互
3. 期待感
「黄油相机」的名字源于电影《Julie&Julia》的经典台词 “你是我面包上的黄油,生命中的呼吸”,使用 App 下载素材的加载动画很可爱,是一个切面包的黄油小人,有趣又贴合产品整体的设计概念,等待素材下载的时间仿佛也变得没那么枯燥了。
▲ 「黄油相机」下载素材的 loading 动画
4. 安全感
「每平每屋」利用贴合品牌的插画清晰有趣的介绍云管家服务,让用户直观感受到此产品是可信赖的专业线上服务平台。
▲ 「每平每屋」云管家服务介绍
「得物」售卖着来自海内外的潮流品牌,由于产方来自世界各地,商品来往的速度较慢,买家会实时担心;物流可视化跟踪、鉴别照片展示、防伪套件等一系列服务保证让消费者更有保障。
▲ 「得物」物流跟踪及防伪套装
03.
特殊时间的设计彩蛋
1. 生日
来自各大 APP 的生日祝福排面:
▲ 抖音 / QQ 音乐生日彩蛋
▲ 支付宝 / 小红书生日彩蛋
2. 节日
「美团外卖」里端午节划着龙舟送餐的外卖小哥,更有趣的是小哥到店龙舟会相应停泊在店外,细节满满;「淘宝」的限定节气开屏页,悄悄地告诉我们夏至已至~
▲ 「美团外卖」端午节划龙舟彩蛋
▲ 「淘宝」夏至开屏
写在最后
仪式感的设计能够赋予产品生命力,和用户产生互动,引导用户操作更好的达成设计目的;但仪式感不能强求,不能变为形式过度的设计,应该先满足基础内容 / 功能的 “好用易懂” 的情况下,再来设计仪式感上的“好看好玩”,这样才更有意义~
评论区欢迎大家分享喜欢的仪式感设计哦:)
本期作者:细节猎人 77 子
////// END //////
淘宝设计,一个服务于全球亿万消费者体验的设计团队,致力于让设计触动人心,让商业美而简单。欢迎加入我们,公众号后台回复 “招聘”,了解最新招聘信息。