微交互

Telegram 发送语音消息时通过手势操作:向左滑动即时取消语音录制,向上滑动可锁定语音录制状态,图标也相应变化。 

AntDesign使用了Hotjar用户反馈工具,用户除了可以选择主观感受、填写评价内容外,还可以直接在当前页面中选取特定元素进行精准反馈,以便产品更好地进行下一步优化。

谷歌设备参数查询页面:

默认页面顶部显示“material design”,banner显示当前页面的标题和描述,当页面滚动时,整个顶部缩小并将原“material design”换成当前页面的icon+标题,在巧妙的保证页面交互时的信息完整性的同时,最大化的将空间留给了内容。

天猫搜索商品后在展示列表中点击其中一商品查看详情后回到列表,该商品卡片区域会增加一个相似商品推荐浮层。巧妙运用了视觉停留时间以及卡片空间推荐相似产品,增加了触达点。

iBooks的文字高亮:“高亮”功能是用户在选中文字后做的最频繁的操作,由于高亮操作比较复杂,在“高亮”操作菜单的最右侧有一个返回按钮帮助用户快速回到第一层菜单继续做诸如复制和翻译等的操作。

夸克浏览器后台关闭网页卡片的时候,会有一个定位图标表明当前浏览器窗口所在的网页,让用户在返回时有一个预期。

Quora顶部tab切换 - 用户可以从最后一个tab按照原来的滑动方向继续滑动回到第一个tab,而不用按照相反方向往回走,并且为了明确的告知用户所有tab已经浏览完,此时界面切换的效果是出现一个全新的tab挤走原来的tab。

GitHub 在 Pull Request 页使用了动态 favicon,用户不再需要定期点击选项卡来查看他们的任务是否完成,可以直接通过 favicon 看到 PR 的当前构建状态。

在mac版outlook客户端中,当在邮件正文中@收件人的姓名时,左侧标题列表下方的正文预览会直接选取@收件人的这段话。让收件人能更直接地在看标题阶段获取与本人相关的内容。

Quora的弹出菜单-当操作菜单从底部弹出时,原页面会稍微缩小并被向后推动,营造了较为强烈的视觉次序感,让用户更加专注在弹出菜单的选取上。