首頁>建站動態>移動端搜索頁怎么設計,我來告訴你!

動態詳情

移動端搜索頁怎么設計,我來告訴你!

新聞作者:北京建站     2019-08-25 20:44:37      新聞來源:建站人      訪問量:932

  移動互聯網時代,企業怎么少的了移動端網站呢?設計移動端網站,就包括了移動端搜索頁。那么移動端搜索頁怎么設計,我來告訴你!不同類型的網站,人們對搜索的需求也不一樣,這里將分為三類為大家詳細介紹。

  寫在搜索前-搜索怎么放
 

移動端搜索頁怎么設計,我來告訴你!1


  1、搜索圖標

  在導航欄一側或其他位置放置,根據用戶場景和重要級需求決定。一般搜索圖標放在右側,當右側有兩個及以上按鈕時,考慮平鋪或折疊。

  2、搜索欄

  以搜索欄的形式直接放在導航欄或放在導航欄下方等其他位置,此時搜索欄可結合語音、拍照、刪除(在輸入后顯示)等功能按鈕。

  3、搜索作為標簽欄中的某一個功能:根據內容重要性決定排在第幾個標簽中。

  4、搜索以單獨頁面或主頁 P0 功能展現:直接作為主頁面或主頁以較大篇幅顯示搜索欄,內容及形式根據用戶場景定義。

  一、內容類網站
 

移動端搜索頁怎么設計,我來告訴你!2


  建站人認為閱讀、漫畫、視頻、廚房類的app都可以歸為內容類。用戶在內容類的產品中搜索時,很容易對關聯的其他內容感興趣,當產品做出適當的引導時,用戶可能就會去關注,并未其帶去流量。

  比如【得到】搜索頁顯示“搜索記錄”與“熱門搜索”。搜索記錄最多展示兩行,以便節省頁面空間,也可以展開顯示所有搜索記錄。搜索記錄可以直接逐條刪除,用戶操作起來相對便捷。“熱門搜索”的行數固定,這樣即便是彈出輸入框時也不會遮擋內容。且為了提高某些條目的UV,對其做圖標凸顯。同時搜索框內,灰度展示推薦搜索內容,一方面替代搜索說明文字,一方面引導用戶搜索推薦內容。

  【站酷】的搜索頁。除了有“最近搜索“和”熱門搜索“之外,還增加了分類搜索功能。加上分類功能之后,產品給用戶做了進一步篩選,就更加縮短了用戶的搜索路徑。不過搜索記錄不能刪除,每次展示一行,新的記錄會擠掉舊的記錄。

  【豆瓣閱讀】的搜索頁。熱門搜索以圖文的形式展示,書籍封面、名稱以及作者這些讀者比較關注的內容,甚至還有評分。這樣就大大增加了推薦的說服力,為成功推薦推波助瀾。這里的搜索記錄刪除,一鍵刪除所有,且沒有確認提示,哈哈,就是這么猝不及防。

  看到【咚漫】的搜索頁,還是挺特別的。只有“熱門搜索”與“分類”,沒有搜索記錄。點擊分類中的類別直接跳轉到相應類別頁面。看來它的搜索頁是以推廣、引導為主了。

  【好好住】的搜索頁,除了“搜索記錄”、“大家都在搜“之外,直接多圖推廣。這么直接、有視覺沖擊的推廣方式,效果應該很不錯。

  二、電商類網站
 

移動端搜索頁怎么設計,我來告訴你!3


  電商類的,搜索記錄還是挺重要的,畢竟很多時候用戶是有目的的購物的,且會反復搜索對比。

  【淘寶】的搜索頁,有分類、歷史搜索、搜索發現。且支持圖片、語音搜索,滿足用戶的多種需求。歷史搜索顯示有限數量,也是一鍵刪除,不過有提示。搜索發現是可以隱藏,讓用戶自主選擇是否需要接收推薦,也是很人性了。

  【京東】的搜索頁基本上和淘寶的類似,支持語音、圖片搜索,可以隱藏推薦搜索,避免干擾用戶。它的亮點是頁面底部顯示常購清單。一方面方便用戶直接點擊購買;另一方面提醒用戶,避免必備品斷檔。

  三、工具類網站
 

移動端搜索頁怎么設計,我來告訴你!4


  工具類的產品一般是為用戶解決問題為主,相對來說運營類的推送就會少一些。因此搜索頁面的結構會相對簡單。

  【花瓣】的搜索頁面,只有簡單的搜索歷史,沒有任何的推廣,也是很剛了。

  【夸克】瀏覽器的搜索頁,也是只有搜索結果頁。相對簡單粗暴。

  企業在設計移動端搜索框的時候,需根據具體業務需求,才能設計出符合用戶體驗的設計。需要注意,由于內容類、電商類網站對運營推廣有目的,所以在搜索框中會增加圖片形式、圖標凸顯等以增加推薦的吸引力。而工具類APP網站是為了幫助用戶完成任務,所以需要將搜索框設計的盡可能簡單,以減少對用戶的干擾。

發布評論:

昵稱:

暫無評論

友情鏈接:
京ICP備16060213號-2  北京雙立人網絡科技有限公司  版權所有 Copyright©2018 www.tyilpoa.cn All Rights Reserved
聯系電話:400-002-0761(7d×24h)       
 
 

立即定制  

  • 項目名稱:
  • 聯系人:
  • 聯系QQ:
  • 所屬行業:
  • 聯系電話:
  • 聯系Email:
  • 需求概要:
不输本金600不倒翁玩法