av狼友永久免费网址观看,亚洲另类激情综合偷自拍图,亚洲中文字幕无码永久在线不卡,潮喷中文字幕在线精品无码

堅(jiān)持為客戶(hù)提供有價(jià)值的服務(wù)和內(nèi)容

完美的網(wǎng)站搜索框需要符合哪些要求?

商企云 | 2021-06-29 | 分享至:
? ? ?其實(shí)搜索框在網(wǎng)站制作中扮演的角色不容小覷,一個(gè)可用性較高的搜索框往往可以有效節(jié)省用戶(hù)獲取信息和內(nèi)容的時(shí)間,大大提升用戶(hù)的瀏覽體驗(yàn)。作為網(wǎng)頁(yè)中最常見(jiàn)的UI控件之一,搜索框的組成非常簡(jiǎn)單:輸入框+觸動(dòng)按鈕,不少站長(zhǎng)也因此沒(méi)有對(duì)它給予足夠的重視。尤其是在內(nèi)容為主的網(wǎng)站中,當(dāng)用戶(hù)面對(duì)復(fù)雜的內(nèi)容時(shí),他們第一時(shí)間就會(huì)尋找搜索框,輸入關(guān)鍵詞以獲取想要的內(nèi)容,強(qiáng)大的搜索框能夠促進(jìn)用戶(hù)交互行為的發(fā)生。所以在設(shè)計(jì)網(wǎng)站時(shí)我們應(yīng)多花些時(shí)間思考搜索框如何設(shè)計(jì)。如果您沒(méi)有什么頭緒,不用擔(dān)心,和廣州網(wǎng)站建設(shè)公司佰維網(wǎng)絡(luò)一起來(lái)看看搜索框設(shè)計(jì)的幾個(gè)要點(diǎn)吧!
  1. 使用放大鏡圖標(biāo)
  現(xiàn)在,一看見(jiàn)放大鏡圖標(biāo),用戶(hù)自然而然就會(huì)想起搜索功能,這種聯(lián)系是在長(zhǎng)期使用過(guò)程中逐漸形成的,是為大家所廣泛認(rèn)可接受的。因此在網(wǎng)站中設(shè)計(jì)搜索框時(shí),我們可以多使用放大鏡圖標(biāo),畢竟它是最常使用、最易于辨認(rèn)的(即使沒(méi)有文本標(biāo)簽,用戶(hù)也能輕松識(shí)別)。當(dāng)然也要注意,放大鏡圖標(biāo)應(yīng)該簡(jiǎn)潔直觀,盡量減少一些不必要的細(xì)節(jié),提高圖標(biāo)的可辨識(shí)度。
  2. 讓搜索框足夠顯眼
  搜索框設(shè)計(jì)有一條重要的準(zhǔn)則就是:讓搜索框足夠顯眼,清晰可見(jiàn)的搜索框能讓用戶(hù)快速發(fā)現(xiàn)并使用。下圖就很好地證明這一點(diǎn),左右兩側(cè)是兩種不同的搜索框設(shè)計(jì),左邊的搜索框隱藏在圖標(biāo)之后,這種隱性的搜索框太不顯眼了,用戶(hù)很難發(fā)現(xiàn)并使用。相比而言,右側(cè)的搜索框就能及時(shí)給用戶(hù)提供幫助。
  3. 提供搜索按鈕
  在搜索框中設(shè)置按鈕是為了讓用戶(hù)能夠明白搜索的觸動(dòng)方式,帶有按鈕的搜索框更易吸引用戶(hù)點(diǎn)擊進(jìn)行搜索。不過(guò),在設(shè)計(jì)搜索按鈕時(shí),我們要注意控制它的尺寸大小,選取合適的區(qū)域,讓用戶(hù)可以移動(dòng)光標(biāo)或手動(dòng)輕松點(diǎn)擊。另外,設(shè)置回車(chē)鍵提交搜索的功能也是有必要的,因?yàn)楝F(xiàn)在很多用戶(hù)仍然保留著點(diǎn)擊回車(chē)鍵觸動(dòng)按鈕的習(xí)慣。
  4. 每頁(yè)都保留搜索輸入框
  網(wǎng)站的每個(gè)頁(yè)面最好都有搜索框。這樣一來(lái),當(dāng)用戶(hù)在特定的頁(yè)面找不到想要的內(nèi)容時(shí),可以立即通過(guò)搜索框獲取內(nèi)容,這種設(shè)置是快速便捷的,是能夠顯著提高用戶(hù)對(duì)網(wǎng)站好感的。
  5. 讓搜索框盡量簡(jiǎn)單
  搜索框設(shè)計(jì)還有一條原則,那就是簡(jiǎn)單易用。研究表明,一個(gè)沒(méi)有顯示高級(jí)選項(xiàng)的搜索框看上去更加友好,可用性也更強(qiáng)。所以,一般情況下,在給用戶(hù)提供搜索框時(shí)最好不要提供復(fù)雜的搜索選項(xiàng)?!?/div>
  6. 使用自動(dòng)搜索推薦機(jī)制
  什么是自動(dòng)搜索推薦機(jī)制?以Google為例,當(dāng)我們?cè)谒阉骺蛑休斎?Apple Watch 2",它會(huì)自動(dòng)出現(xiàn)相關(guān)詞條推薦搜索,這就是自動(dòng)搜索推薦機(jī)制的表現(xiàn)形式。谷歌在這方面擁有絕對(duì)的發(fā)言權(quán),從2008年開(kāi)始,它就開(kāi)始統(tǒng)計(jì)用戶(hù)的搜索歷史,整理詞條推薦,以幫助用戶(hù)節(jié)省時(shí)間,創(chuàng)造更佳的用戶(hù)體驗(yàn)。自動(dòng)搜索推薦機(jī)制能夠動(dòng)態(tài)地預(yù)測(cè)用戶(hù)的搜索方向,幫助用戶(hù)更快完成搜索。不過(guò),在使用這種機(jī)制時(shí)我們也要注意以下幾點(diǎn):
  確保自動(dòng)搜索的推薦內(nèi)容是有價(jià)值的。如果輸入框中出現(xiàn)不恰當(dāng)或無(wú)用的搜索推薦,這非但不能為用戶(hù)的搜索提供便利,反而容易混淆和分散用戶(hù)的注意力。自動(dòng)搜索的推薦內(nèi)容一定要基于用戶(hù)的搜索歷史數(shù)據(jù)來(lái)決定;
  當(dāng)用戶(hù)在輸入框輸入關(guān)鍵詞時(shí),盡快給予用戶(hù)推薦信息,比如在第三個(gè)字符之后,為用戶(hù)開(kāi)始提供即時(shí)、有價(jià)值的建議,降低用戶(hù)的輸入難度和工作量;
  盡量為用戶(hù)提供少于10個(gè)搜索結(jié)果,避免信息過(guò)載。
  突出顯示輸入信息和推薦內(nèi)容之間的差異;
  7. 讓用戶(hù)明白哪些可以搜索到
  讓用戶(hù)知道在網(wǎng)站中可以搜索到哪些內(nèi)容,也是一種能夠提高用戶(hù)對(duì)網(wǎng)站好感度的方法,這可以通過(guò)在輸入框中添加占位符文字做到。下圖是IMDB的網(wǎng)站,它在搜索框中添加了一些占位字符,提示用戶(hù)搜索框中可搜索的內(nèi)容,吸引用戶(hù)進(jìn)行搜索。隨著HTML5建站技術(shù)的不斷發(fā)展,這種形式的占位符添加在設(shè)計(jì)時(shí)也不沒(méi)有什么難度。不過(guò)這里建議占位符的內(nèi)容不要太多,避免給用戶(hù)帶來(lái)認(rèn)知負(fù)擔(dān)。
  8. 合理的輸入框尺寸
  輸入框尺寸太小是最常見(jiàn)的搜索框設(shè)計(jì)錯(cuò)誤。不少網(wǎng)站的輸入框都太小,雖然可以容納較長(zhǎng)的內(nèi)容,但部分內(nèi)容卻是不可見(jiàn)的,這種設(shè)計(jì)的可用性很差。由于視覺(jué)范圍的限制,用戶(hù)在輸入內(nèi)容可能會(huì)下意識(shí)覺(jué)得只能采用短的、不精確的查詢(xún)方式,或是輸入了較長(zhǎng)的關(guān)鍵詞,卻在修改時(shí)遇到麻煩。因此,小飛建議使用能夠根據(jù)輸入關(guān)鍵詞長(zhǎng)度而變長(zhǎng)的輸入框,這不僅可以節(jié)省屏幕空間,還能給予用戶(hù)充分的視覺(jué)提示。
  9. 讓搜索框處于用戶(hù)預(yù)期的位置
  當(dāng)用戶(hù)想要使用搜索框,卻需要花費(fèi)不少精力去找時(shí),用戶(hù)的體驗(yàn)就已經(jīng)大大降低了。網(wǎng)站上的搜索框最好易于察覺(jué),放在用戶(hù)預(yù)期的位置,哪里才是用戶(hù)預(yù)期的位置呢?下面這個(gè)圖表是來(lái)自 A. Dawn Shaikh 和 Keisi Lenz 的一項(xiàng)研究結(jié)果,他們抽樣調(diào)查了142名用戶(hù),了解用戶(hù)對(duì)于網(wǎng)站搜索框位置的偏好。從圖表中,我們可以看出大多數(shù)用戶(hù)會(huì)在網(wǎng)站的左上角和右上角尋找搜索框,這主要是因?yàn)橛脩?hù)在瀏覽網(wǎng)站時(shí)使用F型掃視法,而網(wǎng)站右上角是大多數(shù)用戶(hù)的首選區(qū)域,因此在設(shè)計(jì)搜索框時(shí)我們最好把它放在頂部靠右或頂部居中的位置。
  小貼士:
  在理想情況下,搜索框的設(shè)計(jì)應(yīng)和整個(gè)網(wǎng)站的設(shè)計(jì)風(fēng)格保持一致。不過(guò)在視覺(jué)上要略微突出,便于用戶(hù)發(fā)覺(jué)它的存在;
  網(wǎng)站的內(nèi)容越多,搜索框就應(yīng)該越明顯,確保輸入框和按鈕能夠與背景區(qū)域相互區(qū)別。
  總體而言,雖然搜索框看似簡(jiǎn)單,其背后卻蘊(yùn)藏著大量的設(shè)計(jì)知識(shí)。由于一點(diǎn)點(diǎn)變化也會(huì)對(duì)整個(gè)網(wǎng)站的用戶(hù)體驗(yàn)造成很大的影響,我們?cè)诟膭?dòng)搜索框時(shí)一定要足夠謹(jǐn)慎。如果你網(wǎng)站目前的轉(zhuǎn)化率還不錯(cuò),搜索框就不要做什么大的改動(dòng)了;但如果你網(wǎng)站的轉(zhuǎn)化率很低,其他區(qū)塊設(shè)計(jì)也沒(méi)有發(fā)現(xiàn)什么問(wèn)題,記得看看搜索框的設(shè)計(jì)是否存在缺陷。
掃二維碼與項(xiàng)目經(jīng)理溝通

7*24小時(shí)為您服務(wù)

解答:網(wǎng)站優(yōu)化,網(wǎng)站建設(shè),APP開(kāi)發(fā),小程序開(kāi)發(fā),H5開(kāi)發(fā),品牌推廣,新聞推廣,輿情監(jiān)測(cè)等

  非常感謝您有耐心的讀完這篇文章:"完美的網(wǎng)站搜索框需要符合哪些要求?",更多內(nèi)容請(qǐng)繼續(xù)瀏覽,我們將為您提供更多參考使用或?qū)W習(xí)交流的信息。我們還可為您提供:網(wǎng)站建設(shè)與開(kāi)發(fā)、網(wǎng)站優(yōu)化、品牌推廣、APP開(kāi)發(fā)、小程序開(kāi)發(fā)新聞推廣等服務(wù),我們以“降低營(yíng)銷(xiāo)成本,提高營(yíng)銷(xiāo)效果”的服務(wù)理念,自創(chuàng)立至今,已成功服務(wù)過(guò)不同行業(yè)的1000多家企業(yè),獲得國(guó)家高新技術(shù)企業(yè)認(rèn)證,且擁有14項(xiàng)國(guó)家軟件著作權(quán),將力爭(zhēng)成為國(guó)內(nèi)企業(yè)心目中值得信賴(lài)的互聯(lián)網(wǎng)產(chǎn)品及服務(wù)提供商。如您需要合作,請(qǐng)掃碼咨詢(xún),我們將誠(chéng)摯為您服務(wù)。
我要咨詢(xún)
姓名 :
電話(huà) :
文章分類(lèi)
<蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>