萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> Tap-Ahead:讓移動搜索更加便捷的解決之道

Tap-Ahead:讓移動搜索更加便捷的解決之道

Tap-Ahead:讓移動搜索更加便捷的解決之道 三聯教程

  較慢的網絡連接速度以及文字輸入不便一直是困擾移動端體驗的兩大限制因素,它直接決定了用戶在使用移動端搜索時的行為,比如人們不願意在手機端輸入大量的文字,對於搜索的結果,希望能夠減少翻頁查找的時間等等。Tap-Ahead的設計模式,則通過利用減少文字輸入以及最大限度的利用帶寬能力,將這種本來的移動限制條件轉變為一種機會,提供給用戶全新的使用體驗。

  Tap-Ahead的方式其實很簡單:在用戶搜索時,輸入關鍵詞後,通過不斷給用戶提供“流行關鍵詞建議”來避免輸入,並減少從輸入到最終搜索結果頁面之間的間隔時間 。

  下面以一個實例來說明:

  比如,用戶需要找 “哈利波特和密室“(Harry Potter and the chamber of secret)這本書,使用”Tap-Ahead“並結合自動建議功能。其操作過程如下。

  A圖中:

  在開始搜索時,用戶在輸入框中輸入了“Ha“作為Query,自動建議功能對服務器發出關鍵詞檢索需求,服務器返回了10個以”Ha“開頭的最常見結果。在建議結果中有”Harry Potter“,但是還並沒完全對應上”Harry Potter and the secret Chamber“這個需要的關鍵詞。我們以前的做法是:直接點擊”Harry Potter“這個建議項。但是在Tap-Ahead模式下,用戶可以繼續選擇點擊右邊的藍色按鈕,來進一步縮小查詢詞范圍。

  B圖中:

  通過點擊了A圖中“Harry Potter”右邊的藍色按鈕縮小建議范圍,進入到了關鍵詞建議的下一層級。在這一層級中,我們可以看到建議中包含有“Harry Potter and the Chamber of Secret“,這就是用戶最終需要查詢的完整Query,所以他點擊了這條關鍵詞建議。

  C圖

  則是最終的搜索結果頁。

  從上面的過程中可以使用Tap-Ahead的好處是:

  1:更快的搜索

  通過“Tap-Ahead”的方式,結合自動建議功能,可以將中間搜索過程跳過,而直接進入到第二層關鍵字搜索,使得我們可以更快的到達搜索結果。

  2:更少的輸入

  用戶只需要輸入“Ha”,通過自動建議,以及Tap-Ahead的方式縮小關鍵詞范圍後,直接到達最後想要查詢的關鍵詞。雖然並不是每次搜索都可以參照上述方式進行,但是對於當前的熱門關鍵詞,我們不需要迫使用戶輸入大量的Query,就能讓用戶以最快的速度找到他需要的東西。

  3:流暢的操作體驗

  相比於在自動建議與結果頁之間的不斷跳轉,我們保持在關鍵詞自動建議的狀態中,不斷縮小查詢范圍,直到我們找到確切需要的Query後才讓用戶跳轉到搜索結果頁。這可以讓用戶的注意力始終集中在任務上。

  4:彈性的操作

  在上述操作的過程中,用戶依然可以進行傳統的關鍵詞檢索,或者在搜索框中輸入完整的Query,用戶也可以選擇關閉自動建議功能。新的機制僅僅是對傳統搜索方式的一種補充,以便用戶可以更快更容易的找到他需要的query。

  “Tap-Ahead”在結合了傳統的自動建議功能後,是一種非常有用的功能,對於連接速度較低,打字不方便的移動設備而言,它改變和重新定義了移動設備上的搜索+建議的體驗。

  文章來源:百度MUX 轉載請注明出處鏈接。

copyright © 萬盛學電腦網 all rights reserved