微信作为一个月活跃用户达到 12.99 亿的超巨型(Super Mega)应用,可以说基本覆盖了全球大部分中文语言用户。作为一个影响力如此庞大的应用,微信团队每一次更新也都非常谨慎,毕竟一个小改动就能为无数人的数字生活带来巨大变化……

所以最近微信的几个版本更新的更新内容基本都是:

修复了一些已知问题。

玩笑归玩笑,最近微信团队的确准备弄个「大动作」—— 针对 Android 大屏设备进行大规模、更通用的界面适配

此前微信已经可以让大屏设备单独作为平板登录,以此实现和手机、电脑端的同时在线,但作为平板登录的大屏设备却没有与之对应的界面交互,多少有些说不过去。虽然其中也有 Google 没有提供统一、持续且稳定的 API 接口的锅,但主要还是微信团队对于 Android 特性适配一直以来都比较偷懒。

微信在 iPad 上适配平板界面已经很久了
微信在 iPad 上适配平板界面已经很久了

好在近两年 Android 平板开始得到越来越多厂商的重视,折叠屏也越来越被消费市场所接受。为此 Google 终于推出了专为大屏设备优化的 Android12L 以及多个专门针对大屏界面与功能的 API 接口,开发者终于不用被各种不统一的厂商魔改 API 和碎片化兼容问题搞到头秃了。

微信的大屏交互适配便是在这样的背景下发生的。

如何尝鲜

微信这次界面更新主要针对的是平板和折叠屏设备。

微信在 Android 平板设备上的分栏界面并不新鲜,鸿蒙、OPPO、vivo 的平板和折叠屏用户可能已经用了很久了。但此前的适配主要都是厂家单独和微信合作,或者依赖自己开发的 API。这次的测试版则是对 Android 通用 API 进行适配的结果。

换句话说,后续即便厂商没有进行单独定制或特别适配,也能直接在折叠屏和平板设备上启用面向大屏交互优化的分栏微信界面

Android 提供的 API 效果
Android 提供的 API 效果

提示:下面的演示设备以三星 Galaxy Z Fold4 为例。仅代表我自己在测试版应用上的体验,体验内容在微信正式版以及未来的版本中可能会有优化和更改。

使用条件:设备为 Android12L 系统及以上,同时微信在 8.0.28 测试版及以上(部分品牌目前还需要特殊的测试包,因为微信团队还在测试,比如三星平板和折叠屏用户可以下载这个安装包,等下个版本正式推送应该就不用测试包了。

使用方式:直接安装对应的安装包(不用清除数据和额外操作),安装完成后打开系统默认的分栏功能即可。以三星为例,安装后前往「设置 > 高级功能 > 实验室 > 应用程序分屏视图」并勾选微信即可。

微信适配折叠屏的主界面效果
微信适配折叠屏的主界面效果
分栏界面开关
分栏界面开关

大屏微信体验怎么样?

可以看到适配完成的微信提供了类似华为「平行视界」的界面,Android 和三星称之为分屏模式,简单来说就是让应用可以同时在左右并列显示以前只能全屏跳转的两个界面。

从目前的体验来看,微信并没有特别限制有哪些界面必须全屏,包括主界面、聊天界面、小程序、公众号列表、公众号正文、联系人资料、微信视频语音通话、收藏、转账红包、表情等常用界面都可以分栏显示(部分界面需要点击右上角或者选项里面的分屏按钮才能分屏显示)。

微信部分分栏界面展示 1
微信部分分栏界面展示 1
微信部分分栏界面展示 2
微信部分分栏界面展示 2

目前还没有实现分屏的界面,根据我自己的测试主要有朋友圈(但从个人资料点进去是分屏)、扫一扫和搜索结果这几个,可能是微信团队考虑到这几个界面全屏显示会有更好的效果,又或者在后续的正式版本就会适配。

分屏到全屏界跳转的时候也是有动画的
分屏到全屏界跳转的时候也是有动画的

做得好的地方

虽然微信平板和折叠屏界面适配姗姗来迟,但就第一版而言个人感觉已经十分成熟了(毕竟 iOS 和某几家 Android 厂商也适配好久了)。

下面就说说这次微信适配得比较好的地方:

图片视频全屏播放:就算用户处于微信分栏界面,点击任意一侧的图片或者视频,都会进入全屏播放,这点要给点赞——虽然听起来好像很基础,但有些无脑适配(比如某乎)的应用在这种情况下真的就是物理分栏,无论是图片还是视频,谁都别想跨过中线显示到屏幕的另一半。明明屏幕那么大,用户却只能缩在其中一侧去浏览图片和视频,这就是很差的用户体验。

微信分屏界面点击图片
微信分屏界面点击图片

提供手动切换全屏和分屏按钮:部分界面,比如视频通话、公众号文章正文阅读以及小程序界面,有时候用户觉得分栏使用方便(比如一边阅读,一边聊天或者后台使用小程序),而有时候用户觉得全屏使用更加方便(比如闲暇时阅读文章)。微信在对应界面的右上角(小程序是对应小程序的右上角三个点选项里面)提供「在分屏中展示」的按钮,以供用户手动切换分屏/全屏显示。这点就比较人性化,毕竟用户不可能每次想全屏的时候都手动到系统设置里面关闭分屏,用完又打开。这点也是很多其他适配了分屏界面的应用没有做的,同时不知道是不是三星独占,在切换全屏和分屏之后,左右两边的界面都可以单独切换位置或者单独变成小窗口。

微信手动切换分屏界面显示
微信手动切换分屏界面显示

多窗口,小窗及小屏支持优秀:平板先放到一边,折叠屏上往往会有两块屏幕,一块普通直板手机类似的小屏,和一块类似平板的大屏。同时用户偶尔也会在大屏使用分屏或者小窗功能同时使用两个以上的应用,这个时候应用会在不同形态频繁切换,无论是两个屏幕之间切换,还是分屏小窗,如何保证应用界面和功能能够在不同形态之间无缝链接,不会产生奇奇怪怪的闪退或者闪烁,很多已经适配了平行视界很久的应用都做得非常不好。而微信在这方面做的就比较不错,我自己使用了几天,无论怎么切换都基本不会产生奇奇怪怪的闪烁或者闪退,而且动画和过渡都很自然。

微信切换各种不同的形态
微信切换各种不同的形态

更多使用场景

很多人都觉得没有适配的界面也都一样用,又不是像淘宝那样在屏保或者折叠屏上界面放大到不能使用,至少微信在折叠屏或者平板上界面感觉好像还行。

但这几天使用下来,我发现良好界面适配其实能让我们的微信使用体验有质的提升。下面就是几个我认为用起来很爽的点:

公众号一边列表一边正文:有多少人碰见过这种情况——刚点进去公众号文章想看,结果顶部突然弹出个聊天通知,又不得不切出去,处理完回来继续看又得重新找一次(虽然微信有提供浮窗功能,但还是要切换并没有方便多少)。现在只需要打开分屏展示按钮,所有微信公众号的文章都会放到右边界面,左边随时可以做其他的操作,而且在三星 Galaxy Z Fold4 上左右两边界面甚至可以独立成小窗口,想开多少篇文章,就开多少篇文章,看不完就放后台存着。

打开公众号文章分屏的效果
打开公众号文章分屏的效果
打开无数篇公众号文章慢慢看
打开无数篇公众号文章慢慢看

左右两边界面独立小窗口功能,我只在三星 Galaxy Z Fold4 上测试过,如果有其他机型也可以实现这个功能可以在评论区留言。

一边视频语音通话,一边聊天:普通手机的微信视频语音通话,特别是视频通话,要么只能全屏,要么就只能变成很小的浮窗,连对面的画面都很难看清更别说小窗里的自己的小窗的画面。而现在适配之后折叠屏音视频通话可以在右边界面单独显示,基本就相当于普通直板手机的全屏,同时也不影响你进行聊天看文章等等操作。而且配合上面提到的独立小窗口功能,还可以把视频聊天单独弄成小窗口,随意调整大小和缩放,在三星 Galaxy Z Fold4 上面甚至还能调整透明度,把视频小窗半透明叠加到其他应用的界面上。

视频通话的界面
视频通话的界面
视频通话小窗和调整透明度
视频通话小窗和调整透明度

分屏使用小程序:我自己有很多应用是能用小程序就用小程序,毕竟不用安装越来越臃肿的客户端 APP 而且要手动折腾禁止权限和后台启动(比如除了冻结完全按不住的某多多),虽说原本小程序和微信的后台就是分开的,分屏和小窗口也比较方便,但是现在适配之后可以直接在应用里面左右分栏,同时可以随意调整界面占比,像是打车叫外卖或者玩个斗地主什么的还是比较方便的,就是目前有点 BUG(下面有写),总体体验还可以。

分屏界面下的小程序
分屏界面下的小程序

另外还有分屏查看联系人资料和朋友圈更加方便等等,如果你是经常在平板或者折叠屏上使用微信的人,这次更新应该也会让你拥有可感知到的使用体验提升。

BUG 一览

由于是第一版功能,使用过程中难免会遇到 BUG,不过基本没有严重影响日常使用体验的。下面就简单说说目前我遇到的 BUG(仅限 8.0.28 测试版第一版,后面多半会修复)和一些优化建议。

  • 分屏从其他应用拖动图片到微信,微信会闪退
  • 视频通话,语音通话有时界面会消失
  • 大小屏切换和多应用分屏有时会卡在空白的微信界面(也就是右边什么都没开的时候)
  • 小程序的分屏/全屏按钮没有记忆,每次都要手动点击分屏展示按钮
  • 开启分栏界面后,微信设置里的横屏模式开关无效
  • 【建议】小程序也可以在右上角直接放一个分屏/全屏切换按钮,不用每次都点到选项里设置
  • 【建议】提供常驻的窗口切换选项,现在只有全屏到分屏切换的时候才会出现
  • 【建议】不用非得左边固定为聊天列表,可以使用打开新界面左边自动变成上一个界面的机制
  • 【建议】提供同时快速打开两个联系人聊天窗口(或者小窗多个),方便在不同联系人之间互相拖动发送消息和图片
  • 【建议】添加折叠屏悬停模式应用,比如上半屏视频通话

还有更优解?

其实很多厂商热衷于在平板和折叠屏上做平行视界,导致大家认为这个才是最优解。但在平板上最佳的界面设计目前而言应该还是响应式布局。只不过平行视界适配起来更快(把 Activity 设成 Resizeable 然后利用 API 并列,难度不高)。

但这种方式终归是比较粗暴的,它只是把两个界面拼在一起,很多时候既没有充分利用上大屏幕,也没有带来效率和观感上的优化。以致于这类功能在 Apple、Google、三星的开发者手册里面基本都是当做多应用分屏或者多窗口模式来对待的,而不是正儿八经的应用内界面(就算是三星自己采用分栏界面,也不是简单地把两个 Activity 拼起来)。

Google 专门介绍如何检查大屏设备应用质量的页面
Google 专门介绍如何检查大屏设备应用质量的页面

其实平板和折叠屏设备如何适配,iOS 和 Google 都给出了比较好的答案,也都提供很多很好的用的工具和 API,比较通用的一个思路是将常用的操作从底栏变为左边的侧栏,然后将原本的界面变成类似卡片一样的组件从左到右排列(三星认为用户在大屏上阅读的最大宽度是 840dp,应用内容最多显示到这个宽度),按照不同的设备屏幕宽度显示不同的列数。

Google 心目中的优秀平板/折叠屏应用界面
Google 心目中的优秀平板/折叠屏应用界面
Google 心目中的优秀折叠屏适配效果
Google 心目中的优秀折叠屏适配效果

平行视界本意是好的,它作为一个过渡方式非常合适,但很多厂商就把它当成了偷懒的方法,甚至连平行视界都不愿意好好适配,随便互弄一下用户有个交代就不管了(大部分国产应用基本都是),相比之下即使微信也是弄平行视界交差,最终交付的效果居然还算是比较好的。

我自己手机上适配优秀的应用界面1
我自己手机上适配优秀的应用界面1
我自己手机上适配优秀的应用界面2
我自己手机上适配优秀的应用界面2

总结

平时我们提到微信都是骂的多。作为一个超级应用,微信的应用质量实在不怎么样,毕竟到现在微信还没有适配 Android 的通知栏快捷回复、对话气泡、Material Design 3、推送接入等一大堆特性……更别说语音进度条这种无数人敲碗的功能了。甚至测试版本中微信还会把用户接收的文件放到应用内存储 /data/data 目录中,没有 Root 无法访问原文件,只能从微信中打开和导出,可谓离谱)。

但就事论事,这次通用平板/折叠屏界面适配还是值得认可的,而且一推出就比较成熟,细节上也能打败一大堆其它国产应用。

目前这个功能还是测试阶段,下一个正式版本(8.0.29)就会大规模推送(大概),大家如果想尝鲜可以先下载测试版体验一下,追求稳定的同学还是先保持期待感,等待正式版本的推送吧。

> 下载 少数派 2.0 客户端、关注 少数派公众号,解锁全新阅读体验 📰

> 实用、好用的 正版软件,少数派为你呈现 🚀