1.【豆瓣】详情页视图弹窗交互承载更多内容

关键词：#交互#

产品体验：

豆瓣内进入电影详情页，底部视图弹窗可拖动或者快捷上滑至页面顶部查看影评等更多信息，也可拖动或者快捷下滑返回页面底部。

设计思考：

当要展示的信息较多时，使用底部上滑视图弹窗可以把整体信息模块化，拉开信息层级关系，并且实现上滑下滑快捷交互，减少用户滑动操作或者跳转新页面的步骤，让用户能够方便快速获取需要的信息。

2.【爱奇艺】竖屏视频暂停时可快捷播放视频

关键词：#交互#

产品体验：

在爱奇艺app中点击打开某一个视频，暂停后滑动页面查看下面的讨论等信息时，视频区域会隐藏只显示标题栏+立即播放按钮，点击按钮可继续播放视频。

设计思考：

当暂停视频查看下方信息时，更关注的是下方的信息，隐藏视频区域可最大化下方信息展示空间，方便进行信息查看，标题栏按钮也可快速继续播放视频。

设计需要结合不同的使用场景调整元素的位置和大小等，实现良好的用户体验。

3.【京东】取消订单后不会找不到该商品

关键词：#优化#

产品体验：

在京东购物取消订单时，除了勾选取消订单的原因，底部还有一个“将本单商品放回购物车中”的开关，打开开关，取消订单后该商品会回到购物车中。

设计思考：

有时候取消订单可能是因为地址信息填写错误或者没用优惠，“将本单商品放回购物车中”的功能可以减少用户重新搜索、选择、购买商品这一系列操作，方便重新下单，节省了时间。

4.【马蜂窝】首页列表的快速刷新

产品体验：

进入马蜂窝首页，随着列表向上滑动，tabbar的首页“logo”图标会变成“刷新”图标，点击之后进行列表刷新。

设计思考：

根据不同的用户行为（不断向上滑动）和场景（可能没看到感兴趣的内容），提供满足当下场景的功能（刷新看看或者继续向上滑动），和其它产品的“返回顶部”功能类似，马蜂窝改为“刷新”功能，更加符合自身产品的特点，也减少了用户刷新的操作步骤，刷新更为高效。

5.【马蜂窝】首页的快捷热搜

产品体验：

进入马蜂窝首页，顶部搜索框下方有一行快捷热搜选项，点击其中某一个即可快速进入该搜索结果页。

设计思考：

马蜂窝搜索框下面的一行热搜快捷选项，对目的性不强的用户有很强的引导点击性，同时利用从众心理，促使用户更多的点击，减少操作步骤，提升首页搜索转化率，提高用户活跃度。

6.【火币】海报邀请提供更多模版

产品体验：

打开火币app，从首页金刚区点击“邀请好友”进入邀请页面，然后选择“海报邀请”，左右滑动有三个海报模版供用户选择然后分享。

设计思考：

常规的邀请分享海报通常是一张固定风格的海报，而火币有3种不同风格的海报可选，一种是常规的偏品牌宣传类，一种是热度趋势类，最后一种是稳定主流币财富密码类，分别从三个不同的维度出发，用户可以根据自己的需求进行选择，从而加强传播力度，提高拉新的可能性。

7.【火币】从原生页面跳回h5

产品体验：

打开火币app，从首页金刚区点击“波卡生态板块”进入详情页，点击“合约交易”跳转到一级tab合约当前市场页面，并且在页面左下方有“一键返回”和“关闭”两个按钮，可以原路返回或关闭。

设计思考：

h5和原生页面一般是相对独立的页面，跳转逻辑也比较独立。

这里火币是从一个h5列表页跳转到原生的页面，两个页面有较强的关联性，交互密切，在跳转后的原生页面增加“一键返回”和“关闭”按钮，从哪儿来回哪儿去，减少用户返回来时页面的操作步骤（不想返回就关闭掉），便于用户快速切换进行查看，节省时间，提升交互体验，提高产品易用性。

8.【币安】首页个人中心入口融入行为动效

产品体验：

打开币安app进入首页，左上角个人中心入口icon隔5秒会有一个脑袋“左顾右盼”的微动效，非常有趣。

设计思考：

经常看到的app首页个人中心入口一般都是静态的icon，大家也都知道点击它可进入个人中心页面，已经养成了“约定俗成”通用的交互认知，所以静态的icon也完全可以满足用户的需求。

但是在币安app中，在icon里面融入了人物行为微动效，小人每隔5秒会左右转一下头，不仅吸引用户去点击，还可以给用户带来愉悦感，感受到产品 的温度，增强用户黏性。