搜索架构之道:App中的搜索系统设计与优化实践
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

1.1.4 搜索结果NA化:优化移动端搜索结果浏览体验

结果页的内容格式是基于网页的,页面的浏览及交互依赖于浏览内核。因为Web生态的开放性,所以在用户搜索和浏览过程中,会有很多站点参与其中,这就要求结果页的内容具有较高的适用性和扩展性,但结果页的实现受限于浏览内核,导致自有搜索客户端的优势不明显。

基于实现成本、可控性及影响面的考虑,对于股票和外卖这类有明确方向的需求(对应特色搜索关键字),我们在百度搜索中进行创新尝试,使用NA自定义内容的扩展方式来增强部分搜索结果的展现,我们称这种扩展方式为搜索结果NA化

股票NA化案例:使用双层视图的方式扩展,底层是通过搜索框架加载的结果页,上层是通过股票NA的容器加载的股票内容页,两个视图之间可以切换。首次对结果页进行加载时,可以自动调用端能力(客户端扩展的能力,在网页中可调用)展现股票NA的视图,如图1-4所示。

图1-4 股票NA化

外卖NA化案例:使用同层视图的方式定制。视图的上半部分为外卖NA视图,下半部分为浏览内核。NA视图内部可上下滑动,当滑动到底部后,框架根据用户的操作把当前活动的视图切换为浏览内核;反之,当前视图为结果页并向上滑动时,可以再切回外卖NA视图,如图1-5所示。

图1-5 外卖NA化

NA化的结果页较传统的网页格式结果页,在性能和用户体验等方面均有明显优势。对于用户来说,视觉效果和流畅度的提升对整体的浏览体验产生了正向影响,这带来的直接变化就是用户的使用时长提升,让用户更有意愿浏览更多的内容,找到所需。

这一阶段的整体的技术方案是在原有结果页框架的基础上进行扩展,在客户端实现网页内容+自定义内容的混合渲染,并通过端与云的协同实现结果页的差异化定制。