作者 | U Grid

01. 哔哩哔哩

在哔哩哔哩发表评论时，在你开始输入文字之前，输入框中显示的文字占位符是“说点什么”；但在输入框输入文字之后，当你未发表评论而删除时，提示文字就会变成“算了，口恒”，这种富有情感化的文案设计，很契合APP的调性。

02.微信

当选定图片数量达到上限时，剩余的图片会呈现灰色，对比更加明显，视觉上告诉用户无法再选择图片。

03. 手机QQ

为了防止隐私泄露，您可以在QQ截图时选择隐藏昵称，此操作会将头像和名字打上马赛克，帮助用户保护自己的隐私。

04.网易云音乐

大屏时代，手势操作越来越重要，网易云音乐的歌词界面，可以通过双指缩放字体大小。

05.旅行

在Trip应用程序上截取屏幕截图后，您不仅可以分享它，还可以在分享之前用文字、涂鸦、马赛克等编辑图片。

06.哔哩哔哩漫画

漫画App的签到动画类似日记本的翻页、盖章，既体现了现实生活的场景，又让用户很有成就感！

07.腾讯视频

在4G网络环境下播放腾讯视频的视频时，会出现“*M听音频”和“*M看视频”两个提示，选择听音频时会切换到边遛狗边听音频的场景，是现实生活的真实写照，非常具有沉浸感，非常符合用户的心智模型。

08. 账户登录提示

每个ID对应一个用户个人身份信息，对于一些使用频率不高的应用，登录后退出后会忘记自己是用哪种方式再次登录的，这样登录后就好像是一个新应用，没有使用痕迹，下面的设计就是为了解决这个痛点

09.抖音

长按视频页面系统根据用户操作手指与屏幕的接触位置，显示最靠近用户手指的模态弹窗控制按钮，让用户在手势交互过程中，操作动作始终处于手指舒适的控制区域内。这对于大屏幕来说是一个非常友好的体验设计。

10.微信

微信非常贴心地为用户着想，转账时会以单位标注金额，更加直观清晰，解决了用户每次转账都要清点、确认金额的痛点。

11. 音量调节控制

相比传统HUD音量调节，以下调节方式对用户的干扰更小，并且巧妙地将音量状态变化的反馈融入到界面之中，让用户更加沉浸于产品体验之中，是非常人性化的设计。

12.喜马拉雅山

每次下拉刷新提示的文字都不一样，有的带有情感化语言，有的则是功能引导，无形中增加了设计细节，提升了产品体验。

13. 饿了么

在饿了么外卖地图页面的右下角，会出现一个拿着红包或者橘子的小手的浮层，吸引用户点击，如果用户不想要，小手就会有拍手的效果。这种隐形的广告形式对用户的干扰很小，也迎合了当时的用户场景。用户在用餐结束后，会再点一些打折的水果或者再领一个红包，作为下次点餐的心智模型。

14. 豆瓣

在豆瓣信息详情页，只需上下滑动即可打开或关闭评论。这种层叠的布局让用户感觉他们不是在跳转到新的页面，而是在与刚刚浏览的内容进行交互，减少了页面跳转。

从易用性角度来说，滑动比点击更受用户欢迎。因为点击区域很小，尤其在界面左上角，单手操作或者大屏手机的用户很难直接用大拇指够到，需要改变手机握持姿势或者用两只手操作。可能有人会说， 有实体返回键，同样方便用户操作，简直完美。

15. 简书（、美图秀秀）

现在很多应用都支持天翼账号免密登录。简书、抖音、美图秀秀登录页上突出显示的“一键本地手机号登录”按钮是整个页面的视觉焦点。用户点击此按钮，无需输入手机号，直接用本地手机号登录，减少了输入手机号的步骤，缩短了用户的操作路径。

16. 手机QQ

浏览QQ空间时，如果有好友给你发消息，会出现该消息的浮动按钮，点击按钮页面顶部会出现消息详情对话框，点击对话列表即可在当前页面进行回复和互动，减少页面跳转。

17.腾讯视频

腾讯视频iPad采用隐喻性设计调节亮度控制，当屏幕逐渐变暗时，图标会由太阳变为月亮，并出现“适合夜间观看”的提示，非常具有指导意义，与其他竞品形成差异化。

18.

当搜索页面没有搜索记录时，会出现一只猫低头看眼镜的动画，眼睛来回扫视，像是在探索，很有沉浸感的设计。

19.腾讯动漫

腾讯漫画APP的“我的设置”中的“白天/夜晚”和“男女”切换按钮均加入了动态特效，增加趣味性并契合产品基调。

总结：

交互设计是一门关于用户如何操作和使用产品的学科，作为一名具有交互思维的UX设计师，一个很重要的目标就是帮助用户轻松使用产品，让用户用得开心。

之前的精彩看点✨✨