前段时间,负责公司的一个小程序的产品实现,几天前正式上线。过程中遇到了小程序页面层级与跳转的问题,因此特撰此文,对该小程序实现过程中遇到的该问题做一个简单的复盘。
在我们的小程序中,涉及到的关键交互页面主要有三个:首页、内容详情页以及收藏页面。其中,三个页面之间构成互相跳转的关系,具体的跳转逻辑如下所示(其中,首页和收藏页面作为底部栏中的图标出现)
三个页面之间的跳转逻辑
刚开始在做页面的时候,考虑到的是“页面之间的跳转逻辑有没有遗漏?”,反复确认没问题之后,就开心地跑去和开发提需求。
但是在开发过程中,开发反馈了一个问题:首页-详情页-收藏页-首页-…(路径为1-3-5-1-…)构成了一个闭环,如果循环打开到10个页面的时候,出现再次点击却出现了再也点不动的情况(无法打开新的页面)。原因是当前微信小程序页面最多支持10个层级(可以理解为这是一个最多可以放10个米素的栈,每新打开一个页面相当于入栈操作,返回上一个页面则相当于出栈)。
考虑到小程序一旦对外,我们就无法把控用户的行为。一旦用户确实打开了10个页面而导致其无法继续操作,肯定会造成用户的困扰,导致其体验不好,最终导致流失。其次,该种交互方式存在另外一个问题:如果用户打开了大于5个页面(小于10个),需要连续按多次“返回”按钮才可以退出小程序,导致用户的体验也相当地不好。
所以,更好的方式就是将流程优化。
先分析问题发生的根源:出现了一个死循环,但是要求是总步数不超过10步。
经过分析,这个时候我们提出了几个方案:
方案一:这三个页面互相跳转的时候,调用小程序的相关 *** ,将之前的所有页面全部关闭之后跳转其他页面(可以理解为清空栈后在入栈)
评估之后该方案被否决了,会出现两个异常场景:
PS:(只会在安卓手机上出现此之一个场景,苹果手机无返回的按钮,因此不存在此场景。但第二个场景在苹果和安卓上均会出现体验问题)
方案二:使用中间页的方式,在页面数量达到5层之后,使用中间页进行页面的标记,从而协助支持更多的跳转(就是在微信的栈之外另外建一个栈来记录)。
但是该方案也被否决了,因为该项目要求尽快上线,开发反馈实现这个方案开发来不及。此外,依旧没有解决多次返回的问题。
方案三:到达第8页之后,新打开页面点击返回都会直接重定向到第8页,这样就避免了10层的限制(部分电商小程序采用了该方案,但是使用场景与我们不同)。
评估之后,依旧被否决了,因为如果第8页为收藏页,跳转到首页(第9页)之后,用户点击某个内容后跳转到了详情页(第10页),这时,用户点击返回,直接定向到了收藏页,和用户的预期(首页)不符,会对用户造成使用上的困扰。所以,该方案也被否决了。
经过思考和调研一些电商小程序(因为电商小程序的购物路径有时会突破10层的限制,这里的逻辑主要借鉴参考了某电商小程序中的首页-商品详情页-购物车的跳转逻辑)之后,我们意识到,其实出现返回的场景主要集中在内容详情页,所以提出了方案四:
在跳转到非内容详情页的时候,使用清空栈后再跳转的方案(此时再按返回就会退出小程序,涉及到首页和收藏页)。当跳转到内容详情页时,允许进行返回的操作(即出栈的操作)。
此时,虽然整体逻辑路径仍然和之前一致,但是在5,6步骤的时候,已经将之前所有的页面均进行了关闭。此时,最长的路径为首页-商品详情页-收藏页面,也就不存在超过10层的问题,同时解决了之前我们所讨论的两个问题。
其实在产品设计的过程中,我们不应该忽略的点是——收藏和首页按钮一样,是作为底部栏的按钮出现的,二者的地位是平等的(类似电商小程序中的购物车功能),所以才用了方案四的处理方式。
如果收藏页面比首页的地位低(不在底部栏而在首页上),那么用户从首页点击进入收藏页面后,潜意识认为,点击返回后进入的就会是首页,如果此时退出小程序,给用户就会造成困扰,此时也就不能用方案四的实现方式了。
注意,一定要注意这里的使用场景。
本文由 @隔壁张叔叔
“一群年青人,数量但是2000多的人,仅用了多层写字楼的室内空间資源,造就的盈利却相当于以往好多个大国营企业的总数,这过去是不能想像的。” 让海淀区一个高官“不能想像”的是名叫“搜狐畅游”的网...
案底可以找黑客消除吗相关问题 想找个黑客帮忙盗回自己的qq相关问题 马云聘请年薪500万的黑客什么学历 怎么利用手机号报复别人(手机号报...
不少的安卓用户都遇到过误删了重要微信聊天记录的情况,误...
微信视频号是微信布局短内容的开始,视频号支持9张图片和1分钟的短视频,同时可添加微信公众号链接,视频号极大补充了微信的内容生态,让创作更简单。 微信的视频号目前处在内测阶段,平台用户主要分为两种。第...
你是否完成了新年写下的计划,许下的愿望? 恐怕现实还是一如既往的骨感, 写下的计划,只停在纸上, 许下的愿望,早已沉在心底, 多的是各种焦虑迎面而来 , 那么,我们只能坐以待毙...
《穿盔甲的少女》是一部很活力四射的剧,看得情况下觉得自身都年青了十几岁,而且这里边的cp也是非常好玩儿的,特甜呢。那麼剧里有几组CP?谁和谁是一对呢?下边我产生详细介绍。 《穿盔甲的少女》剧里有几组...