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

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

#01

案例分享

1. 高德-比价动效

高德打车时,通过使用流畅的动画效果、清晰的车型展示和直观的比价过程,生动形象地向用户呈现出不同车型的比价过程。

**1. 车型展示:**动画通过使用不同的的颜色和形状来区分不同车型,使用户能够快速识别,同时增加用户的注意力和兴趣。

**2. 动画效果:**使用流畅的过渡和动画效果(渐入渐出),使用户在加载过程中感受到界面的活力和互动性。

**3. 用户反馈:**在加载过程中,为增加用户体验,向用户提供了适当的反馈文字——“高德打车,正在比价...”,告知用户比价的状态。

2. 美团外卖-冰饮动效

美团外卖点击进入「饮品」类目时,首推的店铺会出现冰块气泡升起的动画效果,格外吸睛。

**1. 吸引用户注意力:**视觉动效具有更高的吸引力和视觉冲击力,可提供更有趣、更具有惊喜感的体验,更容易注意到的同时,有助于提高用户的点击率。

**2. 突出产品特色:**冰块气泡升起的动画效果与饮品相关,能够让用户更容易找到他们想要的饮品店铺,有助于提高用户的满意度和购买意愿。

3. 滴滴-匿名反馈墙

滴滴出行后的匿名反馈功能区,通过视觉、信息及动效多方位的设计,提高用户的互动率,帮助平台优化出行体验。

1. 情感化视觉吸引:“爱心”和“心碎”的图标设计,吸引用户注意力,帮助用户理解。

**2. 从众心理引导:**卡片信息增加实时的参与情况,利用从众心理,激励用户的参与感。

**3.惊喜动效提升体验:**通过点击后的情感化动画效果,正面和负面反馈的差异性,激励用户持续互动。