我们将在这里分享近期一些值得学习的线上案例,快来和我们一起发现隐藏在身边的动人设计,get新灵感!
案例分享
1. Spotify —— 音乐与互动游戏的奇妙融合
Spotify在歌单底部隐藏了一款趣味小游戏——「歌单吃吃乐」,将专辑封面融入经典贪吃蛇玩法中,为用户带来别具一格的互动体验。
游戏化交互,视听双重体验:将经典贪吃蛇游戏与歌单内容结合,专辑封面化身游戏中的“食物”,玩家通过操控蛇身触发歌曲播放,实现游戏与音乐的深度融合,带来视听双重沉浸式体验。
个性化视觉展现音乐品味:蛇身会随着玩家捕食的专辑封面而变化,形成由用户听过的专辑艺术拼接而成的彩虹蛇。这种个性化设计不仅呈现用户的音乐偏好,还增加了互动的趣味与视觉独特性。
2. Bouncie——动效点燃运动成就感
Bouncie是一款专注于网球记录的app,通过趣味互动与惊喜动效,为用户打造运动后的成就体验。
惊喜动效强化成就感:运动记录完成后,全屏网球掉落的动效结合拟人化扁平插画,营造轻松愉快的氛围。流畅的动效设计赋予记录流程仪式感,让成就体验更加生动。
重力感应引导互动:当网球掉落至页面底部,重力感应反馈引导用户互动。轻晃手机,网球随之滑动,简单的交互既增加了趣味性,又延长了用户的使用时长。
3. Weee!—— Pick专属于你的圣诞礼物
Weee!是一家服务海外华人用户的生鲜及日用品电商平台。在圣诞促销中,Weee!以圣诞树为核心创意,将优惠权益包装成彩球挂在树上,为用户打造充满节日氛围的购物互动。
趣味化权益包装:将优惠权益以圣诞彩球的形式呈现,与节日氛围完美融合。彩球上有独立的数字标记,方便用户操作,同时增加探索乐趣和视觉记忆点。
交互映射现实习俗:点击圣诞彩球领取礼物,与现实中“从圣诞树上取礼物”的习俗相呼应。虚拟与现实的巧妙结合,不仅增强活动的沉浸感和仪式感,还激发用户的节日情感共鸣。
4. TrainPal——给APP留点彩蛋,Capture Your Heart!
TrainPal 是一款专注英欧火车订票的APP。圣诞期间,TrainPal首页上线了节日限定彩蛋,以小创意带给用户别样的节日惊喜。
超越期待的惊喜设计:在下单流程中融入节日彩蛋动效,通过突破常规设计超出用户期待,带来意想不到的惊喜体验,给用户留下深刻印象。
情感化设计引发共鸣:圣诞老人从微笑打招呼到挥臂欢呼,情绪逐渐升温,传递节日的喜悦,用户更容易产生情感共鸣,感受到圣诞的欢乐温馨氛围。
5. TooGoodToGo —— 轻动效优化价格展示
TooGoodToGo通过实时动态定价,根据库存和市场趋势为用户提供最佳价格,减少食物浪费并提升商家收益。
动态图标强调价格变化:在动态变化的价格旁边添加轻动效的小图标,强调价格的实时调整。这种视觉效果不仅吸引用户注意,还有效传达了价格变化的动态特性。用户点击价格时会弹出说明气泡,帮助快速理解和决策,提升信息流畅性和一致性。
优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!
优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真)、移动端应用(手机站、APP开发)、微信定制开发(微信官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。