写给新手的APP结构指南:首页相关(上) - 站长之家

写给新手的APP结构指南:首页相关(上)

2018-08-06 11:51 稿源:优设网  0条评论

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

△ 以下图片来源于应用截图,仅作为学习交流使用

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

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

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

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

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

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

2. 下拉刷新

下拉刷新相信大家已经是司空见惯了,几乎所有的产品都会有这一功能,这一交互的首创是源于 twitter,后来慢慢流行开来,下拉刷新其实也不只是在首页存在,在产品很多页面中普遍存在。

下拉刷新的过程:页面整体下拉,顶部出现提示文案「松开即可刷新」— 松开后显示旋转动效+「刷新中」— 刷新成功后动效消失(toast 提示刷新数据情况),页面自动置顶/如果刷新失败进行 toast 提示。整个过程中要保持动效的可见性,在刷新结束出现数据后再隐藏动效,并且刷新过程中用户是可以继续操作的,不是说刷新过程中就什么也做不了;刷新的结果根据时间排序,即最新的数据在最上面;如果用户在短时间内进行多次下拉刷新,需要进行 toast 提醒(比如「你的操作太过频繁啦」),防止出现页面卡顿或服务器请求失败的情况。

下拉刷新的动效设计现在的趋势真是越来越多样化,早已不再局限于早期系统的刷新样式,各大产品都设计了拥有自己特色的刷新动效,将自己的品牌基因融合进去,并加以趣味活泼的文案修饰,给人一种惊喜感,可以加深了用户对产品的印象,这种做法可谓是一举多得。

这里还有必要提一下自动刷新,之前有小伙伴跟我聊过,产品为什么不能自动刷新呢,那样多方便啊,自动刷新的情况也不是没有,比如某个产品你长时间没有登录,再次登录进入首页会自动进行刷新动态数据,方便阅读;还有的就是常见于数据类的产品,比如要实时查看数据的增长情况,自动刷新就会很有必要。但是为什么普遍产品在使用过程中还是使用下拉刷新而不是自动刷新呢,试想你在刷朋友圈、微博、知乎等情况下,系统在设置的时间段内进行了自动刷新,你正津津有味的看着某个动态,数据突然自动刷新了,正在阅读的动态可能就被挤到下面了,相信这样的体验对用户来说就是灾难。

3. 持续下拉进入产品二楼

上面说的是下拉刷新,这里要说的是在首页持续下拉会进入的页面是二楼活动页面或是其他功能页面,这是对下拉刷新基础上的颠覆,相信这一功能的出现会让用户眼前一亮。记忆中最先这么做的是淘宝,好像京东搞活动的时候也这么做过,有点记不太清了。目前淘宝首页整体持续下拉是《一千零一夜》活动,是短视频+相关商品+UGC 的方式,给了用户一个完整的购物体验,这种做法跟广告行业的营销是一样的。我看了一下,每个短视频的播放量都是百万级的,视频的体验都很不错,基本上是先讲述一个故事,播放完或点击暂停会出现关联商品,可以点击进入商品详情促成购买。但是光有商品是不够的,用户的评价也很重要,就跟我们平时购物一样,我们肯定也会关注大家的评价如何。另外还会鼓励用户进行订阅和分享,也希望用户多多生产 UGC 内容,综合来说整体的方式比较有说服力,用户也比较能够接受。

声明:本文转载自第三方媒体,如需转载,请联系版权方授权转载。协助申请

相关文章

相关热点

查看更多