文章介紹了當(dāng)今主流瀏覽器及部分小眾瀏覽器的搜索框設(shè)計(jì)思路，希望大家可以從中獲取一些靈感。

在瀏覽器中，搜索框無疑處于相當(dāng)重要的一環(huán)——瀏覽器滿足的核心需求是搜索，而搜索框正是打開這一基本功能的“鑰匙”。一個(gè)好的搜索框?qū)τ脩趔w驗(yàn)的提升影響是很大的，從頁面布局到功能設(shè)計(jì)，如何做到滿足用戶需求甚至擊中用戶痛點(diǎn)都是需要仔細(xì)斟酌的。今天我在這里將介紹一下當(dāng)今主流瀏覽器及部分小眾瀏覽器的搜索框設(shè)計(jì)思路，希望大家可以從中獲取一些靈感。

在當(dāng)前的手機(jī)瀏覽器中，搜索框已經(jīng)和網(wǎng)址欄融為了一體，其滿足的基本需求正如同框里那七個(gè)灰字：“搜索或輸入網(wǎng)址”，用戶通過在搜索框里輸入關(guān)鍵字或網(wǎng)址的方式來找到本身希望獲取的信息。圍繞這一核心點(diǎn)，產(chǎn)品經(jīng)理們?cè)谒阉鹘缑嫔匣ㄙM(fèi)了不少心思使其使用體驗(yàn)變得更好。在這個(gè)環(huán)節(jié)我將介紹一下搜索框基本的設(shè)計(jì)思路。

當(dāng)我們?cè)跒g覽器的主界面點(diǎn)擊搜索框時(shí)，瀏覽器通常會(huì)跳轉(zhuǎn)到搜索界面，輸入法自動(dòng)彈出，搜索框高高在上左邊是搜索圖標(biāo)右邊為取消按鈕，搜索記錄則不才方以列表的形式出現(xiàn)。清除搜索記錄的圖標(biāo)是必不成少的，位置一般在搜索記錄的最下方但我更喜歡神奇瀏覽器的布局——?jiǎng)h除記錄以圖標(biāo)的形式呈現(xiàn)并在記錄的右上方以便利用戶點(diǎn)擊。在輸入關(guān)鍵字時(shí)搜索框下方會(huì)出現(xiàn)一系列的聯(lián)想，而在點(diǎn)擊某條聯(lián)想右邊的箭頭后，我們會(huì)發(fā)現(xiàn)該聯(lián)想進(jìn)入搜索框并引發(fā)了又一系列的聯(lián)想。在點(diǎn)擊前往按鈕/搜索記錄/聯(lián)想后我們將進(jìn)入搜索結(jié)果頁面，搜索這一步驟正式完成。

從上述的描述中我們可以發(fā)現(xiàn)移動(dòng)端瀏覽器與PC瀏覽器的搜索過程并紛歧樣，在傳統(tǒng)的瀏覽器中，沒有專門的搜索頁面也不會(huì)出現(xiàn)多次聯(lián)想，而在移動(dòng)端這似乎成了標(biāo)配。其實(shí)這也是不得已的舉措——與電腦比擬手機(jī)的屏幕實(shí)在太小，況且輸入鍵盤也會(huì)占掉將近一半的空間，瀏覽器必需得給予一個(gè)單獨(dú)的界面讓其實(shí)現(xiàn)搜索功能。事實(shí)上，如何在這個(gè)界面加入更多輔助搜索的功能，是很多人都在思考的問題。

如同上面講的那樣，越來越多的開發(fā)者開始在搜索框上添加一些功能來使得搜索變得更加便利與有效。如今一些主流的瀏覽器都會(huì)主動(dòng)對(duì)搜索框做進(jìn)一步的優(yōu)化來提升用戶的體驗(yàn)。

首先在搜索引擎方面，瀏覽器一般是允許點(diǎn)擊搜索框中最左邊的圖標(biāo)來進(jìn)行切換的。通常的搜索引擎是百度、谷歌、搜狗、必應(yīng)、神馬與360，一般視瀏覽器開發(fā)公司與這幾家搜索公司的關(guān)系而定。值得一提的是小眾瀏覽器在引擎的選擇上比主流瀏覽器更多，甚至可以自定義搜索引擎。而一些自己就在做搜索業(yè)務(wù)的瀏覽器反而拘謹(jǐn)?shù)亩?，好比百度瀏覽器只支持使用百度搜索。

其次一些瀏覽器會(huì)加入語音搜索和掃描，用戶通過說出關(guān)鍵字便可以進(jìn)行搜索，語音搜索的技術(shù)要求比較高，所以在小眾瀏覽器上很難見到，主流瀏覽器雖然大都添加了這一功能但是效果并欠好。當(dāng)前大部分的手機(jī)用戶并不習(xí)慣語音文字輸入而且語音識(shí)另外精度仍有待加強(qiáng)。二維碼掃描則是很多瀏覽器都附帶的功能，用戶可以通過掃描二維碼來進(jìn)入詳情界面。但我個(gè)人并不看好這一功能——目前主流的二維碼掃描場(chǎng)景中大多都是有專門應(yīng)用出現(xiàn)的，好比支付寶二維碼和微信的二維碼，瀏覽器的二維碼掃描在這些使用環(huán)境中顯得相當(dāng)雞肋。

最后在大部分瀏覽器中都會(huì)有這樣一個(gè)比較不顯眼的功能——用戶復(fù)制文字后，在搜索框中長按會(huì)出現(xiàn)粘貼并搜索這一選項(xiàng)。在UC瀏覽器中，復(fù)制的文字會(huì)自動(dòng)出現(xiàn)在搜索框中，更是進(jìn)一步精簡了搜索步驟，但隨之而來也出現(xiàn)了一個(gè)問題——假如用戶復(fù)制了一大段并不準(zhǔn)備搜索的文字，搜索框中同樣會(huì)出現(xiàn)這一段文字，用戶還得去刪掉它。這樣一看，又無形中為用戶增添了負(fù)擔(dān)，所以如何更好地優(yōu)化“粘貼搜索”是一個(gè)值得探討的問題。

經(jīng)過上面的講述，你可能以為搜索框在瀏覽器中其實(shí)是同質(zhì)化比較嚴(yán)重的設(shè)計(jì)點(diǎn)。但在目前的主流瀏覽器中，搜索框其實(shí)是有屬于它們本身的獨(dú)特優(yōu)勢(shì)的。

在QQ瀏覽器里，用戶可以選擇添加搜索標(biāo)簽。好比搜索“乒乓球”，添加“熱點(diǎn)”標(biāo)簽后的搜索結(jié)果會(huì)是當(dāng)前關(guān)于乒乓球的熱點(diǎn)新聞，而選擇“應(yīng)用”標(biāo)簽則會(huì)出現(xiàn)一系列的關(guān)于乒乓球的應(yīng)用。從圖中我們可以看到騰訊憑借著強(qiáng)大的內(nèi)容生態(tài)圈將瀏覽器打造成了拉升其他產(chǎn)品流量的入口。

標(biāo)簽：東營 烏魯木齊 九江 鹽城 林芝