移動網(wǎng)站搜索框怎么設(shè)計(jì)？

移動互聯(lián)網(wǎng)時代，企業(yè)怎么少的了移動端網(wǎng)站呢?設(shè)計(jì)移動端網(wǎng)站，就包括了移動端搜索頁。那么移動端搜索頁怎么設(shè)計(jì)，我來告訴你!不同類型的網(wǎng)站，人們對搜索的需求也不一樣，這里將分為三類為大家詳細(xì)介紹。

重慶網(wǎng)站設(shè)計(jì)

寫在搜索前-搜索怎么放

1、搜索圖標(biāo)

在導(dǎo)航欄一側(cè)或其他位置放置，根據(jù)用戶場景和重要級需求決定。一般搜索圖標(biāo)放在右側(cè)，當(dāng)右側(cè)有兩個及以上按鈕時，考慮平鋪或折疊。

2、搜索欄

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

3、搜索作為標(biāo)簽欄中的某一個功能：根據(jù)內(nèi)容重要性決定排在第幾個標(biāo)簽中。

4、搜索以單獨(dú)頁面或主頁 P0 功能展現(xiàn)：直接作為主頁面或主頁以較大篇幅顯示搜索欄，內(nèi)容及形式根據(jù)用戶場景定義。

一、內(nèi)容類網(wǎng)站

創(chuàng)新互聯(lián)認(rèn)為閱讀、漫畫、視頻、廚房類的app都可以歸為內(nèi)容類。用戶在內(nèi)容類的產(chǎn)品中搜索時，很容易對關(guān)聯(lián)的其他內(nèi)容感興趣，當(dāng)產(chǎn)品做出適當(dāng)?shù)囊龑?dǎo)時，用戶可能就會去關(guān)注，并未其帶去流量。

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

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

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

看到【咚漫】的搜索頁，還是挺特別的。只有“熱門搜索”與“分類”，沒有搜索記錄。點(diǎn)擊分類中的類別直接跳轉(zhuǎn)到相應(yīng)類別頁面。看來它的搜索頁是以推廣、引導(dǎo)為主了。

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

二、電商類網(wǎng)站

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

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

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

三、工具類網(wǎng)站

工具類的產(chǎn)品一般是為用戶解決問題為主，相對來說運(yùn)營類的推送就會少一些。因此搜索頁面的結(jié)構(gòu)會相對簡單。

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

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

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

當(dāng)前名稱：移動網(wǎng)站搜索框怎么設(shè)計(jì)？
文章地址：http://www.bm7419.com/news34/224034.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、動態(tài)網(wǎng)站、用戶體驗(yàn)、靜態(tài)網(wǎng)站、網(wǎng)站設(shè)計(jì)公司、營銷型網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)