1.1.4 搜索結(jié)果NA化：優(yōu)化移動(dòng)端搜索結(jié)果瀏覽體驗(yàn)

結(jié)果頁的內(nèi)容格式是基于網(wǎng)頁的，頁面的瀏覽及交互依賴于瀏覽內(nèi)核。因?yàn)閃eb生態(tài)的開放性，所以在用戶搜索和瀏覽過程中，會(huì)有很多站點(diǎn)參與其中，這就要求結(jié)果頁的內(nèi)容具有較高的適用性和擴(kuò)展性，但結(jié)果頁的實(shí)現(xiàn)受限于瀏覽內(nèi)核，導(dǎo)致自有搜索客戶端的優(yōu)勢(shì)不明顯。

基于實(shí)現(xiàn)成本、可控性及影響面的考慮，對(duì)于股票和外賣這類有明確方向的需求（對(duì)應(yīng)特色搜索關(guān)鍵字），我們?cè)诎俣人阉髦羞M(jìn)行創(chuàng)新嘗試，使用NA自定義內(nèi)容的擴(kuò)展方式來增強(qiáng)部分搜索結(jié)果的展現(xiàn)，我們稱這種擴(kuò)展方式為搜索結(jié)果NA化。

股票NA化案例：使用雙層視圖的方式擴(kuò)展，底層是通過搜索框架加載的結(jié)果頁，上層是通過股票NA的容器加載的股票內(nèi)容頁，兩個(gè)視圖之間可以切換。首次對(duì)結(jié)果頁進(jìn)行加載時(shí)，可以自動(dòng)調(diào)用端能力（客戶端擴(kuò)展的能力，在網(wǎng)頁中可調(diào)用）展現(xiàn)股票NA的視圖，如圖1-4所示。

圖1-4 股票NA化

外賣NA化案例：使用同層視圖的方式定制。視圖的上半部分為外賣NA視圖，下半部分為瀏覽內(nèi)核。NA視圖內(nèi)部可上下滑動(dòng)，當(dāng)滑動(dòng)到底部后，框架根據(jù)用戶的操作把當(dāng)前活動(dòng)的視圖切換為瀏覽內(nèi)核；反之，當(dāng)前視圖為結(jié)果頁并向上滑動(dòng)時(shí)，可以再切回外賣NA視圖，如圖1-5所示。

圖1-5 外賣NA化

NA化的結(jié)果頁較傳統(tǒng)的網(wǎng)頁格式結(jié)果頁，在性能和用戶體驗(yàn)等方面均有明顯優(yōu)勢(shì)。對(duì)于用戶來說，視覺效果和流暢度的提升對(duì)整體的瀏覽體驗(yàn)產(chǎn)生了正向影響，這帶來的直接變化就是用戶的使用時(shí)長(zhǎng)提升，讓用戶更有意愿瀏覽更多的內(nèi)容，找到所需。

這一階段的整體的技術(shù)方案是在原有結(jié)果頁框架的基礎(chǔ)上進(jìn)行擴(kuò)展，在客戶端實(shí)現(xiàn)網(wǎng)頁內(nèi)容+自定義內(nèi)容的混合渲染，并通過端與云的協(xié)同實(shí)現(xiàn)結(jié)果頁的差異化定制。