作者分享了一些令人印象深刻的App交互体验，希望能给学生一些启发。

今天我就和大家说说我每天体验不同应用时发现的一些好的体验。

主要是想通过这些点给设计师一些启发，想一想在工作中我们可以给自己的产品打什么样的纬度。

01美团标签提示

当用户向下浏览主页时，浏览了一些店铺后，如果还没有找到自己想吃的餐厅，顶部会提示用户:在这里纠结吃什么，引导用户点击“找好菜”。长时间无动作浏览时，可以引导用户关注其他信息。

02美团外卖下拉刷新

下拉刷新品牌logo和吉祥物是常见的方式，而美团则赋予了更深的内涵。

当用户下滑刷新时，袋鼠会在送货路上快速前进，表示美团的送货速度，遇到红灯会停下来，表示美团的骑手服从交通安全。小细节可以改善外界对美团外卖哥送外卖快疯不守规矩的印象。

小细节也可以蕴含大内涵。

03美国团体外卖提交订单提示

如果用户提交订单时没有点主食，会提示用户是否忘记点主食。结合用户场景和常识，提供贴心的防错提示。在设计上，底部动作栏的交互风格用于用户快速添加，也防止用户跳出，可以在当前入口快速添加主食。

场景结合常识提供错误预防机制。

04美团金刚区指导

如果用户所在的城市没有出租车和自行车服务，将在主页的图标上进行视觉提示，当用户点击时，将出现一个带有详细说明和指导的弹出窗口。同时，用户可以选择“移除服务”来移除无用的功能，同时，移除时可以更多地暴露其他功能条目。

当用户遇到负面状态或故障时，应给予详细的说明和指导。

05支付宝输入框交互

用户在对话框窗口输入数字后，会出现一个气泡提醒，提醒用户是否转账。在某些情况下，它为用户提供了防错机制和快速转移条目，所有这些都是基于产品属性和对用户行为的预先判断。相同的函数

我们不仅要知道自己产品的定位，还要知道用户如何定义自己的产品。

06支付宝输入框

在聊天窗口中，可以点击下方输入框中的转账，快速转账，根据产品属性为用户进行常用操作。

结合用户的常用操作，可以考虑前台用户常用的功能或操作。

07微信安全提示

当“收付”页面截图时，会提示用户保护二维码，防止泄露。

信息敏感的相关页面，可以考虑提供安全保护提醒。

08微信截图指南

在“二维码采集”页面的截屏中，会出现一个弹出窗口，引导用户将采集的二维码保存到手机中。

用户在不同页面截图时可能有不同的目的，不同页面可以设置不同的指南。

09微信朋友圈设置权限

刷朋友圈的时候，你的朋友圈里总是全是微信业务，或者你不想看到某些人的好友状态，但是又不好意思删除，可以按头像“Set Permission”选择不看ta。

充分考虑用户在当前场景中可能出现的情绪变化，分析用户情绪的潜在操作行为。

10微信阅读左滑互动

阅读结束，可以继续向左滑动退出当前阅读。利用用户习惯性的向左滑动和翻页的交互手势，退出阅读的操作自然完成，一切都是那么丝滑。

使用用户熟悉或在过程中使用的手势可以使体验更加一致。

11 QQ截图指南

比如你在qq应用里截图，优先引导用户把截图发给QQ好友。目的是让用户先用QQ完成这个发送，防止用户跳出来。您也可以单击“共享”来选择与您家中的其他产品共享它们。

结合自身产品的社交属性，改变常规的截屏互动体验。

12脉冲文案定制

添加好友时根据关系属性个性化具体的问候文案。

不同的关系直接影响对话的内容。

13亲切地引导文章

在阅读文章的时候，比如阅读到底，会出现弹出窗口，引导用户向同行推荐文章，提升用户的参与感，让作者的文章更加暴露。

引导用户在合适的时间完成产品的商业目的，会减少用户被打断的感觉。

14苹果手机键盘

小手的用户在单手操作大屏幕手机时，可以选择将键盘保持在左侧或右侧，既可以用左手操作，也可以用右手操作，非常方便。

以后还可以利用用户的左右手操作来个性化页面。

15苹果信息分类

ios13.3更新后，信息被分类。更新后，可以从众多垃圾短信中快速找到“已有联系人”的信息，无需担心大海捞针。

当面对大量信息时，用户会不自觉地对信息进行分类，便于用户理解和管理。

16你好自行车故障维修

你好自行车，报修故障时，用图片代替文字，让用户快速直观的选择自行车的故障位置。

相比文字，图片可以让用户快速获取信息。

17闪存地址复制交互

当使用文本识别时，您只需要在其他应用程序中复制文本。回到当前页面后，系统会自动将刚刚粘贴的文本粘贴到输入框中，降低了用户的操作成本。

结合用户之前的操作，预测用户可能的下一步操作。

18行为浏览体验

在浏览作品到底部时，如果没有更多推荐的作品，用户可以继续向上滑动，退出当前浏览，为用户提供了结合用户浏览路径的快速返回模式，学习成本低。

当用户浏览信息时，可以结合用户当前的浏览进度来预测用户下一步可能的操作。

19饿了，进入互动

添加地址时，当点击“电话”时，会出现气泡提示用户输入自己的号码，用户可以点击快速完成电话号码输入，比手动输入和通讯录选择更快。

结合产品属性，首选本机手机号。

20夸克浏览器搜索交互

进入夸克浏览器后，可以用拇指向下滑动键盘输入，通过快捷手势“滑动”来降低用户的操作成本。

很多时候滑动比点击效率高很多，熟练使用手势可以起到四两千块的作用。

21 Dropbox照片选择交互

当用户在Dropbox中选择照片时，可以用多个手指同时点击选择多张照片。下面中间的图是我用五指点的五张图，右边的图是选中的效果。

这种互动很少见(我在微信IOS上看到的，不过当时只是好奇，可以在消息列表里任意多指向左滑动，你可以自己试试效果)。Dropbox的这种选择逻辑可以满足所选目标的多张照片不相邻的情况。

其实结合苹果的选择逻辑会更好。苹果系统相册的选择有三种选择逻辑，即点击、水平滑动和框滑动。

我相信Dropbox和苹果是可以结合的，不同的选择可以满足用户在不同情况下的不同交互手势:

点选（满足选择单张或不相邻的多张图片）多指点选（满足选择多张不相邻的多张图片）横向滑动选择（满足选择少量相邻的图片）框选滑动选择（和电脑中的框选一样，可以快速滑动框选大量多张相邻的图片）

22 Twitter相册正面

当Twitter发布状态时，可以快速添加最近的照片，并向左滑动以选择更多照片。滑动到最后会有一个入口来调整相册，方便选择更早的照片。这样用户可以快速添加照片，发送状态时可以提升更多用户拍照。

23微信二维码识别

微信版本更新到7.0.9后，在朋友圈或者其他地方看到二维码，只需要打开二维码长按就可以快速识别出二维码的名片(底部的动作栏被唤醒后，会有一个识别名片的过程，非常快，几乎看不见，网络不好的情况下还会出现图2)。识别后可以直接打开对方的名片添加好友。

24推特二维码

Twitter分享二维码时，用户可以点击二维码改变不同的颜色，一共五种颜色。用户可以选择自己喜欢的颜色与朋友分享，既满足了用户的个性化，又区分了其他黑色二维码与人的严肃性。

25张推特照片精选

Twitter在发布照片时可以直接点击单张图片的整个区域选择一张照片，在预览或编辑图片时点击右下角实现编辑和预览。这种选择图片的方式，不需要担心选择照片时不小心点击预览，也不需要仔细点击右上角区域。

有人可能会认为这样削弱了编辑和预览功能。我的建议是:如果你的产品没有重新编辑图片的功能，可以选择这种方式。如果你的产品有预览和编辑功能(比如微信)，建议用这个方法，因为我觉得预览和编辑都是低频操作。先说预习。首先，用户可以在选择时通过缩略图来识别哪张照片，然后进行编辑。剪辑本身就是低频操作。

26滴地址防错提示

滴滴输入目标位置时，如果输入位置与其他城市高度相似，输入框下方会使用提示框，提醒用户仔细核实地址。之所以提示框特别明显，是因为如果用户没有发现地址有类似问题，会增加用户选错地址后的无用操作。

27微信表情

这是之前微信的改版。有几个主要变化:

增加了下面图一中红色的区域，也就是增加了表情的标签导航，可以快速切换不同的表情类型，这么做也是为了给用户提供更丰富表情选择；将左右翻页的交互改成上下滑动的交互方式，也就是图二；当用户给好友发送表情时，如选择了表情面板偏下的表情并发送后，如果用户再与其他任意好友聊天时，点击表情时，系统会定位用户上一次发送表情时的位置。

以上三点中，只有第二点能让用户感觉更好(因为上下滑动的交互成本比左右滑动或者翻页要低)，第一点和第三点都存在一些问题。

下面说说第一个问题。改版后，整个表达面积增加了。当然，仰角扩大了表情的显示区域，用户不用滑动就可以看到更多的表情。

但是在一个非常高频的场景的体验上有一些不同，如下图所示，就是当用户再次点击图片中的A区域，再次输入文本时，点击A点时拇指离得有点远。当然，一个七尺男儿的手指肯定是可以的，大致可以忽略。但是女生的手，你可以问问身边的女性朋友用的时候有没有这个问题。

摘要

用户在不同场景下会有不同的情绪变化，设计师可以根据用户的情绪分析用户可能有的潜在操作。

结合用户的流程、步骤和页面，在合适的时候，为用户提供相应的内容和功能；了解用户之前的操作和下一步可能的操作，提前为用户准备好相关信息和操作。