網(wǎng)站建設(shè)
    我們不斷創(chuàng)新和探索
    只為企業(yè)品牌重塑
    5種改善網(wǎng)站搜索體驗(yàn)設(shè)計(jì)方法
    發(fā)布時(shí)間:2023-09-05 發(fā)布作者:超級(jí)管理員 閱讀次數(shù):621

    當(dāng)用戶訪問(wèn)一個(gè)網(wǎng)站需要用到搜索框去搜索的時(shí)候,那么這個(gè)網(wǎng)站其實(shí)是并不成功的,因?yàn)樵O(shè)計(jì)的不夠簡(jiǎn)單明了,不能讓用戶馬上看到他想要的內(nèi)容。但如果這個(gè)網(wǎng)站是分類很多產(chǎn)品很多的一個(gè)網(wǎng)站,那么這個(gè)網(wǎng)站擁有搜索框確是成功的。在不同類型的網(wǎng)站中如何去更好的運(yùn)用你的搜索框這是值得思考的一個(gè)問(wèn)題。下面文章中分享了5個(gè)可以幫忙改進(jìn)搜索體驗(yàn)的一些小技巧,希望可以給到你啟發(fā)。

    1、把搜索框放到用戶容易找到的地方

    f66ca85073858318f085a9fe062b1557.png

    瀏覽見面的用戶當(dāng)他不得不去搜索搜索框時(shí),這并不好,因?yàn)樗伙@眼,也不容易識(shí)別。下面的圖表取自a . Dawn Shaikh和Keisi Lenz的一項(xiàng)研究:在對(duì)142名參與者的調(diào)查中顯示了網(wǎng)站搜索表單的預(yù)期位置。研究發(fā)現(xiàn),對(duì)大多數(shù)用戶來(lái)說(shuō),最方便的地方是網(wǎng)站頁(yè)面的左上方或右上角。

    因此,將搜索框放置在布局的右上角或中上方區(qū)域,您將確保您的用戶能夠找到他們期望的位置。理想情況下,搜索框應(yīng)該適合網(wǎng)站的總體設(shè)計(jì),但當(dāng)用戶需要時(shí),它能稍微突出顯示。你擁有的內(nèi)容越多,你就越想展示你的搜索功能。如果搜索對(duì)你的網(wǎng)站是必不可少的(比如你的網(wǎng)站是一個(gè)電子商務(wù)商店),使用大量的對(duì)比,這樣你的領(lǐng)域和圖標(biāo)就會(huì)從背景和周圍的元素中脫穎而出。

    2、為搜索輸入字段使用適當(dāng)?shù)淖侄未笮?/span>

    使輸入字段過(guò)短是web設(shè)計(jì)人員常見的錯(cuò)誤。當(dāng)用戶鍵入長(zhǎng)查詢時(shí),只有一部分文本是可見的,這意味著糟糕的可用性,因?yàn)橛脩魺o(wú)法輕松地查看和編輯他們的查詢。事實(shí)上,當(dāng)搜索框的可見字符數(shù)量有限時(shí),用戶不得不使用簡(jiǎn)短的、不完整的查詢,因?yàn)檩^長(zhǎng)的查詢很難讀取。如果輸入字段按照預(yù)期的輸入大小,那么它們都更容易閱讀和為用戶解釋。一個(gè)經(jīng)驗(yàn)法則是有一個(gè)27個(gè)字符的文本輸入(這個(gè)大小容納了90%的查詢)。

    3、明確用戶可以搜索什么

    在輸入字段中包含一個(gè)示例搜索查詢,以向用戶建議可以搜索的內(nèi)容,這是一個(gè)好主意。HTML5使得在輸入字段中包含文本作為占位符變得很容易。如果用戶可以搜索多個(gè)標(biāo)準(zhǔn),請(qǐng)使用輸入提示模式來(lái)解釋(參見下面的IMDb示例)。但是一定要把你的暗示限制在幾句話,否則,你會(huì)增加認(rèn)知負(fù)荷。

    4、點(diǎn)擊“搜索”按鈕后,不要?jiǎng)h除用戶的查詢

    保留原始的搜索查詢。查詢重新制定是許多信息旅行中的關(guān)鍵步驟。如果用戶在第一次嘗試中沒(méi)有找到他們想要的東西,他們可能想再次使用一個(gè)稍微不同的查詢。為了使它們更容易,在搜索框中保留最初的搜索項(xiàng),這樣他們就不必重新鍵入整個(gè)查詢了。

    5、使用一個(gè)自我暗示機(jī)制

    Nielsen Norman Group的研究發(fā)現(xiàn),典型的用戶在查詢公式方面很差:如果第一次嘗試沒(méi)有得到好的結(jié)果,以后的搜索嘗試很少成功。事實(shí)上,用戶往往在第一次嘗試失敗后就放棄了。但是,可以通過(guò)使用自動(dòng)建議機(jī)制來(lái)改善這種情況。自動(dòng)建議機(jī)制幫助用戶根據(jù)輸入的字符進(jìn)行預(yù)測(cè),從而找到合適的查詢。當(dāng)這個(gè)機(jī)制有效時(shí),它可以幫助用戶更好地表達(dá)搜索查詢。以下是在你的網(wǎng)站上加入自動(dòng)建議機(jī)制時(shí)要記住的幾點(diǎn):

    .確保自動(dòng)建議是有用的。設(shè)計(jì)不當(dāng)?shù)淖詣?dòng)建議可能會(huì)混淆和分散用戶的注意力。因此,使用拼寫自動(dòng)更正、識(shí)別詞根詞和預(yù)測(cè)文本來(lái)改進(jìn)工具。

    盡可能快地提供自動(dòng)建議,比如輸入第三個(gè)字符之后。這將提供即時(shí)的值并減少用戶的數(shù)據(jù)輸入工作。

    顯示少于10個(gè)建議的項(xiàng)目(沒(méi)有滾動(dòng)條),所以信息不會(huì)成為壓倒性的。允許用戶在使用鍵盤的項(xiàng)目之間進(jìn)行導(dǎo)航。

    強(qiáng)調(diào)輸入信息和建議信息之間的差異(例如,輸入文本有一個(gè)標(biāo)準(zhǔn)權(quán)重,而建議的術(shù)語(yǔ)具有粗重)。

    結(jié)論

    搜索是建立盈利網(wǎng)站的關(guān)鍵因素。用戶在發(fā)現(xiàn)和了解事物的時(shí)候,會(huì)希望得到平滑的體驗(yàn),他們通常會(huì)根據(jù)一到兩組搜索結(jié)果的質(zhì)量,對(duì)網(wǎng)站的價(jià)值做出快速判斷。一個(gè)優(yōu)秀的搜索工具應(yīng)該幫助用戶快速和容易地找到他們想要的東西。


    相關(guān)推薦
    多一份方案,多一次選擇

    聯(lián)系我們,免費(fèi)獲取專屬《策劃方案》及報(bào)價(jià)

    *如有疑問(wèn)請(qǐng)聯(lián)系我們!
    135-0512-2574(7*24小時(shí))0523-82119318(工作日)
    微信咨詢
    立即聯(lián)系我們,無(wú)限可能從第一次交流開始

    在線咨詢

    網(wǎng)站建設(shè) 百度托管 電商運(yùn)營(yíng) 營(yíng)銷外包

    微信咨詢

    初元科技

    電話咨詢

    QQ:451625860

    135-0512-2574(7×24)

    提交需求

    初元科技

    微信掃一掃,聯(lián)系初元科技

    關(guān)閉
    提交需求
    關(guān)閉
    国产精品一卡二卡三卡| 国产香蕉一区二区精品视频| 免费人妻精品一区二区三区| 精品丝袜人妻久久久久久| AAA级久久久精品无码片| 久久久久亚洲精品无码蜜桃| 正在播放国产精品每日更新| 九九九国产精品成人免费视频| 日韩精品视频在线观看免费 | 精品久久久久久中文字幕大豆网| 久久精品国产亚洲香蕉| 亚洲精品国偷自产在线| 久久无码人妻精品一区二区三区| 国产成人精品曰本亚洲79ren| 精品一区二区高清在线观看| 日韩国产免费一区二区三区| 国产成人精品一区二三区 | 精品视频一区在线观看| 亚洲日韩欧洲无码av夜夜摸| 国产成人一区二区三区精品久久| 国产精品无码素人福利免费| 国产老女人精品免费视频| 精品伊人久久香线蕉| 在线精品免费视频| 精品日韩一区二区三区视频| 无码人妻精品一区二区三区9厂| 久久亚洲欧美国产精品| 热久久美女精品天天吊色| 日韩欧美亚洲国产精品字幕久久久| 亚洲色无码国产精品网站可下载 | 竹菊影视国产精品| 911精品国产亚洲日本美国韩国| 青青草原精品99久久精品66| 亚洲精品成人av在线| 亚洲精品自产拍在线观看动漫| 久久96国产精品| 精品少妇无码AV无码专区| 亚洲精品成人网站在线播放| 精品国产乱码久久久久久人妻| 国产成人精品久久一区二区三区| 国产精品制服丝袜一区|