如何讓你的搜索框“與眾不同”?發(fā)布者:本站 時間:2020-06-02 11:06:49
搜索框,供用戶輸入檢索的入口。搜索框是網(wǎng)站最基本的也是最不可缺少的。雖然簡單但是其重要性確是不言而喻的。如何在紛雜的網(wǎng)站中,讓用戶盡快的找到自己想要的東西,那么搜索框的設計便極其重要。
常規(guī)搜索:
通過用戶點擊搜索按鈕后才開始執(zhí)行搜索,以達到一定的目的。
即時搜索:
結果立即顯示在用戶界面上,不需要按鈕,放大鏡僅顯示為一個圖標,輸入時立即搜索,達到一定的目的。
外觀特征
1、不需要使用標簽,使用一個可選的提示;
2、提示可以是一個指令(如搜索類型),或者一個范圍;
3、提示語要簡短;
4、即時搜索時,提示首字母大寫;常規(guī)搜索時,首字母小寫。
設計理念
1、它是界面的一部分,所以要放在一個顯眼的位置,要容易找到;
2、在同一應用中,它們應該有統(tǒng)一的外觀;
3、它的功能應該是有效的,它的結果應該是準確的,它的速度應該是盡可能快速的。
如何改進設計搜索框,以減少用戶所需要花費的查詢時間呢?下面就簡單的介紹下。
搜索框要明顯
如果搜索是你的應用程序/網(wǎng)站的一個重要功能,那么搜索框的顯示務必要足夠顯著,以保證用戶能夠最快的發(fā)現(xiàn)它。研究發(fā)現(xiàn),搜索框放置的最佳位置是你網(wǎng)站上每個頁面的左上角或右上角,用戶可以使用常見的F形掃描模式輕松找到它。理想情況下,搜索框應該完美匹配網(wǎng)站的整體設計,并在用戶需要時輕松展現(xiàn)。
使用放大鏡圖標
一個搜索框應該始終與放大鏡圖標放在一起。所謂圖標,其實就是代表著一個對象、動作、想法等多種含義的圖形符號。我們通過圖標看到的不僅僅是圖標本身,而是它所代表的內(nèi)在含義。然而,對于用戶來講,具有通用性代表含義的圖標為數(shù)并不多,幸運的是,放大鏡圖標正是其中之一。即使沒有文本標簽,用戶也能輕易地識別放大鏡圖標
將搜索框放在每一頁上
用戶在每個頁面上都應該能獲取搜索框,因為如果用戶找不到他們要找的內(nèi)容,他們往往會自然而然地想要嘗試使用搜索功能來進行查找,他們才不關心自己當前是在你網(wǎng)站的哪個地方。
提供一個搜索按鈕
搜索按鈕可以幫助用戶識別出觸發(fā)搜索操作的下一步——即使他們可能往往會通過按Enter鍵來執(zhí)行此操作。
搜索框要足夠簡單
如果你設計了一個搜索框,請確保它看起來確實像是一個搜索框,并且使用起來要足夠簡單??捎眯匝芯勘砻鳎J情況下不顯示高級搜索選項對用戶會更加友好。高級搜索選項(例如下面的示例中的布爾搜索查詢)可能會混淆要嘗試使用它的用戶。
搜索框尺寸大小要合適
輸入框太短是設計人員常犯的一個錯誤。當然,用戶可以鍵入長查詢,但一次只能看到一部分輸入的文本,這自然也就存在可用性問題,因為用戶無法輕松地回看和編輯其剛剛才輸入的查詢條件。事實上,當搜索框具有有限數(shù)量的可見字符時,用戶會被迫使用短的、不精確的查詢條件,因為更長的查詢條件將不易閱讀。 但如果輸入框的長度是根據(jù)用戶的預期輸入來確定大小的,那對用戶而言就友好多了。
明確告訴用戶可以搜索哪些內(nèi)容
在輸入框中顯示一個搜索查詢的示例條件是一個不錯的做法,這樣能夠向用戶表明他們究竟可以應用該搜索框搜索哪些/哪類內(nèi)容。 如果用戶可以搜索多個條件,則使用輸入提示模式來向用戶說明(例如,下面示例中的百度。最新消息使得我們可以很輕松地在輸入框中寫明作為占位符的提示文本。
將搜索框放在用戶預期找到的位置
如果因為搜索框不夠突出、不容易察覺,用戶還得花費精力去找它,那這個設計無疑是不夠友好的。
因此,最好將搜索框放在頁面的右上方或中上方,以確保用戶能在預期的位置找到它。
使用自動檢索匹配機制
自動檢索匹配機制可根據(jù)用戶輸入的字符進行預測來幫助用戶找到一個可能匹配的查詢條件。 該機制并不是為了加快搜索過程,而是為了引導用戶并幫助他們構建他們的查詢條件。普通用戶在構建查詢方面往往會有困難:如果他們在第一次嘗試查詢后沒有獲得滿意的結果,后面的查詢也會很難順利,事實上,他們常常就會放棄。而當自動檢索匹配機制運作順利時,它們就能幫助用戶將查詢條件表達的更加清楚。
網(wǎng)站設計中,一個好的搜索框,不管是直觀上,還是感觀上,都要給用戶帶來方便快捷的使用功能,提升用戶體驗。
選擇我們,優(yōu)質服務,不容錯過
1. 優(yōu)秀的網(wǎng)絡資源,強大的網(wǎng)站優(yōu)化技術,穩(wěn)定的網(wǎng)站和速度保證
2. 15年上海網(wǎng)站建設經(jīng)驗,優(yōu)秀的技術和設計水平,更放心
3. 全程省心服務,不必擔心自己不懂網(wǎng)絡,更省心。
------------------------------------------------------------
24小時聯(lián)系電話:021-58370032
關鍵詞標簽:上海網(wǎng)站建設 上海網(wǎng)站制作 網(wǎng)站優(yōu)化 小程序開發(fā)