APP設計:手機端搜索控件的探索

2 評論 14689 瀏覽 90 收藏 8 分鐘

文章對搜索控件進行了探究,但是面對具體的需求,還需要具體分析。搜索作為應用的重要功能,有著不可代替的作用。

搜索是應用一個很重要的功能,它可以讓用戶目的性查找,還可以通過搜索達到篩選的目的,下面我們就探討一下搜索控件,主要分為以下幾點:搜索的目的、搜索的原理、搜索的樣式、搜索的輔助、搜索的結果。

一、搜索目的

  1. 精確搜索,這類用戶對于自己的目標十分明確,輸入內容,直奔主題,像滴滴,地圖等。
  2. 內容太多,通過搜索減小范圍,類似于篩選,比如美團、愛奇藝。
  3. 通過搜索,看別人在做什么,因為一些產品經常會給出熱門搜索或者關鍵詞,幫助用戶找到內容,像app store,微博。

二、搜索原理

在用戶端比較簡單,就是一個搜索框,用戶輸入完,點擊搜索按鈕,即可完成一次搜索,但是后端是怎么完成的呢,我們來簡單了解一下。

首先解釋一下各種名詞的意思。

檢索器:檢索器進行分詞,從索引數據庫返回結果頁面。索引數據庫:根據關鍵詞的數量、位置、用戶體驗因素決定索引排名。索引器:將一個網頁分解成有多個關鍵詞構成的頁面,可以是正排索引、倒排索引。原始數據庫:將大量信息存儲其中??刂破鳎赫{度,調節抓取時間,進行簡單的分析,提取URL,清楚噪音。搜集器:爬蟲、蜘蛛下來下來給控制器。日志分析器:輔助決定排名結果。用戶行為數據:你的IP,輸入的數據、查詢的URL位置、動作。

以上是一個搜索引擎的原理,對于APP內部的搜索,不需要控制器和搜集器。主要是將APP里的內容存在數據庫里,然后索引器打上關鍵詞標簽,存在索引數據庫。當用戶搜索時,檢索器進行分詞,然后去索引數據庫提取,最后將提取的內容呈現給用戶,這就是搜索的原理。

三、搜索的樣式

  1. 圖標形式,通常放在左上角或者右上角,當有兩個圖標放在一起的時候,需要注意點擊尺寸。
  2. 搜索欄形式,占用空間比較大,但是比較直觀,不用用戶查找。
  3. 作為一個功能,放在底部菜單欄,通常因為其重要性比較大。

作為一個圖標展示和直接采用搜索欄的形式,都需要用戶點擊后,進入搜索頁面,對于點擊操作上沒有區別,但是搜索欄的形式更加明確,更易用戶找到。

四、搜索的輔助

  1. 熱門搜索,目前搜索量比較大的或者運營想讓你去搜的一些東西。
  2. 搜索歷史,用戶以前搜過的歷史,可能會再次查看。
  3. 搜索分類,結合分類,讓搜索的內容更加準確。
  4. 關聯詞輸入,當用戶輸入一個字的時候,所有和此相關的內容展現出來,輔助用戶輸入。
  5. 猜你喜歡,基于大數據內容,猜測用戶想搜索什么。

基于用戶不同的搜索場景,需要給出不同的搜索輔助。一個好的搜索輔助,會讓用戶愛上你的應用。就好像同花順炒股軟件,在搜索的時候,給出了搜索歷史,可以讓用戶再次查詢的時候減少輸入,并且提醒曾經看過什么股票,但是如果增加一個熱門搜索,看看大家都在看什么股票,對于一些用戶來說,肯定是一個很好的功能,可以為自己選股票提供選擇。

猜你喜歡功能,一般基于大數據,如果可以做到提供用戶真正想要的,那么會得到忠實的粉絲,如果推薦的都是無關的廣告,用戶會直接屏蔽掉,就像今日頭條里面的推薦,雖然不是搜索出來的結果,但是也是一種猜你喜歡,雖然里面也有廣告,但是即使是廣告,也是用戶感興趣的,所以讓用戶欲罷不能。

五、搜索的結果

1、當頁出結果,通常每個結果的內容信息比較少,即時就能出結果,點擊搜索后,鍵盤收起,查看結果。結果可以是單一的,也可以按照不同列別劃分,通常每個類別最多顯示3個數據項。因為每個結果內容較少,需要用戶進一步點擊了解詳情。例如即刻、脈脈。

2、新頁出結果,由于結果所含的內容較多,為了達到結果可控,選擇在一個新頁面顯示結果。在結果頁包括了用戶關注的大部分選項,通過對結果的瀏覽,就可以讓用戶有個大概了解,例如淘寶、美團。

3、沒有結果,簡單粗暴的形式就是告訴用戶,沒有結果。但是作為一個用戶體驗有好的應用,應該幫助用戶去查詢內容。百度的做法是對于輸入有誤的內容,幫助用戶糾正,提供相關的搜索:您是否要查找XXX;美團的做法是告訴你沒有相關內容,然后為你推薦一些內容。

結語

本文對搜索控件進行了探究,但是面對具體的需求,還需要具體分析,搜索作為應用的重要功能,有著不可代替的作用,可以探索的點還有很多,本文分析的只是當下的一些做法,未來還有很大的發展空間。

 

本文由 @設計Zan 原創發布于人人都是產品經理。未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 流程圖不清晰,辛苦重新發張清晰的

    來自北京 回復
  2. 干貨,辛苦了????

    回復