1. 淘宝——高效图览模式
2. 饿了么——首页红包雨
3. 驾校一点通——不同场景的底部常驻
4. 微信读书——朋友笔记
5. 菜鸟裹裹——精简问卷

1. 淘宝——高效图览模式

a. 案例描述

在淘宝搜索服装类商品，会在右下角出现高效图览模式入口，点击可进入以图片和价格为主的高效图览模式。

相比原先删减了许多信息：名称、关注/付款人数、服务/券等标签、来源店铺信息，给图片展示留下更多展示空间。

与原先的列表/宫格布局不同，采用小图S型，大图点缀的方式，单屏商品量比原先多2倍（8/4），且打破了图片大小一致带来的单一感。

正常情况下图片/视频，显示大图&价格，也存在其他三种样式：标签、穿搭、多图。

• 标签：点击可进一步搜索相关的商品。
• 穿搭：需要具有多个商品链接，若商品属于同一链接则不显示，点击商品标签热区可直接进入商品页，其余进入【当季穿搭】，一般小图是没法点击到标签。
• 多图：大图会显示详细张数，小图则图标示意是多图可滑动查看。
• 视频&自动播放图片：在Wi-Fi情况下，若视频/多图移动到屏幕中心约1/3处，则会触发自动播放。

b. 匹配原则：美观而精炼原则、适时出现

c. 案例分析

• 从布局对比来看，【高效图览模式】更加注重图片的展示，相对较难从单一图片吸引用户的数码、家具、母婴、食品，服装对上身效果更加看重，尤其是看模特图，所以更适合这种浏览方式。
• 放大图片能够简化页面，信息更加集中，用户更快判断是否匹配个人需求。价格提高整体匹配效率，价格辅助判断是否匹配个人消费情况。
• 从整体流程来看，【搜索结果页】减少了信息的展示，突出当前关注的信息，能够减少用户思考，均衡不同商品流量，同时提高浏览效率，提高商品曝光。
• 通过标签可以优化搜索结果，避免单次搜索结果不符合用户预期。
• 穿搭与单展示商品不同，提供搭配方案，缩短自行查找搭配服饰的流程和时间。
• 根据网络环境的差异，决定是否图片轮播、视频播放，考虑到用户的场景，也最大程度的展示商品效果。

2. 饿了么——首页红包雨

a. 案例描述

用户当日首次进入，在搜索框右上方会显示红包雨动效，动效1次后，显示吸引点击操作信息&动效。

b. 匹配原则：连续性、适时出现

c. 案例分析

发送红包并没有在屏幕全屏展示红包雨，原因可能是：

• 全屏展示容易打断用户操作，使用体验不佳。
• 进入饿了么的用户大多是有目标需求的，基于当前地点/目标地点的吃、买、跑腿，所以视觉重点区域主要在屏幕上半屏，顺应用户操作行为。
• 平台在用户「等待加载-反应操作」的时间内，2s采用红包雨的方式，吸引用户视觉关注，不打断操作，时机恰当。
• 完成吸引行为后，采用红包抖动和红包信息，引起用户探知欲，进而进入红包页，为促进目标消费做准备。

3. 驾校一点通——不同场景的底部常驻

a. 案例描述

用户滑动页面时，会根据页面信息节点——「考友互动」，切换底部常驻功能。

• 答题状态：即「考友互动」模块未露出，底部常驻为「收藏」&「题目选择」功能，答题情况信息。
• 「考友互动」模块：底部为输入框入口

b. 匹配原则：适时出现

c. 案例分析

• 该页面内容较为简单，从上至下为题目-答题技巧-试题解析-考友互动，当「考友互动」出现时，在浏览过程中，用户的需求则变成沟通交流，发表观点。
• 采用信息节点触发左/右滑动交互，不影响用户浏览的同时，提供用户功能需求，相对流畅。

4. 微信读书——朋友笔记

a. 案例描述

阅读时，若当页存在朋友笔记，页面右上角则会出现朋友头像&朋友笔记入口，点击可展示朋友笔记（当前没有找到多条笔记），进一步可以查看笔记全文。

可以看朋友笔记，当然也可以限制自己的笔记能不能给朋友看。用户发表时，可以选择公开、关注、私密三种形式当前不支持更改已设置的笔记，之前的笔记默认公开。

b. 匹配原则：适时出现、简洁而优美原则、状态可见原则

c. 案例分析

阅读是比较沉浸式的行为，以书为主，以笔记为辅，笔记又分为个人和他人笔记。

微信读书现将朋友划分出来成为第三类笔记，一定程度上能够增加沟通，加深用户对朋友思考方式的认识。

在处理朋友笔记上，并没有直接在文本中插入好友的相关信息，而是通过右上角的短小提醒，不会打扰用户阅读的沉浸体验，也能在用户小憩时，与朋友的思想碰撞，产生话题。

设置时，采用了icon+标题+说明的组合形式，对比设置后的状态，发现每一点都没浪费。

• icon+标题：设置结束后显示，信息明确。
• icon：发表后在文中笔记展示，标记但不明显，查找时可以发现。
• icon+说明：适合在空间充足的区域，信息更加完整。

5. 菜鸟裹裹——精简问卷

a. 案例描述

菜鸟裹裹在收件下显示问卷问题与答案，一次显示2题，答完消失，刷新显示新的2题，目前仅有5题，需要3次进入答题，才能完成整份问卷。

b. 匹配原则：巧妙转移、分层显示

c. 案例分析

• 关于问卷，相对原来的问卷专页，现在越来越轻量级了，菜鸟裹裹在问卷上做得比较有意思。
• 将一份问卷，根据单次展示量分为3份，将用户面临的压力转移到平台自身，降低用户操作时的心理负担。
• 强化选项而非题目，一能使信息更清爽，二能使用户反向探索“这些呈现词语的目的”，使被动接受变为主动探索。
• 题目采用比较简洁明确的问答方式，没有较多前提，属于快问快答，更能反馈用户真实感受，但前提是设问者对自身产品数据有明确认知。
• 题目后的匿名标签，降低用户防御。