“這有個(gè)搜索功能要加一下，樣式我給你?！?/p>

“好?！?/p>

“這搜索框連個(gè)提示也沒(méi)有怎么搜？歷史記錄呢？模糊匹配呢？還有…..balabala”

“你也沒(méi)說(shuō)??！”

——來(lái)自設(shè)計(jì)獅與程序猿的日常

搜索作為大部分互聯(lián)網(wǎng)產(chǎn)品都具備的功能，直接影響著產(chǎn)品的用戶(hù)體驗(yàn)。在進(jìn)行搜索功能的設(shè)計(jì)時(shí)要以簡(jiǎn)單、高效為核心目標(biāo)，每一步的細(xì)節(jié)設(shè)計(jì)都要反復(fù)驗(yàn)證是否脫離了需求和核心目標(biāo)。

根據(jù)搜索的行為，可將其拆分為五步：搜索入口-搜索觸發(fā)-內(nèi)容輸入-點(diǎn)擊搜索-反饋結(jié)果。

一、搜索入口

搜索入口具有提示和引導(dǎo)操作的作用，主要類(lèi)型有四種：主頁(yè)搜索、搜索框、多條件搜索、搜索icon。

1. 主頁(yè)搜索

將搜索作為獨(dú)立的頁(yè)面，以搜索為導(dǎo)向，整個(gè)產(chǎn)品的使用圍繞搜索這一核心功能功能展開(kāi)。比較典型的如百度、谷歌等，搜索框功能強(qiáng)大，用戶(hù)可以進(jìn)行各種嘗試。谷歌主頁(yè)中的手氣不錯(cuò)以及百度搜索的個(gè)性化推薦和新聞，為產(chǎn)品引進(jìn)更多的流量，增加了用戶(hù)黏性。

2. 搜索框

這種是在網(wǎng)頁(yè)中最為常見(jiàn)的，應(yīng)用也最廣泛，大多居于頁(yè)面內(nèi)容區(qū)域的上方，有的出于節(jié)省空間和搜索需求的考量，也內(nèi)嵌在導(dǎo)航欄中。搜索框內(nèi)會(huì)有文字的提示，提示用戶(hù)搜索的方式，還有一些產(chǎn)品在搜索框內(nèi)放置當(dāng)前的熱詞、活動(dòng)、新功能等，將搜索框做成了運(yùn)營(yíng)的入口。

搜索框的后面一般會(huì)伴有搜索按鈕或放大鏡的icon，可點(diǎn)擊按鈕和鍵盤(pán)回車(chē)進(jìn)行搜索。在頁(yè)面滑動(dòng)時(shí)，搜索框一般會(huì)固定在頁(yè)面的頂端，用以提示用戶(hù)目前搜索內(nèi)容，同時(shí)也方便重新搜索。

3. 多條件搜索

多條件搜索的方式常見(jiàn)于旅游、出行類(lèi)的網(wǎng)站，如貓途鷹、攜程、東方航空等，需要輸入時(shí)間、地點(diǎn)、人員等信息，單一的搜索框不能滿(mǎn)足用戶(hù)的需求，多條件的搜索框一般置于頁(yè)面中較醒目的位置，引導(dǎo)用戶(hù)操作。

4. 搜索icon

頁(yè)面中僅僅展示搜索的icon，一般放在頁(yè)面的導(dǎo)航欄中偏右側(cè)的位置，點(diǎn)擊icon會(huì)拉出搜索框，典型的如站酷、ui中國(guó)等，還有的點(diǎn)擊icon會(huì)在頁(yè)面中喚醒搜索功能，如behance。

搜索icon的形式雖然可以節(jié)約導(dǎo)航欄的空間，但相對(duì)搜索框來(lái)說(shuō)對(duì)用戶(hù)的引導(dǎo)性較差，因此比較適合以搜索為輔助功能的產(chǎn)品。

二、搜索觸發(fā)

1. 搜索框觸

點(diǎn)擊搜索框或搜索icon，呈激活狀態(tài)，光標(biāo)在框內(nèi)閃動(dòng)，引導(dǎo)信息淡化或消失；有的搜索框還會(huì)伴隨彈出輔助區(qū)域，區(qū)域內(nèi)包含熱詞、搜索歷史等信息，典型如騰訊視頻、淘寶等。

2. 搜索形式

第一種是有搜索/確定按鈕或icon的搜索框，用戶(hù)輸入完成后可點(diǎn)擊按鈕進(jìn)行搜索，也可點(diǎn)擊鍵盤(pán)回車(chē)搜索；另一種是無(wú)搜索按鈕的搜索框，用戶(hù)需鍵盤(pán)回車(chē)搜索。

在網(wǎng)頁(yè)設(shè)計(jì)中，第一種應(yīng)用比較廣泛，第二種國(guó)外網(wǎng)站應(yīng)用較多，如dribbble等。還有一些搜索框內(nèi)添加了拍照、上傳圖片、語(yǔ)音輸入等功能，使得搜索方式更加多元化。

文章題目：網(wǎng)站建設(shè)中搜索功能的一些細(xì)節(jié)
文章鏈接：http://jinyejixie.com/news28/106578.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專(zhuān)注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司；服務(wù)項(xiàng)目有網(wǎng)站建設(shè)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(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)