2022-08-06 分類(lèi): 網(wǎng)站建設(shè)
當(dāng)用戶(hù)訪(fǎng)問(wèn)一個(gè)網(wǎng)站如果這個(gè)網(wǎng)站是分類(lèi)很多產(chǎn)品很多的一個(gè)網(wǎng)站,那么這個(gè)網(wǎng)站擁有搜索框是非常有必要的,在不同類(lèi)型的網(wǎng)站中如何去更好的運(yùn)用你的搜索框這是值得思考的一個(gè)問(wèn)題,今天網(wǎng)站設(shè)計(jì)專(zhuān)家"創(chuàng)新互聯(lián)"就來(lái)給大家講解如何通過(guò)網(wǎng)站搜索框提示網(wǎng)站的用戶(hù)體驗(yàn)度。
1、網(wǎng)站搜索框應(yīng)該放在醒目的位置
瀏覽見(jiàn)面的用戶(hù)當(dāng)他不得不去搜索搜索框時(shí),這并不好,因?yàn)樗伙@眼,也不容易識(shí)別,所以將搜索框放置在布局的右上角或中上方區(qū)域,您將確保您的用戶(hù)能夠找到他們期望的位置。理想情況下,搜索框應(yīng)該適合網(wǎng)站的總體設(shè)計(jì),但當(dāng)用戶(hù)需要時(shí),它能稍微突出顯示。你擁有的內(nèi)容越多,你就越想展示你的搜索功能。如果搜索對(duì)你的網(wǎng)站是必不可少的(比如你的網(wǎng)站是一個(gè)電子商務(wù)商店),使用大量的對(duì)比,這樣你的領(lǐng)域和圖標(biāo)就會(huì)從背景和周?chē)脑刂忻摲f而出。
2、為搜索輸入字段使用適當(dāng)?shù)淖侄未笮?/strong>
使輸入字段過(guò)短是web設(shè)計(jì)人員常見(jiàn)的錯(cuò)誤。當(dāng)用戶(hù)鍵入長(zhǎng)查詢(xún)時(shí),只有一部分文本是可見(jiàn)的,這意味著糟糕的可用性,因?yàn)橛脩?hù)無(wú)法輕松地查看和編輯他們的查詢(xún)。事實(shí)上,當(dāng)搜索框的可見(jiàn)字符數(shù)量有限時(shí),用戶(hù)不得不使用簡(jiǎn)短的、不完整的查詢(xún),因?yàn)檩^長(zhǎng)的查詢(xún)很難讀取。如果輸入字段按照預(yù)期的輸入大小,那么它們都更容易閱讀和為用戶(hù)解釋。一個(gè)經(jīng)驗(yàn)法則是有一個(gè)27個(gè)字符的文本輸入(這個(gè)大小容納了90%的查詢(xún))。
3、明確用戶(hù)可以搜索什么
在輸入字段中包含一個(gè)示例搜索查詢(xún),以向用戶(hù)建議可以搜索的內(nèi)容,這是一個(gè)好主意。HTML5使得在輸入字段中包含文本作為占位符變得很容易。如果用戶(hù)可以搜索多個(gè)標(biāo)準(zhǔn),請(qǐng)使用輸入提示模式來(lái)解釋(參見(jiàn)下面的IMDb示例)。但是一定要把你的暗示限制在幾句話(huà),否則,你會(huì)增加認(rèn)知負(fù)荷。
4、點(diǎn)擊“搜索”按鈕后,不要?jiǎng)h除用戶(hù)的查詢(xún)
保留原始的搜索查詢(xún)。查詢(xún)重新制定是許多信息旅行中的關(guān)鍵步驟。如果用戶(hù)在一次嘗試中沒(méi)有找到他們想要的東西,他們可能想再次使用一個(gè)稍微不同的查詢(xún)。為了使它們更容易,在搜索框中保留最初的搜索項(xiàng),這樣他們就不必重新鍵入整個(gè)查詢(xún)了。
5、使用一個(gè)自我暗示機(jī)制
據(jù)研究發(fā)現(xiàn),用戶(hù)在查詢(xún)公式方面很差:如果一次嘗試沒(méi)有得到好的結(jié)果,以后的搜索嘗試很少成功。事實(shí)上,用戶(hù)往往在一次嘗試失敗后就放棄了。但是,可以通過(guò)使用自動(dòng)建議機(jī)制來(lái)改善這種情況。自動(dòng)建議機(jī)制幫助用戶(hù)根據(jù)輸入的字符進(jìn)行預(yù)測(cè),從而找到合適的查詢(xún)。當(dāng)這個(gè)機(jī)制有效時(shí),它可以幫助用戶(hù)更好地表達(dá)搜索查詢(xún)。以下是在你的網(wǎng)站上加入自動(dòng)建議機(jī)制時(shí)要記住的幾點(diǎn):
1.確保自動(dòng)建議是有用的。設(shè)計(jì)不當(dāng)?shù)淖詣?dòng)建議可能會(huì)混淆和分散用戶(hù)的注意力。因此,使用拼寫(xiě)自動(dòng)更正、識(shí)別詞根詞和預(yù)測(cè)文本來(lái)改進(jìn)工具。
2.盡可能快地提供自動(dòng)建議,比如輸入第三個(gè)字符之后。這將提供即時(shí)的值并減少用戶(hù)的數(shù)據(jù)輸入工作。
3.顯示少于10個(gè)建議的項(xiàng)目(沒(méi)有滾動(dòng)條),所以信息不會(huì)成為壓倒性的。允許用戶(hù)在使用鍵盤(pán)的項(xiàng)目之間進(jìn)行導(dǎo)航。
4.強(qiáng)調(diào)輸入信息和建議信息之間的差異(例如,輸入文本有一個(gè)標(biāo)準(zhǔn)權(quán)重,而建議的術(shù)語(yǔ)具有粗重)。
總結(jié):搜索是建立盈利網(wǎng)站的關(guān)鍵因素。用戶(hù)在發(fā)現(xiàn)和了解事物的時(shí)候,會(huì)希望得到平滑的體驗(yàn),他們通常會(huì)根據(jù)一到兩組搜索結(jié)果的質(zhì)量,對(duì)網(wǎng)站的價(jià)值做出快速判斷。一個(gè)優(yōu)秀的搜索工具應(yīng)該幫助用戶(hù)快速和容易地找到他們想要的東西。
標(biāo)簽:成都網(wǎng)站建設(shè)成都網(wǎng)站設(shè)計(jì)創(chuàng)新互聯(lián)
網(wǎng)站題目:網(wǎng)站搜索框改善用戶(hù)體驗(yàn)度的五大技巧
URL網(wǎng)址:http://m.rwnh.cn/news32/186182.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信公眾號(hào)、關(guān)鍵詞優(yōu)化、Google、網(wǎng)頁(yè)設(shè)計(jì)公司、品牌網(wǎng)站制作、定制開(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)
猜你還喜歡下面的內(nèi)容