优秀的app交互设计案例用户体验「提高标杆」

今天给大家普及一下优秀的app交互设计案例用户体验「提高标杆」相关知识，最近很多在问优秀的app交互设计案例用户体验「提高标杆」，希望能帮助到您。

本文为我们盘点了从业务出发4个具有商业价值还能兼顾用户体验的设计，并进一步梳理了设计产品时的注意事项。

今天和大家聊一个很多铁汁长年卡在P5/P6需要关心的命题——如何从业务出发打造具有商业价值还能兼顾用户体验的设计，此篇不谈理论，就通过5个经典的重量级产品案例就给大家安排明白啥是“一拳超人”式体验设计——就一个字“强”。

CASE 1：滴滴出行-xpanel

滴滴出行应该属于大家的高频使用app，但是使用的功能一般还是集中在叫车流程，所以铁汁们可能不太会关注到CDX设计团队一个非常核心的设计成果——xpanel。

简单来说xpanel就是一个附着于第一信息架构层级上，垂直Y轴且支持X轴拓展滑动的Feed卡片位。内容上分为“消息卡片”“主体卡片”“拓展卡片”三个维度，首屏保障除了“消息”与“主体”外三分之一“拓展卡片1”的露出。

但在简单的交互背后蕴藏的是基于业务的UGD（用户增长设计）设计思考，这里引用2018IXDC会上滴滴主讲人的原话来说就是：

对特定场景垂直领域的深耕和挖掘，寻找“接触点”，帮助获取更多的功能、内容、服务、特性、品牌、运营甚至是喜好…进而实现业务的“有效增长”(转化、变现、留存）。

通俗一点解释就是xpanel利用主卡与拓展卡之间的信息架构关系，把拓展卡平衡的分为几类，比如“与产品功能相关的卡片”“与运营相关的卡片”等。

把本来被LBS地图一屏内抢占的空间通过简易的交互模式补偿回来了，这样既不打破用户的核心体验focus在地图与主卡上，同时又增强了运营、功能的玩法与拓展，可谓双赢。

根据这几年滴滴xpanel的线上应用，拓展卡片基本挖掘涵盖了以下场景的露出：优惠福利、出现卡券、会员体系、安全相关、出行提醒、拉新导流、运营活动等，未来可拓展的价值内容会更多。看着各路出行类app又纷纷长期沿用xpanel的设计，想必线上的数据反馈应该也是很正向的。

CASE 2：抖音-TopView

在上篇文章《多维度解析 | 抖音vs快手的产品设计策略差异》中的商业化模块里简要提及过抖音的Topiew超级广告位，这里单独拿出来和大家解析一下它究竟有多6。

从功能角度看，它是一个从开屏延续到端内视频信息流的广告位，占据了用户从进入抖音的第一视觉。

从交互角度看，TopView主要展现以开屏沉浸式视频3s播放→淡出互动转化组件3s（完美融入原生视频信息流），剩余操作手势与功能等同原生视频信息流。

在这样一个有着1亿 第一曝光的产品位置，单纯只做常规静态开屏稳当入账不香吗？事实是抖音确实让它不香了，没有创新就没有新的收获。基于业务和当前产品形态下的交互模式使抖音有一个天时地利的优势——沉浸式体验，在这样的交互模式下给视频化的开屏提供了很好的承接入口。从开屏开启到融入信息流，在交互形态的切换中又为广告内容的播放时长的赢得了更多时间。

更可怕的一点是3s播放后融入原生视频信息流中的TopView除了正常收割广告转化带来的单量，还可以通过右侧的主页链接轻松引流进行粉丝沉淀（今天就算你不买，先关注我，成为我的潜在用户，来日我再推一个新商品视频，你可以第一时间看见也许感兴趣就买单了）。

说完这些大家仔细回忆一下平常我们接触的有视频广告的视频平台，别说60s、30s，15s我们都嫌长，但为啥TopView显得相对没那么惹人烦呢（上次留的思考题）？个人认为除了抖音在选择合作品牌时会倾向符合平台气质的品牌合作（细数它合作过的品牌：Mac、宝马、林肯、vivo等）保障广告质量和提供“跳过”外，直接融入信息淡出的互动组件会不仅会给用户新奇感，还会激发用户的互动欲望。

最后看一组数据（与宝马合作数据），曝光数：1.1亿 ；有效播放率：53.82%；点击率：13.26%。所以你猜一个最长可以展示60s的品牌视频内容、同时进行品牌粉丝沉淀、良好体验带来更高有效播放的亿级曝光广告位能值多少钱