编辑导语:虽然国产软件的iPad用户比例并不大，但还是有横屏适配的需求。本文作者讲述了ipad横屏适配的背景，分析研究了竞品的适配方法，结合自己的亲身经历提供参考，推荐对iPad横屏适配感兴趣的童鞋阅读。

在我参与的一个数据查询App中，iPad只支持手机UI大小的竖屏拉伸，每个季度都有用户反馈想要适应iPad的横屏。询问用户后发现，由于iPad mini刚好是可以放进工作服口袋的大小，可以随时使用，而且iPad屏幕比手机大很多，浏览信息更舒服。

另一方面，后台数据显示，目前iPad用户仅占1%，用户的声音不足以燎原。别说说服团队做iPad的横屏改编，连说服自己都很难。本来我觉得这就像往水里扔石头一样。等水波散去，就不再讨论了。直到有一天，同样是体验用户的高管拿着iPad装了好几天我们的App，终于忍无可忍，开始推广iPad的横屏适配。

我们肯定不是第一个为iPad做横屏适配的，但是我们上网搜了一下，横屏适配就更不用说了。iPad界面设计的文章很少，下面三篇还不错。这也是我决定写这篇文章的原因，为后来者提供经验，少踩坑。

如果没有经验参考，只能从竞品分析入手。通过对iOS系统应用、微信、QQ、微信读书、得到、豆瓣、淘宝、有道词典的分析，我和同事总结了五种横屏适配模式。

1.内容响应类型

典型应用:iOS应用商店

特点:标题栏和Tabbar被拉伸，内容区域根据宽度有反应地向右布局。

适用场景:所有场景。

评价:灵活性和用户体验都很好，但是设计开发成本很高。

2.左列和右列

典型App:iOS设置、淘宝、微信、QQ

特点:左右分开显示，左侧通常显示主页或目录导航。根据左侧的选择，显示相应的详细信息。

场景:经常需要使用导航来切换内容。

评价:用户体验适中，合理使用横屏显示更多内容。设计成本低，所以需要额外设计一个右边默认为空的情况。开发成本取决于是否改变程序架构，相当于把两个手机界面合并到一个屏幕上，有些程序架构可能很难修改。

3.根据垂直屏幕宽度显示

典型App:微信阅读

特点:标题栏和Tabbar被拉伸，内容直接按照竖屏宽度显示。

适用场景:所有场景。

评价:用户体验中等，设计开发成本低。大部分产品都采用这种模式，但是并没有更好的体现横屏和宽屏的优势。

4.全屏条拉伸

典型应用:豆瓣

特点:横屏是全屏拉伸，所有元素与竖屏一致。

适用场景:所有场景。

评价:设计开发成本最小，但相当于没有改编。用户体验差，内容集中在横向模式，左右非常空，或者长时间被拉导致阅读体验差。

5.混合模式

当然，并不是所有的app都采用单一模式。比如微信阅读，在其他页面上是按照竖屏宽度显示的。但说到看书界面，就是充分利用iPad大屏，把内容显示在左右两栏。

以上竞品分析截图全部保存在Figma中，有需要的读者可以获取。

链接:https://www . fig ma . com/community/file/1071850659054902697/iPad-横屏适配竞品分析

遗憾的是，虽然高管带头改编，但开发资源确实有限。我们不能为了得到设计师的好评而从头开始重建iOS App，所以我们决定用最少的资源做核心优化。

适应计划分为两个阶段。在第一阶段，所有页面根据垂直屏幕宽度显示，以适应水平屏幕。在第二阶段，核心页面通过内容响应或左右栏进行优化。

1.验收前开发

第一期，我们踩坑了。按照原来的工作流程，我们做了iPad所有横屏页面的线图，然后输出所有视觉效果。虽然所有的在线页面都不需要重新设计，只需要拉伸屏幕或者调整间距，但是所有的在线页面都是不小的工作量。

在进展的过程中，iOS工程师眉头紧锁，提出由于代码架构和资源的限制，设计师调整的视觉效果图可能无法100%实现。另一方面，让他先把所有页面都横向强制，然后设计师会检查发现问题进行修改，这样省时效果就可控了。

可见不同的项目类型可以采用不同的工作流。iPad横屏适配项目的流程与常规工作流程正好相反。以前是先设计后开发，改为先开发后检查，节省了设计师输出效果图的时间，保证了最终的效果。

2.核心场景决定核心页面。

我在第二期选择核心页的时候也犯了一个错误。一开始我觉得核心是脸，所以选择用户一打开App就能看到的Tabbar导航、个人中心等页面的首页进行优化。但实际上，用户真正的核心使用场景是在详情页上查找信息，这才是真正的核心页面。

经过主管的纠正，我们开始为信息阅读页面提供左内容右目录的布局，方便用户在长文中准确定位想要阅读的内容。

第二阶段计划不是适应的结束。随着App功能的迭代，iPad横屏的适配需要在旧界面修改和新界面设计中考虑，成为日常工作的内容。

根据以前的项目总结，最后要上报项目数据结果。但由于iPad用户本身比例太差，即使在我们的官方微信官方账号推特宣布适合iPad横屏后，也没有一个iPad用户站出来称赞。反而是用了华为、小米等安卓Pad的用户要求适配。

考虑到不同安卓品牌适配方式不同，安卓厂商也有自己的《平行世界》等通用兼容方案，我们没有继续参与。

虽然没有外部用户的反馈，但是公司里的同事和开发团队用了之后确实感觉很棒。所以我觉得这个适配项目真正值得思考的是:如果一个需求用户反馈很少，没有数据支持，但是对体验影响很大，如何推动团队进行优化？

作者:龙爪槐守望者，微信微信官方账号:龙爪槐守望者

本文由@龙爪槐守望者原创发布。每个人都是产品经理。未经许可，禁止转载。

图片来自Unsplash，基于CC0协议。