4个产品细节剖析,看看高手是如何做设计的!

Hi大家好,智行的轻分享专栏来啦~

我们将在这里分享近期一些值得学习的线上案例,快来和我们一起发现隐藏在身边的动人设计,get新灵感!

往期案例:

一、ixigo: 推荐楼层引导动画

ixigo是一家印度旅游OTA平台,主打“旅行保证”和“三倍退款”,通过在首页中插入楼层动画,醒目且趣味地表达了平台的省钱利益点,吸引用户注意的同时保证了高屏效。

1. 分段动画建立用户省钱感知

用户切换tab后,插入楼层推荐门票,标题采用动画,通过转圈加载、成功闪烁、金币滚动等动效,以正向反馈加强用户对平台“最优价格保证”的权益感知。大字轮播让引导用户视线,先展示省钱标语再过渡到view all入口,自然而然完成首页-列表转化。

2. 楼层插入,首屏高效曝光

用户点击目的地则向上推出酒店商品卡片,在首屏得到有效曝光,直白高效。在首页将搜索结果前置露出,结合权益进行推荐,提高用户探索欲与品牌信任感。

4个产品细节剖析,看看高手是如何做设计的!

二、TickPick: 可视化座位分区

TickPick是一款专注于体育赛事、音乐会和其他现场活动的在线购票平台;它通过可视化的坐席分区极大的提高了用户的选座效率。

1. 高亮分区清晰展示位置

通过滑动列表时,实时的可视化座位高亮功能,将抽象的座位列表与具象的场馆地图无缝结合。用户无需在多页面间切换,即可在浏览过程中清晰、即时地掌握每个座位在真实场馆中的具体方位,极大提升了选座效率和决策速度。

2. 服务透明,建立信赖

在详情页顶部明确展示所选座位与舞台的方位关系,以最直观的方式预先解答用户最核心的顾虑——“我这个座位到底看得怎么样?”。这一设计提前管理了用户预期,消除了信息不对称,显著增强了服务的透明度和用户的信赖感。

4个产品细节剖析,看看高手是如何做设计的!

三、Talabat: 新客优惠仪式感

Talabat是一款专注中东地区的外卖平台。为了强化平台的新客感知,增强品牌印象,Talabat首页的新客模块兼顾了吸引力、趣味性和引导性。

1. 趣味动效引导用户视线

用户进入首页后有强动效引导,通过“撕开优惠券”的动效创意提升用户的愉悦感和获得感,流畅的撕拉效果自然地引导用户将视线聚焦在新客模块,以此提升用户对新客模块的优惠感知。

2. 清晰直白的利益点展示

Talabat有四个免配送费权益,分为多单解锁。在信息展示上,高亮突出关键信息“free”,强调权益价值;在视觉风格上,与其他插画风格一致,强化品牌认知和一致性。

4个产品细节剖析,看看高手是如何做设计的!

四、TrainPal: 订后弹窗的“金币雨”

TrainPal 是一款专注英欧火车订票的APP。TrainPal 的订后省钱弹窗,用纷纷掉落的金币动画与动态增加的数字,直观传达帮你省钱!

1. 行为激励,即时视觉反馈

金币在返现的瞬间掉落,达到直观强烈的视觉反馈。这种视觉效果能够立即让用户感受到“省钱”的成果,在心理上给予用户积极的肯定,让用户领取到返现的满足感和成就感瞬间放大。

2. 趣味动画,强化省钱感知

生动有趣的动画效果,体现了品牌的趣味性和创新性,给用户营造了轻松愉快的氛围,从而有效提升用户的参与度和活跃度,让每一次消费都成为一次愉悦的体验。

4个产品细节剖析,看看高手是如何做设计的!

最后要说的话

本期的设计分享就到这里啦。

文章中的案例与思考来自于智行UED同学的日常分享。

后续我们将持续深度体验产品,挖掘更多值得分享、学习的设计案例。努力将其中的方法理论应用到智行APP后续的产品设计中。

愿我们的努力为你带来更好的体验。下次见。

智行ZXD

*文中配图来源于各APP内截图,侵删

欢迎关注作者微信公众号:「智行ZXD设计中心」

4个产品细节剖析,看看高手是如何做设计的!

收藏 4
点赞 23

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。