中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

網(wǎng)站搜索欄設(shè)計(jì)指南:要不要?怎么設(shè)計(jì)?

2017-02-11    分類: 網(wǎng)站建設(shè)

成都網(wǎng)站設(shè)計(jì)過程中,搜索欄是一個(gè)很容易被忽略的部分,但用戶卻依賴它來尋找特定的信息。由于搜索欄是網(wǎng)站中最常用的元素之一,所以搜索欄的設(shè)計(jì)對(duì)用戶體驗(yàn)有著重要的影響。

搜索

網(wǎng)站是否需要搜索欄?

搜索欄使用背后的思維和心理是幫助用戶快速找到信息。搜索欄對(duì)于內(nèi)容復(fù)雜、超過100頁的網(wǎng)站非常有用。在企業(yè)對(duì)消費(fèi)者(B2C)領(lǐng)域,搜索欄用于大型電子商務(wù)網(wǎng)站、新聞網(wǎng)站、交易網(wǎng)站和預(yù)訂網(wǎng)站,幫助用戶輕松找到信息。它們也被用于大型B2B站點(diǎn),這些站點(diǎn)有許多客戶細(xì)分和產(chǎn)品線。

如果是一個(gè)只有很少頁面的小站點(diǎn),那么可能不需要一個(gè)搜索欄,但是隨著站點(diǎn)的增長,那就將需要它。

創(chuàng)建搜索欄時(shí)要考慮的因素

搜索欄通常由兩個(gè)UI元素組成:一個(gè)輸入字段和一個(gè)按鈕。然而,搜索欄的設(shè)計(jì)對(duì)用戶在你的網(wǎng)站上找到他們想要的信息的速度有很大的影響。我們認(rèn)為,設(shè)計(jì)搜索欄的時(shí)候需要考慮如下問題:

突出顯示你的搜索欄:讓網(wǎng)站搜索欄很容易發(fā)現(xiàn),把它顯示在你的網(wǎng)站顯著位置。

避免將搜索框隱藏在下拉菜單中或隱藏在搜索圖標(biāo)后面(漸進(jìn)式披露),因?yàn)檫@會(huì)讓用戶很難找到它。此外,當(dāng)你隱藏你的搜索欄時(shí),你添加了一個(gè)額外的動(dòng)作,用戶必須在搜索你的網(wǎng)站之前采取。

搜索欄加入放大鏡圖標(biāo):圖標(biāo)作為一個(gè)動(dòng)作或一個(gè)物體的心理捷徑和視覺線索。對(duì)于搜索操作,放大鏡是普遍接受的符號(hào),使用它將使用戶更容易識(shí)別你的搜索欄,即使沒有文本標(biāo)簽。當(dāng)選擇一個(gè)放大圖標(biāo),選擇一個(gè)示意圖圖標(biāo),不是過度程式化,以增加識(shí)別的速度。使用大量的對(duì)比度和填充,以確保圖標(biāo)突出,并使其足夠大。

遵循搜索按鈕設(shè)計(jì)慣例:當(dāng)為搜索欄創(chuàng)建一個(gè)搜索按鈕時(shí),要遵循好的按鈕設(shè)計(jì)的慣例,確保它是正確的大小和足夠的對(duì)比度,以使它突出。確保用戶可以使用鍵盤上的“輸入”功能提交他們的搜索查詢。一些用戶仍然使用enter來提交查詢,而且它對(duì)于可訪問性也很好。

使用占位符文本引導(dǎo)用戶搜索:使用一個(gè)搜索查詢示例作為占位符文本,引導(dǎo)用戶在您的站點(diǎn)上進(jìn)行搜索查詢。這對(duì)網(wǎng)站搜索欄很有用,用戶可以在搜索欄中搜索不同的條目。限制占位符文本的長度,以減少認(rèn)知負(fù)荷,并確保有足夠的對(duì)比度,使其易于閱讀。

設(shè)計(jì)一個(gè)簡單的搜索框:創(chuàng)建一個(gè)搜索框,看起來像一個(gè)搜索框,而且很容易使用。從一個(gè)簡單的搜索開始,如果需要,給用戶提供使用搜索過濾器或高級(jí)搜索機(jī)制的選項(xiàng)。

搜索欄放在合適的位置:網(wǎng)站用戶使用F模式瀏覽網(wǎng)站,把你的搜索欄放在這個(gè)F模式中是很重要的,這樣用戶可以看到它。這是在頂部中心或右上方的網(wǎng)站。此外,用戶實(shí)際上希望在頁面頂部找到網(wǎng)站的搜索欄。不要把你的搜索欄埋在頁腳,用戶需要在那里尋找它。使用熱圖來找出你的網(wǎng)站上用戶滾動(dòng)和點(diǎn)擊最多的區(qū)域(熱點(diǎn)),并將你的搜索欄放在那里。

搜索欄進(jìn)行提示:當(dāng)用戶輸入他們的搜索查詢時(shí),自動(dòng)提示會(huì)引導(dǎo)用戶避免在搜索查詢公式中出現(xiàn)錯(cuò)誤。確保自動(dòng)建議是有益的,以避免混淆或分散用戶的注意力。通過加粗顯示用戶輸入的信息和自動(dòng)提示之間的差異。

搜索欄放在每個(gè)頁面上:在搜索欄設(shè)計(jì)中,讓用戶總是能夠訪問搜索框。

名稱欄目:網(wǎng)站搜索欄設(shè)計(jì)指南:要不要?怎么設(shè)計(jì)?
網(wǎng)站鏈接:http://m.rwnh.cn/news/73759.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供用戶體驗(yàn)動(dòng)態(tài)網(wǎng)站、做網(wǎng)站網(wǎng)站排名、自適應(yīng)網(wǎng)站、建站公司

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

小程序開發(fā)
太仓市| 泰宁县| 陆良县| 新建县| 涿鹿县| 毕节市| 定兴县| 上犹县| 淮南市| 久治县| 收藏| 陈巴尔虎旗| 朝阳市| 莱芜市| 邢台市| 深圳市| 鄂托克前旗| 东港市| 海丰县| 于都县| 成安县| 凤城市| 个旧市| 崇文区| 瑞丽市| 齐河县| 西平县| 迁安市| 伊宁县| 浦北县| 汉沽区| 利川市| 海口市| 大洼县| 大丰市| 丰顺县| 乌兰县| 德庆县| 遂宁市| 中西区| 宁海县|