小米应用商店：MIUI forPad交互建议

小提示：您能找到这篇{小米应用商店：MIUI forPad交互建议}绝对不是偶然，我们能帮您找到潜在客户，解决您的困扰。如果您对本页介绍的小米应用商店：MIUI forPad交互建议内容感兴趣，有相关需求意向欢迎拨打我们的服务热线，或留言咨询，我们将第一时间联系您！

< ">

< ">本文档介绍了MIUI for Pad应用交互操作指南，您可通过阅读本文档，对相关内容有所了解。

< ">MIUI for Pad为7英寸或更大尺寸平板电脑设计，针对性的优化了产品的交互和设计体验。我们通过这篇文档，介绍我们设计MIUI for Pad的理念和方法，并对三方App设计提供建议。

< ">关于读者：本文档面向的读者是有一定移动产品设计经验的PM，着重介绍Pad类设备的特性，以及和手机产品设计的不同之处，通过MIUI for Pad的设计案例帮助三方开发者改进自己的Pad版应用。如果您并没有从事过移动产品设计，建议您先阅读Google官方的Android Design设计文档和iOS Human Interface Guideline，本文档在撰写时也参考了它们。

< ">一、尊重Android Design

< ">MIUI是Android生态圈的一部分，如果您的设计是符合Android Design设计方法的，在MIUI for Pad上表现也会很棒！

< ">二、用户如何使用Pad类产品

< ">1、主要典型场景：

< ">1）、下班回到家，窝在沙发上，拿着Pad看电影、刷微博、玩游戏。

< ">2）、会议室里面，把Pad放在桌上做会议记录、演示PPT、做快速的方案交流。

< ">3）、外出游玩，用Pad查看地图、处理照片并分享。

< ">2、Pad的硬件特性：

< ">1）、更大的屏幕，可以展示更多的内容，交互空间更大，可以处理复杂的任务。

< ">2）、更强大的计算能力和续航时间，可以完成复杂的运算，并支持长时间的使用。

< ">3）、尺寸、重量比手机大，使用者更倾向于在一个稳定的状态下使用，比如坐着或着站定。

< ">3、小米Pad屏幕配置参数

< ">1）、屏幕分辨率：2048*1536（请注意比例是4:3）

< ">2）、屏幕尺寸：7.9英寸

< ">3）、像素密度：320dpi（xh网络舆情监测企业dpi）

< ">三、交互设计建议

< ">1、设备方向

< ">1）、因为Pad设备的硬件形态设计是双轴对称的，当用户启动您的应用时，会希望无需旋转设备就可以使用，因此强烈建议您的应用支持四方向布局，您也可以利用横屏/竖屏合理的展示不同的内容，满足用户的需求

< ">2）、同时，我们也建议在App启动时先检查设备方向，并按照设备的方向正确展示您的应用。保证启动的时候您的App是在正确方向的。

< ">3）、如果您的应用仅支持横屏或者竖屏，也建议您支持在2个方向（垂直/水平）上布局。

< ">4）、在用户旋转屏幕的时候，您可能需要对应用进行重新布局，Android Design中提到Android原生支持4种重新布局方式：Stretch/compress、Stack、Expand/collapse、Show/hide。从我们的实践看，建议您考虑采用Stretch/compress和Show/hide两种方式，尽量减少旋转时结构的变化，可以让应用有更好的一致性，避免用户旋转后迷失。

< ">2、弹窗

< ">用户在使用Pad设备时，通常是双手左右握持，或者一手握持另一手点击，因此如果您的应用设计中存在弹窗操作，应该出现在屏幕中央，以方便用户点击。

< ">四、两种常见的结构模型

< ">Pad的大屏幕让设计师有了更多发挥的空间，您可以利用这块屏幕做很多事情。这里介绍两个比较常用的布局方式，也是MIUI系统应用设计中用到的。

< ">1、导航-内容（Tab导航结构）

< ">2、索引-内容（两栏式结构）

< ">

< ">1）、小米应用商店：导航-内容（Tab导航结构）

< ">Tab导航式结构是一种经典的布局方式，适合内容运营驱动的商店类产品。

< ">导航栏放置在页面顶端，Tab居左，支持横划切换，符合Android交互习惯。

< ">我们建议最多不超过5个Tab，过多的Tab会导致产品更复杂，电商运营课纲布局拥挤，用户也难以识别和点击。

< ">在方向旋转时，不应该增加或减少Tab的数量。保持产品的一致性。

< ">导航栏最右侧建议放置全局操作，在多级浏览的情况下仍然可以快速使用。

< ">二级页面的Tab位于顶栏居中位置，仍然支持横滑切换。如下图：

< ">2）、MIUI文件管理器：索引-内容（两栏式结构）

< ">两栏式结构分为左、品牌软文推广右两栏，属于父子结构，左侧是内容索引（父级），右侧是具体内容展示（子级），我们在便签，联系人，设置、文件管理器中采用了这个结构。

< ">左栏应采用固定尺寸，无论横屏/竖屏，都保持同一个宽度，这样有助于保持界面稳定，如果采用Google的Stretch/compress方式设计，Google会做宽度的同比缩放，也是一种可接受的设计。

< ">左栏宽度应该小于右栏，如果左栏尺寸过大，会给用户父子结构颠倒的错觉，影响体验。

< ">左栏的操作可以控制右栏的展示内容，比如在文件管理器左栏选一个类型，右栏就展示出来。但是右栏不应该能控制左栏的展示。

< ">尽量避免在左栏和右栏同时出现层级导航，可能会让用户迷失位置。

< ">以上为MIUI for Pad应用交互操作指南。