移動網站搜索框怎么設計？
2013-06-12 分類： 網站建設
移動互聯網時代，企業怎么少的了移動端網站呢?設計移動端網站，就包括了移動端搜索頁。那么移動端搜索頁怎么設計，我來告訴你!不同類型的網站，人們對搜索的需求也不一樣，這里將分為三類為大家詳細介紹。
寫在搜索前-搜索怎么放
1、搜索圖標
在導航欄一側或其他位置放置，根據用戶場景和重要級需求決定。一般搜索圖標放在右側，當右側有兩個及以上按鈕時，考慮平鋪或折疊。
2、搜索欄
以搜索欄的形式直接放在導航欄或放在導航欄下方等其他位置，此時搜索欄可結合語音、拍照、刪除(在輸入后顯示)等功能按鈕。
3、搜索作為標簽欄中的某一個功能：根據內容重要性決定排在第幾個標簽中。
4、搜索以單獨頁面或主頁 P0 功能展現：直接作為主頁面或主頁以較大篇幅顯示搜索欄，內容及形式根據用戶場景定義。
一、內容類網站
創新互聯認為閱讀、漫畫、視頻、廚房類的app都可以歸為內容類。用戶在內容類的產品中搜索時，很容易對關聯的其他內容感興趣，當產品做出適當的引導時，用戶可能就會去關注，并未其帶去流量。
比如【得到】搜索頁顯示“搜索記錄”與“熱門搜索”。搜索記錄最多展示兩行，以便節省頁面空間，也可以展開顯示所有搜索記錄。搜索記錄可以直接逐條刪除，用戶操作起來相對便捷。“熱門搜索”的行數固定，這樣即便是彈出輸入框時也不會遮擋內容。且為了提高某些條目的UV，對其做圖標凸顯。同時搜索框內，灰度展示推薦搜索內容，一方面替代搜索說明文字，一方面引導用戶搜索推薦內容。
【站酷】的搜索頁。除了有“最近搜索“和”熱門搜索“之外，還增加了分類搜索功能。加上分類功能之后，產品給用戶做了進一步篩選，就更加縮短了用戶的搜索路徑。不過搜索記錄不能刪除，每次展示一行，新的記錄會擠掉舊的記錄。
【豆瓣閱讀】的搜索頁。熱門搜索以圖文的形式展示，書籍封面、名稱以及作者這些讀者比較關注的內容，甚至還有評分。這樣就大大增加了推薦的說服力，為成功推薦推波助瀾。這里的搜索記錄刪除，一鍵刪除所有，且沒有確認提示，哈哈，就是這么猝不及防。
看到【咚漫】的搜索頁，還是挺特別的。只有“熱門搜索”與“分類”，沒有搜索記錄。點擊分類中的類別直接跳轉到相應類別頁面。看來它的搜索頁是以推廣、引導為主了。
【好好住】的搜索頁，除了“搜索記錄”、“大家都在搜“之外，直接多圖推廣。這么直接、有視覺沖擊的推廣方式，效果應該很不錯。
二、電商類網站
電商類的，搜索記錄還是挺重要的，畢竟很多時候用戶是有目的的購物的，且會反復搜索對比。
【淘寶】的搜索頁，有分類、歷史搜索、搜索發現。且支持圖片、語音搜索，滿足用戶的多種需求。歷史搜索顯示有限數量，也是一鍵刪除，不過有提示。搜索發現是可以隱藏，讓用戶自主選擇是否需要接收推薦，也是很人性了。
【京東】的搜索頁基本上和淘寶的類似，支持語音、圖片搜索，可以隱藏推薦搜索，避免干擾用戶。它的亮點是頁面底部顯示常購清單。一方面方便用戶直接點擊購買;另一方面提醒用戶，避免必備品斷檔。
三、工具類網站
工具類的產品一般是為用戶解決問題為主，相對來說運營類的推送就會少一些。因此搜索頁面的結構會相對簡單。
【花瓣】的搜索頁面，只有簡單的搜索歷史，沒有任何的推廣，也是很剛了。
【夸克】瀏覽器的搜索頁，也是只有搜索結果頁。相對簡單粗暴。
企業在設計移動端搜索框的時候，需根據具體業務需求，才能設計出符合用戶體驗的設計。需要注意，由于內容類、電商類網站對運營推廣有目的，所以在搜索框中會增加圖片形式、圖標凸顯等以增加推薦的吸引力。而工具類APP網站是為了幫助用戶完成任務，所以需要將搜索框設計的盡可能簡單，以減少對用戶的干擾。
文章名稱：移動網站搜索框怎么設計？
轉載源于：http://m.js-pz168.com/news2/7702.html
成都網站建設公司_創新互聯，為您提供品牌網站建設、云服務器、微信小程序、Google、商城網站、做網站
聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯
猜你還喜歡下面的內容
- 網站設計師需知的色彩理論 2013-06-11
- 成都網站設計制作：聯系我們頁面看似簡單，實則復雜！ 2013-06-10
- 為何網站建設排名不是很好 原因有哪些? 2014-04-11
- 野獸主義的網站設計有什么特征 2013-06-09
- 要避免的3個基本Web設計錯誤 2013-06-09
- 做企業網站到底做給誰看？ 2013-06-13
- 網站內頁排名怎么做？ 2014-04-11
- 自適應網站建設的三個規范-成都網站設計公司 2023-03-28
- 網站設計公司談關于界面規劃的相關技巧 2023-03-27
- 河西區網站設計公司對網站建設目的的分析 2023-03-21
- 如何找到一個滿意的鄭州網站設計公司 2023-03-19
- 網站設計公司哪家好？ 2023-03-18
- 圖像和文字哪一個在網站設計中更重要？ 2013-06-11
- 一個網站設計的壽命時長！ 2013-06-10
- 社交媒體對網站設計的影響有多少？ 2013-06-10
- 企業國際站點怎么做？ 2013-08-26
- 怎樣制作一個網站？都有哪些建站方式？ 2013-05-04
- 網站要順暢運行需要什么條件？ 2013-08-25
- 模板網站真的不利于優化嗎? 2014-04-11
- 網站設計公司是怎么設計網站的？ 2023-04-16
- 如何選擇網站設計公司服務 2023-04-11
- 成都網站設計公司的網站設計與建設能力 2023-03-27
- 【成都網站設計公司】網站設計要避免哪些陷阱? 2023-03-26
- 網站設計公司常被忽視的重要因素 2023-03-26
- 便宜的成都網站設計公司有哪些缺點？ 2023-03-25
- 成都網站設計公司：手機網站如何設計？ 2023-03-22
- 網站設計公司如何正確選擇圖片 2023-03-18
- 一個優秀的網站必定能讓企業網絡營銷更上一層樓！ 2013-08-25
- 外貿營銷人員必知的7個鏈接知識！ 2013-06-09
- 企業網站關鍵詞流量出現異常的原因是什么？網站站長該如何解決？ 2014-04-11
- 網頁設計的版面視覺特點是怎樣的？ 2013-06-08
- 如何讓我們網頁設計更具特色優勢？ 2013-06-07
- 什么是鄭州網站設計公司移動網站建設流程 2023-03-18
- 鄭州網站設計公司網站改版的那點事 2023-03-14
- 金山網站建設_網絡營銷_網站設計公司 2023-03-14
- 成都網站設計公司淺談橙色的妙用 2023-03-12
- 網站設計公司應具備哪些特質？如何與客戶進行有效溝通？ 2023-03-12