专栏名称: 交互设计学堂
系统学习交互知识,就找老D。干货分享、在线培训、行知书院三大版块帮你提升自己。 最新资讯-全是干货还有老D点评,每天推送; 交互培训-在线课程帮助小伙伴进入交互行业,只要3个月; 行知书院-老D帮小伙伴们解读经典设计书籍,都是“硬”知识。
目录
相关文章推荐
交互设计学堂  ·  京东物流-智能运输调度系统方案(荣获IF、红 ... ·  3 天前  
字体设计  ·  立入禁止:刘治治 ·  4 天前  
庞门正道  ·  刺绣这项“传统”,已经越来越“先进”了 ·  6 天前  
优秀网页设计  ·  理发师晓华带火一座城,她说设计要听得懂话! ·  5 天前  
51好读  ›  专栏  ›  交互设计学堂

玩转常见功能!6个海外优质体验设计剖析

交互设计学堂  · 公众号  · 设计  · 2024-11-16 23:51

正文

案例分享


Taveloka —— 巧妙又有趣的品宣


Taveloka是一家专注于旅游和票务的全球旅游平台。在每次重新进入app的时候,头部搜索栏都会播放一遍由Taveloka品牌名结合logo的品宣动效。


1.搜索栏结合品宣,增强品牌记忆点:通过重复播放品牌名结合logo的动效,可以加深用户对Taveloka品牌的记忆,提升品牌认知度和记忆度。

2.视觉动线引导:在搜索栏播放品宣动画,既起到了品宣的效果,同时也可以引导用户关注头部搜索栏(Taveloka会更推荐搜索栏查询行程),一举两得。



TooGoodToGo —— 简单换算,碳能量也不难


TooGoodToGo是一款剩菜盲盒app,它致力于减少食物浪费。它的主要功能是帮助用户以优惠价格购买到餐厅、咖啡馆和超市即将过期或当天未售出的食品,从而减少食物浪费。


1. 轻量有趣的icon动效,轻松抓取注意力:在个人主页上,采用一笔画风格的图标,保持页面风格统一的同时,增强了视觉趣味性。在信息切换时,采用了跟随一笔画图标的笔触走势进行小动画衔接,使视觉体验非常流畅丝滑。



2. 置换陌生概念,辅助用户理解:将历史购买剩菜盲盒所避免产生的二氧化碳总量换算成电量、完全充电的手机电池、热咖啡和电热水器加热下的热水淋浴时间这四种生活中更常见的概念和单位,帮助用户建立认知,降低理解成本,累计增高的数值有利于刺激用户,提高留存。



Swiggy —— Group Order功能,拼单更轻松


Swiggy是一家领先的印度在线食品订购和配送平台,提供快速便捷的餐饮配送服务,Group Order是其新上线的多人拼单功能。


可视化的拼单功能传达:Swiggy的Group Order功能引导页通过可视的动画使用户对这一新增功能有了更清晰的认知,用户无需阅读长篇文字说明即可快速了解什么是拼单以及拼单的操作步骤,有效的降低了用户对新功能理解门槛,同时简洁轻松的插画也可以吸引用户停留了解。



Airbnb —— 让等待更具象


Airbnb是一家全球领先的在线短租平台,提供多样化的住宿选择。

1. 支付的真实感:Airbnb在等待支付时采用了3D轻拟物风格的动画,这种趣味动画模拟了现实生活中的刷卡支付场景,增强了支付过程的真实感。通过这种设计。

2. 让等待变有趣:有效缓解了用户的等待焦虑,提升了整体支付体验。此外,这种充满仪式感的支付过程也增强了用户对平台的好感。



Hostel —— 小小改动,帮助用户提升选择效率


Hostel是一款专注于全球青年旅舍酒店的app。其酒店列表页通过前置披露旅舍单独房间价格及单独床位价格的方式,高效了用户在列表页的对比选择。


1.前置价格,对比选择更高效:用户在浏览酒店列表时,可以一目了然地看到不同房型的价格,便于用户直接在列表页进行选择,也减少了用户点击进入详情页查看价格的步骤,提高了用户决策效率。

2.头像+国旗,帮助筛选目标旅舍:住青年旅舍的用户具有更强的背包客多国社交的属性,评分当面采取了头像及国家展示的方式,强调评论来自不同国家用户,传达评论更真实多样,能够更直观的帮助用户筛选目标旅舍。



WayAway —— 打破常规,只为更快找低价


Wayaway 是一款专注于找低价的 ota 预定平台,平台口号 “Fly smart, Pay less” ,而各个功能也都围绕找低价这个主要目标展开设计。


价格筛选,一键定位目标酒店:WayAway的酒店列表页隐藏了其他的筛选方式,仅外露提供了一个直观且便捷的价格筛选功能。简单直接的操作,与即时反馈的筛选结果,帮助用户快速找到符合预算的住宿选项。




- END -


注:交互设计学堂公众号接受投稿啦,如果你有好的原创设计类文章,可联系客服。别让灵感溜走,快来投稿吧~~