写文章的背景是，当时我在小米商城的团队中除负责小米商城App的产品功能和用户体验设计之外，还负责新特性相关的适配和创新需求，也许是因为我特别喜欢研究新出来的东西吧。2017年初，开始有出了分屏功能，进行调研之后，我们果断做了分屏适配。之后也顺滑适应了的系统分屏。虽然已经时过境迁，但是发出来也可以回顾自己萌新时期的产品思路，望各位斧正。一、关于分屏需求1.分屏并不是个伪需求，而会是一个大众需求。分屏最主流的使用场景是：一边看视频（包括直播和长视频、短视频、甚至视频聊天），一边做其它事情。用手机看视频，已经成为用户的主流场景，各大视频应用爆发的日活人数、使用次数、使用时长都可以佐证这个观点。但使用手机看视频有很多痛点，尤其直播的特点是厌恶中断，但手机看视频总会遇到被IM消息打断、切换至后台视频暂停等情况。这些痛点都可以通过分屏较好地解决，这也是分屏能成为大众需求的潜力。虽然当前（2017年的时候）分屏功能在手机上算不上刚需，但随着手机能处理的任务越来越多，人们越来越离不开手机。工作、社交、娱乐全都在手机上完成，分屏功能可以让用户不用频繁地来回切换应用，还是非常方便的。2.分屏所需要的硬件前提已经成立。内存：当前新款手机的运存内存已经持续走高，足够应对多个应用同时在前台开放的压力。屏幕：目前的手机越做越大，但宽和高的变长比例是不同的。总体而言，新款的手机屏幕高了许多，但是宽度只是不变或者稍微增加（比如的屏幕375×812个点,对比的375个点，宽度保持不变，高度增加812-667=145个点）。在这种情况下，如果用来分屏，那么横屏均分两个App的话，每个App的宽度尺寸基本不变，只是两个App都变短了。由于人眼本来画幅就是横向宽阔、纵向狭窄的，那么用户在横屏同时观看两个App的时候，体验也会好得多。哪怕是纵向排列两个App，由于屏幕变大了，也不显局促。电量：需要分屏的用户，大部分都是亮屏状态，这会使得用电功率提高。但是现在的快充已经普及，能解决用电速度快的问题，移动硬盘的渗透率目前也极高，更别说还有满大街的共享充电宝。3.良好的分屏体验所需要的App体验。分屏虽然在电脑上已经成熟，但是在手机上仍是一个新东西。需要大部分App都适配新尺寸/弹性尺寸，才能够在不影响App的基本功能和体验的基础上，满足用户的分屏需求。如果连可用性都存在问题，那么分屏模式也会被用户抛弃。更何况，分屏操作，以此至少一对App，总要有App配合你才行。因此不但需要进一步的优化前端产品设计提高分屏模式的可用性，也应该联合同矩阵的其他产品一起，尽量将交互设计统一，降低用户的学习成本。二、定义分屏的基本表现1.默认将窗口一分为二并支持调整窗口大小。后续可以支持3拼（2+1）。2.支持横屏即横向排布app，也支持纵向排布app。实际方向在未锁定方向前提下，随用户操作自动改变。3.支持半屏锁定一个应用，另半屏可以操作桌面，桌面大小自适应。4.前台双应用情况下，支持同时播放，单独调节声音。三、分屏的优化1.减少不可滑动的页面/控件保证所有页面响均能应滑动事件。尤其在、登录注册页、表单、feed流、音乐播放页、大图区域、弹窗等。2.减少常驻控件分屏后，屏幕空间变得非常小了，为了给内容让出更多空间，应尽量减少常驻控件。一种解决办法是在浏览内容时，隐藏底部tab、顶部导航／搜索等常驻控件，用户回滚时再出现。比如知乎、多看等信息流产品可直接进入全屏模式；电商应用可以对不同页面做优化，频道／主页／商品列表页可隐藏顶部／底部，只保留最重要的保留购物车按钮和搜索按钮，单品详情页则需要展示底部加购按钮，降低对转化的损害。3.前端开发中尽可能使用相对位置为兼容多种窗口尺寸，适配分屏时屏幕的高度和宽度变化，对控件的布局使用相对位置。尤其弹窗、等应居中；底弹、push等应吸底或者吸顶。4.为分屏定制新的布局动态布局指根据当前的窗口大小，重新调整页面的布局。分屏的设计语言介于竖屏to横屏和HDto普屏的设计语言。对于重点页面可以做一定优化。大图－缩略图；卡片内纵向布局－横向布局；纵向导航－横向导航；文字……诸多设计可以循序渐进添加。优秀样例有和。5.多窗口下的生命周期分屏时会同时运行两个应用，其中用户最后操作的那个应用会处于状态，另一个则会处于状态。但视频、直播等类别的应用需要保证视频的继续播放。建议开发者在中处理视频的暂停/播放，而非在中处理视频的暂停/播放。或者特殊处理分屏时的状态，保证应用在失焦点不暂停播放。尤其电商／社交应用中零散出现的的视频组件，或者摄像功能。6.调整窗口大小时，屏幕闪烁的问题由于分屏过程中，允许用户调整窗口的大小，这就会导致。的默认处理方式是整个，从而出现页面闪烁的问题。如果想避免闪一下的问题，建议开发者自己处理的变化。7.尽可能优化键盘分屏状态下，用户在输入时更加不友好，因此应尽可能完善键盘功能。需要显著展示：语音输入入口、收起按钮、下一项按钮、提交按钮等。在输入过程中，光标应始终展示在键盘上缘，当键盘收起时，光标位置则居中。