一、位置的選擇
搜索框需要放在網(wǎng)站明顯的位置，可以讓客戶(hù)一眼就能注意到。搜索框只針對(duì)站內(nèi)信息的搜索，企業(yè)不要把站外（如百度搜索、360搜索）這些充當(dāng)站內(nèi)搜索，這只會(huì)跳出站外，無(wú)法與本站關(guān)聯(lián)。所以搜索框的目標(biāo)就是本網(wǎng)站，位置明顯，只有注意到這個(gè)功能才會(huì)想著去使用，要讓搜索框方便和明顯展示。然后搜索框的邊框在顏色設(shè)計(jì)上好選擇與網(wǎng)站對(duì)比度較高的，這么做的效果主要易于被客戶(hù)發(fā)現(xiàn)，讓搜索功能更突出。
第二、美化元素
搜索框需要以簡(jiǎn)潔的姿態(tài)展示出來(lái)，除了邊框顏色，不建議選擇太多美化元素，搜索框的設(shè)計(jì)主要是體現(xiàn)功能應(yīng)用，而不是用美化元素來(lái)影響客戶(hù)操作。有些網(wǎng)站因?yàn)樵趦?nèi)容選擇方面，篩選項(xiàng)目比較多，對(duì)于搜索框會(huì)有針對(duì)一些特征來(lái)搜索。那么企業(yè)可以在搜索框旁邊增加幾個(gè)字：高級(jí)搜索，讓客戶(hù)可以選擇性的點(diǎn)擊。同時(shí)在搜索框的中間增加一個(gè)如放大鏡一般的小圖標(biāo)，來(lái)襯托這個(gè)搜索功能。這也符合客戶(hù)瀏覽習(xí)慣，一看到圖標(biāo)就知道是搜索用的。
第三、尺寸的設(shè)計(jì)
不同位置的搜索框，對(duì)于長(zhǎng)度需要合理地設(shè)計(jì)。像一些商城平臺(tái)的網(wǎng)站，通常會(huì)在頂部設(shè)計(jì)搜索框，其寬度幾乎是整個(gè)顯示器的一半，基本可以定義為商城平臺(tái)搜索框標(biāo)準(zhǔn)為屏幕50%寬度。當(dāng)然，這主要根據(jù)網(wǎng)站風(fēng)格來(lái)衡量搜索框的寬度。普通展示型網(wǎng)站可以選擇30%寬度，而購(gòu)物商城之類(lèi)50%能獲取更好的體驗(yàn)效果。還有一些以數(shù)據(jù)查詢(xún)?yōu)橹鞯木W(wǎng)站，如果不在頂部設(shè)計(jì)搜索框，可以考慮在產(chǎn)品分類(lèi)處設(shè)計(jì)一個(gè)小的搜索框。

第四、關(guān)鍵詞提示
經(jīng)常使用百度搜索的，應(yīng)該有這樣的體會(huì)。當(dāng)你在輸入一兩個(gè)字時(shí)，就會(huì)彈出下拉框，框里有相關(guān)的關(guān)鍵詞提示，如果里面有你想要找的內(nèi)容，你就會(huì)去點(diǎn)擊，是不是感覺(jué)很方便？好像搜索框懂得自己的需求。所以，建議企業(yè)可以在站內(nèi)搜索框里也有同樣的設(shè)計(jì)理念。。通常這些提示都是根據(jù)搜索量來(lái)展示，把一些搜索較多的詞推到前面。

文章標(biāo)題：網(wǎng)站的搜索框怎么設(shè)計(jì)才更好
文章轉(zhuǎn)載：http://www.rwnh.cn/news/244535.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、域名注冊(cè)、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站制作、定制網(wǎng)站、App開(kāi)發(fā)

廣告

聲明：本網(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)