2013-06-12 分類(lèi): 網(wǎng)站建設(shè)
移動(dòng)互聯(lián)網(wǎng)時(shí)代,企業(yè)怎么少的了移動(dòng)端網(wǎng)站呢?設(shè)計(jì)移動(dòng)端網(wǎng)站,就包括了移動(dòng)端搜索頁(yè)。那么移動(dòng)端搜索頁(yè)怎么設(shè)計(jì),我來(lái)告訴你!不同類(lèi)型的網(wǎng)站,人們對(duì)搜索的需求也不一樣,這里將分為三類(lèi)為大家詳細(xì)介紹。
寫(xiě)在搜索前-搜索怎么放
1、搜索圖標(biāo)
在導(dǎo)航欄一側(cè)或其他位置放置,根據(jù)用戶(hù)場(chǎng)景和重要級(jí)需求決定。一般搜索圖標(biāo)放在右側(cè),當(dāng)右側(cè)有兩個(gè)及以上按鈕時(shí),考慮平鋪或折疊。
2、搜索欄
以搜索欄的形式直接放在導(dǎo)航欄或放在導(dǎo)航欄下方等其他位置,此時(shí)搜索欄可結(jié)合語(yǔ)音、拍照、刪除(在輸入后顯示)等功能按鈕。
3、搜索作為標(biāo)簽欄中的某一個(gè)功能:根據(jù)內(nèi)容重要性決定排在第幾個(gè)標(biāo)簽中。
4、搜索以單獨(dú)頁(yè)面或主頁(yè) P0 功能展現(xiàn):直接作為主頁(yè)面或主頁(yè)以較大篇幅顯示搜索欄,內(nèi)容及形式根據(jù)用戶(hù)場(chǎng)景定義。
一、內(nèi)容類(lèi)網(wǎng)站
創(chuàng)新互聯(lián)認(rèn)為閱讀、漫畫(huà)、視頻、廚房類(lèi)的app都可以歸為內(nèi)容類(lèi)。用戶(hù)在內(nèi)容類(lèi)的產(chǎn)品中搜索時(shí),很容易對(duì)關(guān)聯(lián)的其他內(nèi)容感興趣,當(dāng)產(chǎn)品做出適當(dāng)?shù)囊龑?dǎo)時(shí),用戶(hù)可能就會(huì)去關(guān)注,并未其帶去流量。
比如【得到】搜索頁(yè)顯示“搜索記錄”與“熱門(mén)搜索”。搜索記錄最多展示兩行,以便節(jié)省頁(yè)面空間,也可以展開(kāi)顯示所有搜索記錄。搜索記錄可以直接逐條刪除,用戶(hù)操作起來(lái)相對(duì)便捷?!盁衢T(mén)搜索”的行數(shù)固定,這樣即便是彈出輸入框時(shí)也不會(huì)遮擋內(nèi)容。且為了提高某些條目的UV,對(duì)其做圖標(biāo)凸顯。同時(shí)搜索框內(nèi),灰度展示推薦搜索內(nèi)容,一方面替代搜索說(shuō)明文字,一方面引導(dǎo)用戶(hù)搜索推薦內(nèi)容。
【站酷】的搜索頁(yè)。除了有“最近搜索“和”熱門(mén)搜索“之外,還增加了分類(lèi)搜索功能。加上分類(lèi)功能之后,產(chǎn)品給用戶(hù)做了進(jìn)一步篩選,就更加縮短了用戶(hù)的搜索路徑。不過(guò)搜索記錄不能刪除,每次展示一行,新的記錄會(huì)擠掉舊的記錄。
【豆瓣閱讀】的搜索頁(yè)。熱門(mén)搜索以圖文的形式展示,書(shū)籍封面、名稱(chēng)以及作者這些讀者比較關(guān)注的內(nèi)容,甚至還有評(píng)分。這樣就大大增加了推薦的說(shuō)服力,為成功推薦推波助瀾。這里的搜索記錄刪除,一鍵刪除所有,且沒(méi)有確認(rèn)提示,哈哈,就是這么猝不及防。
看到【咚漫】的搜索頁(yè),還是挺特別的。只有“熱門(mén)搜索”與“分類(lèi)”,沒(méi)有搜索記錄。點(diǎn)擊分類(lèi)中的類(lèi)別直接跳轉(zhuǎn)到相應(yīng)類(lèi)別頁(yè)面??磥?lái)它的搜索頁(yè)是以推廣、引導(dǎo)為主了。
【好好住】的搜索頁(yè),除了“搜索記錄”、“大家都在搜“之外,直接多圖推廣。這么直接、有視覺(jué)沖擊的推廣方式,效果應(yīng)該很不錯(cuò)。
二、電商類(lèi)網(wǎng)站
電商類(lèi)的,搜索記錄還是挺重要的,畢竟很多時(shí)候用戶(hù)是有目的的購(gòu)物的,且會(huì)反復(fù)搜索對(duì)比。
【淘寶】的搜索頁(yè),有分類(lèi)、歷史搜索、搜索發(fā)現(xiàn)。且支持圖片、語(yǔ)音搜索,滿(mǎn)足用戶(hù)的多種需求。歷史搜索顯示有限數(shù)量,也是一鍵刪除,不過(guò)有提示。搜索發(fā)現(xiàn)是可以隱藏,讓用戶(hù)自主選擇是否需要接收推薦,也是很人性了。
【京東】的搜索頁(yè)基本上和淘寶的類(lèi)似,支持語(yǔ)音、圖片搜索,可以隱藏推薦搜索,避免干擾用戶(hù)。它的亮點(diǎn)是頁(yè)面底部顯示常購(gòu)清單。一方面方便用戶(hù)直接點(diǎn)擊購(gòu)買(mǎi);另一方面提醒用戶(hù),避免必備品斷檔。
三、工具類(lèi)網(wǎng)站
工具類(lèi)的產(chǎn)品一般是為用戶(hù)解決問(wèn)題為主,相對(duì)來(lái)說(shuō)運(yùn)營(yíng)類(lèi)的推送就會(huì)少一些。因此搜索頁(yè)面的結(jié)構(gòu)會(huì)相對(duì)簡(jiǎn)單。
【花瓣】的搜索頁(yè)面,只有簡(jiǎn)單的搜索歷史,沒(méi)有任何的推廣,也是很剛了。
【夸克】瀏覽器的搜索頁(yè),也是只有搜索結(jié)果頁(yè)。相對(duì)簡(jiǎn)單粗暴。
企業(yè)在設(shè)計(jì)移動(dòng)端搜索框的時(shí)候,需根據(jù)具體業(yè)務(wù)需求,才能設(shè)計(jì)出符合用戶(hù)體驗(yàn)的設(shè)計(jì)。需要注意,由于內(nèi)容類(lèi)、電商類(lèi)網(wǎng)站對(duì)運(yùn)營(yíng)推廣有目的,所以在搜索框中會(huì)增加圖片形式、圖標(biāo)凸顯等以增加推薦的吸引力。而工具類(lèi)APP網(wǎng)站是為了幫助用戶(hù)完成任務(wù),所以需要將搜索框設(shè)計(jì)的盡可能簡(jiǎn)單,以減少對(duì)用戶(hù)的干擾。
新聞名稱(chēng):移動(dòng)網(wǎng)站搜索框怎么設(shè)計(jì)?
瀏覽路徑:http://jinyejixie.com/news/7702.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)建站、建站公司、靜態(tài)網(wǎng)站、服務(wù)器托管、App開(kāi)發(fā)、外貿(mào)網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容