|
一般的網(wǎng)站具有搜索的功能，是為了方便用戶(hù)的查找，是一個(gè)網(wǎng)站必須具備的元素之一，大家對搜索框的認識只停留在很重要，卻不知道不同的搜索框設計所帶來(lái)的作用是有差別的。 搜索框不需要設計？這是真的嗎？在整個(gè)網(wǎng)站設計中，搜索框的外觀(guān)要顯眼，方便用戶(hù)快速找到。網(wǎng)站站長(cháng)普遍認為搜索框只是一個(gè)輸入和提交內容的按鈕而已，因此他們根本不需要花時(shí)間設計。 但是由于錯誤觀(guān)念泛濫，站長(cháng)們也錯失了一些潛在的機會(huì )。由于設計上的缺失以及亮點(diǎn)不突出，用戶(hù)通常會(huì )被搜索框的位置弄得焦頭爛額，他們通常會(huì )點(diǎn)擊“返回”按鈕（離開(kāi)網(wǎng)頁(yè)）。因此，設計平庸，辨識度不高的搜索框就是導致這一切的元兇，如果想要網(wǎng)站獲得可觀(guān)的流量，但是網(wǎng)站轉化率卻低得離譜，這是不行的。 如果用戶(hù)對你的網(wǎng)站感到失望，搜索框則有助于留住用戶(hù)。在大量的網(wǎng)站中，真正帶給用戶(hù)絕佳體驗的少之又少，用戶(hù)有時(shí)還沒(méi)深入了解整個(gè)網(wǎng)站，可能就不斷點(diǎn)擊后退，離開(kāi)網(wǎng)頁(yè)了。如果用戶(hù)能進(jìn)行搜索，他們只需在搜索框中輸入自己想找的內容，上述問(wèn)題也就迎刃而解了。 在如今這個(gè)快速成功的社會(huì )，時(shí)間就是金錢(qián)。搜索框不僅能幫助用戶(hù)節約時(shí)間，還可帶給用戶(hù)高度愉悅和簡(jiǎn)潔的瀏覽體驗。 搜索框設計技巧 在為網(wǎng)站設計搜索框時(shí)，你可重點(diǎn)考慮以下建議： 1、搜索框要顯眼 搜索框要清晰可見(jiàn)，千萬(wàn)不可放在難以注意到的位置。即使你的網(wǎng)站主題是純白色，為搜索框設置黑色的邊框，選用紅色等亮色作為字體顏色，這都可能會(huì )解決搜索框不明顯的問(wèn)題。 2、搜索框要有搜索框的樣 你可以嘗試在搜索框設計中融入創(chuàng )意，但是不要把它弄得不倫不類(lèi)。這也是搜索框必須是框狀的原因。訪(fǎng)問(wèn)網(wǎng)站的用戶(hù)不會(huì )仔細瀏覽完整個(gè)網(wǎng)站的內容，他們只會(huì )關(guān)注自己感興趣的內容，而且許多學(xué)習條件是受制于他們的行為，在用搜索框進(jìn)行搜索時(shí)，實(shí)際上用圓角矩形的搜索框就可以了。 3、搜索框的位置 搜索框的位置對網(wǎng)站優(yōu)化和性能提升十分重要。一般的經(jīng)驗表明搜索框的最佳位置應在網(wǎng)站頂部的左上角或右上角，因為用戶(hù)希望節約時(shí)間和精力，直接搜索到他們所需的內容。但是受廣告等內容的影響，迫使設計者將搜索框放在頁(yè)面底部。這并沒(méi)真正解決搜索框在網(wǎng)站中的實(shí)用性問(wèn)題，必須避免。 另外，在每個(gè)網(wǎng)頁(yè)中都放入搜索框是一個(gè)明智的主意，即使用戶(hù)在網(wǎng)站中迷失，他們也能夠方便地找到需要的內容。 4、為提交按鈕取一個(gè)有創(chuàng )意的名字 搜索框的名字要取得有創(chuàng )意，不要簡(jiǎn)單地放上單調的“go”，“find”或“search”在旁邊。不管給它起什么名字，只要不為難用戶(hù)去猜意思就好。 5、為用戶(hù)提供分類(lèi)搜索 用戶(hù)可自由搜索各種分類(lèi)。同樣的思路，你也可以顯示分類(lèi)，用戶(hù)在輸入區域進(jìn)行搜索。在JavaScript的幫助下，用戶(hù)只需將鼠標懸停在搜索框上，即可顯示類(lèi)型或進(jìn)行用戶(hù)自定義搜索，從用戶(hù)的角度講，這是一個(gè)很棒的選擇。 設計者必須避免的錯誤 我們在試用其它網(wǎng)站的搜索時(shí)發(fā)現他們在搜索框的顯示上犯了不少錯。這些都是些很常見(jiàn)的錯誤，如果你希望通過(guò)搜索框優(yōu)化網(wǎng)站性能，那么就必須得避免這些問(wèn)題。 (1)隱藏搜索框 我們反復強調搜索框的明確顯示的必要性。不要把搜索框放在網(wǎng)站底部，放在網(wǎng)站的右上角效果會(huì )更好，如果網(wǎng)站設計得很混亂，用戶(hù)在沒(méi)有瀏覽到接近網(wǎng)站的底部時(shí)就已經(jīng)離開(kāi)網(wǎng)頁(yè)了。 (2)切忌輸入區域過(guò)短 (3)切忌提交按鈕過(guò)短 受網(wǎng)站設計限制，提交按鈕不應過(guò)長(cháng)，但是太短又會(huì )讓用戶(hù)感到失望，因為他們在鼠標點(diǎn)擊的準確性上又會(huì )有偏差，從而浪費搜索時(shí)間，還會(huì )被轉入到到一些不同頁(yè)面上。 (4)切勿將搜索框與其它菜單混排在一起 如果把搜索框和與新聞和導航條混排在一起，這是相當讓人不爽的事。這樣用戶(hù)很難在郵件訂閱或文章搜索欄中區分出搜索框。因此，搜索框應與其它菜單分開(kāi)排列。 (5)過(guò)度設計搜索框 不要因為搜索框要顯眼，在設計時(shí)就受到影響。雖然搜索框要清晰地展現出來(lái)，但也不要設計過(guò)度，以免影響到它的直觀(guān)性。 (6)沒(méi)必要提供高級搜索工具 高級搜索當然會(huì )有它的用處，但這會(huì )使本來(lái)簡(jiǎn)單的搜索變得更加復雜。因此，沒(méi)必要提供高級搜索工具，除非你是為了迎合懂技術(shù)的用戶(hù)。如果你只是搞定一般用戶(hù)，盡量保持搜索選項簡(jiǎn)單。 (7)一個(gè)搜索框有多個(gè)提交按鈕 這條建議非常有意思，我們很少看到有網(wǎng)站設置了多個(gè)搜索提交按鈕，比如同時(shí)有“go”和“find”。很明顯，這會(huì )擾亂按鈕的選擇。 (8)如果在網(wǎng)站設計中，你遵從了以上建議，我們相信一個(gè)高效的搜索框能夠起到優(yōu)化網(wǎng)站性能的用。 |
嘉興雷鳥(niǎo)是一家集企業(yè)軟件開(kāi)發(fā)，WEB網(wǎng)站建設，移動(dòng)APP制作等綜合型的互聯(lián)網(wǎng)公司，為嘉興顧客提供一站式的企業(yè)軟件開(kāi)發(fā)，安卓app開(kāi)發(fā)，ios開(kāi)發(fā)服務(wù)，同時(shí)為嘉興企業(yè)提供全面移動(dòng)互聯(lián)軟件技術(shù)解決方案，是嘉興知名的綜合型APP軟件外包開(kāi)發(fā)公司。根據前期調研方案和客戶(hù)實(shí)際需求，以專(zhuān)業(yè)獨到的設計理念、精益求精的技術(shù)精神、嚴格完善的品控系統，為嘉興每一位客戶(hù)提供專(zhuān)屬的移動(dòng)互聯(lián)軟件技術(shù)解決方案。經(jīng)過(guò)不斷積累，嘉興雷鳥(niǎo)陸續推出視頻直播APP、電商商城APP、P2P網(wǎng)貸APP、智能硬件APP開(kāi)發(fā)、移動(dòng)APP開(kāi)發(fā)、微信公眾平臺開(kāi)發(fā)、一元購APP、智慧社區服務(wù)APP、生活服務(wù)O2O系統APP等各類(lèi)APP產(chǎn)品，為嘉興各行企業(yè)向移動(dòng)互聯(lián)網(wǎng)轉型奠定了堅實(shí)基礎。在激烈的市場(chǎng)競爭中，嘉興雷鳥(niǎo)創(chuàng )造了嘉興軟件定制開(kāi)發(fā)行業(yè)的卓越口碑，是具有更高品質(zhì)的移動(dòng)互聯(lián)網(wǎng)軟件技術(shù)定制服務(wù)商。
