微交互

一般产品的主要功能元素都会在首页页面上进行突出展示，「悦跑圈」作为跑步记录工具App,自然是会突出「跑步」功能的按钮。比较特别的是，当我们上滑主页面时，「跑步」按钮会在第二个...

「马蜂窝」主页搜索栏的右侧，有一个小雷达的图标，这里其实隐藏着可以按分类进行地点搜索的地图页。选择分类选项如「景点」，小雷达就会根据用户所在地对周围的景点古迹进行搜索, 并且...

「即刻」App信息流的点赞图标会根据其所属圈子的属性变成不同的图形。之前的细节文章有提到过，关于平台团宠猫果果的相关话题圈子，点赞的图标会变成小鱼干点赞后icon还会变成鱼骨...

在爱奇艺的iPad端观看视频时如果想要快进或后退，拖动播放器时屏幕中间会出现视频缩略图可预览进度所在的播放内容。操作的可预知性方便了用户做出正确的选择，很好的提升了产品的易用...

很多用户在初次接触AI产品时都会遇到「冷启动」难题——明明功能很强大，却不知道从哪里开始。阿里云百炼官网首页采用了一种创新的功能引导设计。页面顶部设置了四个横向Tab标签代表...

当我们打开很多个浏览窗口后，通常需要手动一个个地关闭标签页。Chrome的设计师们就帮我们考虑到了在这个使用场景里该如何提升使用效率。当我们使用鼠标关闭一个标签时，相邻标签会...

「一言」App是一款用来记录字句、发现共鸣的文字轻社区与排版工具应用。每天都会给用户推送一些感性的文字或者电影对白。主页的右上角提供了一个可以选择时间查看过往内容的入口叫「穿...

股市有风险，入市需谨慎，老司机的经验告诫对新手来说很重要。在「雪球」App「我的」页顶部下拉后会出现一句雪球球友的简短经验告诫，1.5秒后自动收起。再次下拉又出现新的语句，就...

「猫耳FM」的音频播放进度条的图标是平台的吉祥物小萌猫的形象。当音频处于暂停的状态，小猫儿会呈现打瞌睡的样子；而当按下播放键，音频播放中的进度条上小萌猫会开心地向前移动。用情...

b站的网页版在hover状态下查看用户头像被引入了动效展开的交互设计，不仅使得个人信息的查看更为便捷，也赋予了网页更生动有趣的互动体验。大家还有见过哪些类似的设计吗？

逛「淘宝」时，在店铺首页发现了有趣的交互动画，当内容加载完后显示2行商品传输带，上方传输带会将店内商品通过滚动运输到下方传输带，点击感兴趣商品时，出现大图弹窗，用户可以点击「...

很多人都喜欢刷「抖音」，在看到喜欢的短视频时你有没有想过将视频设为手机壁纸呢？其实「抖音」团队早已为大家准备好了视频的动态壁纸转换功能（位于「分享」按钮的浮层面板里），帮助用...

在刚刚过去的万圣节，「美团」的共享单车界面将一辆辆单车的icon变成了南瓜的形象，十分应景地烘托出了节日气氛。情感化的细节设计凸显了产品的温度与个性，让用户在像往常一样使用产...

评价与反馈对于用户而言是一件麻烦又枯燥的事，但对平台与产品开发团队来说用户反馈的收集又十分重要。为了提升用户反馈的体验，「大众点评」不仅聪明的在消费评价部分采用了分级引导式的...

最新版本的「淘宝」App在支付成功后增加了动效提示的彩蛋设计，并且会有按钮引导用户进行下一步操作。提升用户体验的同时，还能增加惊喜感，仿佛有礼物等待被查收，真是有趣的细节设计。

在很多球鞋交易平台，都会定期举办限时抽奖原价购球鞋或者免费送鞋的活动来促活。鼓励用户参与，不仅要活动内容本身吸引人，与用户的互动交互过程同样值得花心思。在「毒」app的抽奖界...

回想一下你上次网课或远程会，是不是有一半时间都在确认「画面卡不卡」和「声音小不小」？这是一个藏在飞书视频会议界面下的表情回复面板。与我们习惯的微信或 Slack 只有「小黄脸...

Foodie是一款具有重力感应的美食相机，拥有超多让食物看起来垂涎欲滴的魔法滤镜。在底部工具栏选择好滤镜后俯拍美食，当手机的角度与地面平行，工具栏会自动隐藏并弹出拍照按钮。一...

「即刻」App圣诞彩蛋上线，不仅桌面图标被悄悄戴上了圣诞帽，在App里发布圣诞主题相关的动态内容，其「点赞」图标也会由之前的「大拇哥」变成圣诞树🎄。情感化的彩蛋设计给用户之间...

hover状态鼠标指针的变化给了用户操作提示。在aanstekelijk的网站中将hover跟随鼠标指针持续显示，看着很潮不突兀，又起到了提示用户操作的目的。https://...