APP UI结构-首页功能点大集锦，很干很详细

分享一篇来自UI会员-EasonZhangUED的文章，关于APP首页功能点的大盘点。文章较长，推荐大家收藏后慢慢看。

[好文分享：www.ii77.com]

APP UI结构的系列的文章有一段时间没有更新了，因为最近在学一些新东西和看一些新书籍，适当的给自己充电也是为了更好的输出，言归正传，今天想跟大家聊的是和首页相关的一些内容，可能有些内容最近有的小伙伴已经更新过了，相信大家也看见了，比如导航的分类、加载的分类等，感觉写的都很不错，我也在犹豫这些内容还要不要再写，但是思考再三，还是决定写一下吧，毕竟这是APP UI结构系列文章里不可缺少的一部分，作为一个处女座伪完美主义者，还是决定有始有终。 

首页相关（上）

关于首页的内容还是蛮多的，我给分成了上下两部，文章有点略长，还希望诸位拿出一点耐心能够看完，相信大家会有所收获，也不枉我辛苦码字一场，OK，老规矩，还是先来看一下整体结构：

（以下图片来源于应用截图，仅作为学习交流使用）

1.进入首页前的授权弹窗

用户在初次登录进入产品首页之前，难免会弹出一些弹窗，包括授权类弹窗或促销类弹窗，这些授权弹窗的出现无可厚非，用户只有通过授权产品才可以正常运转和使用某项功能；授权弹窗也是操作系统安全机制中的一部分，会涉及到用户的安全和隐私，近期Facebook用户信息泄露的事件频频发生，相信很多用户对隐私的保护感只会越来越强，试想用户还未使用产品，此时对产品的信任感较低，所以需要用户授权的弹窗最好是权限较高的，也是必要的授权，比如常见的有：网络授权、消息通知授权、获取定位、相机/相册的授权…非必要性的授权(权限较低)弹窗最好是在用户使用某个功能的情况下出现，切忌一股脑的全部弹出让用户进行授权，会给用户造成不必要的困扰，体验也会很差，相信这点大家也都知道，比如：麦克风、日历、蓝牙、通讯录…可以在使用到该功能时再弹出。

因为系统不一样，授权弹窗也会有些不同，iOS相对比较尊重用户，消息通知授权和网络授权等都是需要用户允许的，而安卓则不需要，相比起来iOS更优一点。说到网络授权，之前有小伙伴跟我讨论过这一问题，就是有的产品有网络授权，有的产品却没有，我之前倒没有刻意注意过，后来在网上查了一下：由于国家有关规定的出台，苹果自iOS 10以后针对中国大陆地区提供了需要用户授权允许“无线局域网与蜂窝移动网络”的弹窗，它的出现位置应该是用户初次打开应用，..登录之前，通过率应该是会蛮高的，因为没有网络下面什么也不用做了。

授权弹窗的设计可以直接使用系统模态弹窗的样式，iOS和安卓弹窗的样式还有点不一样，iOS除了系统固定文字外还可以配以必要的说明文字，告知授权的重要性和不授权的后果，而安卓只能是系统固定的文字，相比起来又是iOS更优一点。现在大部分用户已经十分熟悉这类弹窗的重要性，一次性允许授权的通过率也很高，这里还要提一下：iOS只能出现一次授权弹窗，而安卓比较特殊，下次登录时还会弹出授权弹窗，也可以点击不再提醒。

如果iOS用户在第一次拒绝了授权，产品也是有二次授权的机会的，比如电商类产品消息通知的授权，我一般都不会授权，因为不喜欢被促销消息所打扰(这只是我个人习惯，不知道大家是不是也是这样)，但是这类授权对电商类产品很重要，再次登录产品时，会弹出二次授权弹窗提醒用户去打开消息通知，但是这里的区别就是，点击授权是利用深层链接(deep-link)直接跳转到系统设置中去打开相应授权，这样就会比较繁琐。还有一类情况是在页面中使用引导的方式去打开权限，无关授权弹窗的内容这里就不多说了。当然还有的产品很聪明，在授权弹窗出现之前会使用预授权机制(pre-permission)，先试探一下用户是否会授权，比如会先弹出设计比较美观的弹窗(带有诱导性的文字或是插画)，在你点击button后再弹出系统授权弹窗，这样做可以避免二次授权的繁琐，操作成本也会比较高，能这么做的产品还是比较少见的。

促销类弹窗的内容这里就不多说了，在往期文章中有所提到，可以在文章底部点击链接查看。