一本大道久久香蕉成人网,人妻少妇精品无码专区APP ,欧美人与性动交Α欧美精品,人妻熟妇乱又伦精品视频app

如何設(shè)計出一個好用的搜索框

時間:2018-09-14 來源:文率科技

搜索的主要目的是為了幫助用戶快速的找到他們想要的呢日用,在很多的產(chǎn)品中有著舉足輕重的作用,如:用戶通過淘寶搜索篩選想要的商品;通過知乎搜索尋找問題答案;通過app搜索尋找自己想要的內(nèi)容......乍一看,或許很多的人會覺得搜索很簡單,然而實際上,搜索涉及的邏輯很多的,今天,天津網(wǎng)站建設(shè)分享了設(shè)計一個好的搜索框需要掌握的要點,相信對廣大設(shè)計師而言會有幫助的。

一、什么是搜索框?

所謂的搜索框,是一張常見的交互控件,主要用于精準提取海量信息中準確的內(nèi)容。搜索框幾乎存在的互聯(lián)網(wǎng)中每個產(chǎn)品中,幾乎所有的網(wǎng)站和APP中都有它的存在,尤其是存在于海量內(nèi)容為導(dǎo)向的產(chǎn)品之中,如:音樂庫、電商類網(wǎng)站、門戶類網(wǎng)站.....所以做好搜索(框)尤其重要。

二、為什么要做搜索功能

主要的是為了方便用戶,讓用戶更加快捷高效的從大量信息內(nèi)容中通過一些關(guān)鍵的搜索,快速的找到自己的感興趣的內(nèi)容;其實,可以通過適當?shù)囊龑?dǎo)設(shè)計來完成產(chǎn)品的商業(yè)需求。

三、搜索應(yīng)用于哪些場景?

目前互聯(lián)網(wǎng)中所存在的搜索框設(shè)計有很多的,不過若細分的話,一般可以分為如下的幾大應(yīng)用場景:

1)作為搜索引擎入口


提到搜索,人們最先想象到的就是搜索引擎,如:谷歌,360,然而在搜索引擎中,首頁十年始終如一的搜索框是最深入人心。反過來說,正是因為搜索引擎巨頭的成功,搜索才越發(fā)備受重視,搜索框幾乎也成為網(wǎng)站或app的標配。

2)用于活動推薦


有些電商網(wǎng)站,巧妙地利用搜索框中預(yù)置的詞,能夠達到活動推薦的效果,如:上圖中搜索框內(nèi)置“洗衣機”一詞,用戶只需通過點擊搜索即可直達結(jié)果頁或者活動頁面。

3)用于查找內(nèi)容


典型的應(yīng)用場景,通常是放在網(wǎng)站頂部之類的最顯眼的位置,方便用戶看到,從而查找網(wǎng)站中的內(nèi)容,一觸即達。

4)用于快速定位


查找內(nèi)容的變種,如:在手機“設(shè)置”中,當設(shè)置的選項較多時,通過搜索框進行搜索,能夠快速定位到想要的設(shè)置項。

四、如何設(shè)計一個好用的搜索框?

1、搜索框要足夠簡單

若你設(shè)計了一個搜索框,一定要確保它看起來確實像一個搜索框,并且使用起來一定要足夠簡單。可用性研究表明,默認情況下,不顯示高級搜索選項對用戶會更加友好。原因在于,高級搜索選項很可能會混淆要嘗試使用它的用戶。

2、尺寸大小要合適


大部分設(shè)計人員都是會犯同樣的錯誤,那就是輸入框太短,當用戶輸入長內(nèi)容時,只能看到其中的一部分,嚴重影響到用戶體驗,因為用戶無法輕松地回看和編輯其剛剛才輸入的查詢條件。但是,若輸入框的長度是根據(jù)用戶的預(yù)期輸入來確定大小的,這樣的話對用戶而言就會友好很多。

3、放在用戶預(yù)期找到的位置

若因為搜索框不夠突出,不容易被察覺,用戶還得花費精力去找它,那這個設(shè)計無疑是不夠友好的。下面的圖表來自 A. Dawn Shaikh 和 Keisi Lenz 的一項研究:它顯示了參與調(diào)查的142名參與者針對網(wǎng)站中的搜索表單的位置的預(yù)期情況。研究發(fā)現(xiàn),對于用戶來說,搜索框最佳的位置是網(wǎng)站上每個頁面的左上方或右上方——用戶可以使用常見的F形瀏覽模式輕松地找到它。

上圖說明了參與者對搜索框所處位置的預(yù)期情況,右上方仍然是用戶希望找到搜索的⑴個地方。因此,較好將搜索框放在頁面的右上方或中上方,以確保用戶能在預(yù)期的位置找到它。

小提示:

1)理想情況下,雖然搜索框在用戶需要的地方應(yīng)該能輕易出現(xiàn),但是搜索框的設(shè)計也應(yīng)該完美地契合網(wǎng)站的整體設(shè)計效果。

2)內(nèi)容越重的站點,你越希望搜索框顯著。如果搜索對你的網(wǎng)站至關(guān)重要,請使用大的對比度,以便搜索框和圖標能從頁面背景和周圍元素中脫穎而出。

總之,搜索框的設(shè)計涉及到的方面很多的,除了以上的這些還有其他細節(jié)可能沒梳理到位,若你想要了解,可以參考之前天津網(wǎng)站建設(shè)的文章《搜索框設(shè)計需要注意哪些事項》。另外,在搜索框的操作中,最重要在做每個步驟時都要思考,為什么這樣設(shè)計,所有的設(shè)計都是有理有據(jù)的,要結(jié)合產(chǎn)品定位,用戶群體,開發(fā)資源等來分析具體的搜索應(yīng)該怎么做,能解決問題的設(shè)計才是好設(shè)計。

聯(lián)絡(luò)方式:

中國 · 天津市河西區(qū)南京路35號亞太大廈1403室
電話:15620613686
郵編:300220

保守人妻被领导征服身体| 人妻丰满精品一区二区A片| 精品人妻人人爽久久爽AV蜜桃| 久久人妻内射无码一区三区| 国产情侣一区二区三区| 国产成人无码免费网站| 姑娘视频在线观看免费完整版高清 | 日韩欧美亚洲综合久久影院DS| XXXXX性BBBBB欧美| 国产亚洲一区二区手机在线观看| 国内少妇人妻偷人精品免费视频| 狼人无码精华av午夜精品| 国产成人精品久久久久| 赵东苏菲花都兵王免费阅读| 最近免费中文字幕2018视频| 99久久99久久精品国产片| 漂亮人妻被强了bd影片| 婷婷伊人久久大香线蕉av| 黄桃AV无码免费一区二区三区| 欧美国产日韩a在线视频| 亚洲欧洲精品成人久久曰影片| 熟女人妻大叫粗大受不了| 熟妇人妻一区二区三区四区| 亚洲一区二区嗯好爽快点| 色噜噜久久综合伊人超碰| 国产午夜福利久久精品| 亚洲欧美日本A∨在线观看| 国产性色强伦免费视频| 欧美GAY猛男GAYA片18禁| 国产精品国产亚洲精品看不卡 | 国产精品美女久久久久AV爽| 国产免费久久精品国产传媒| 人人爽久久久噜人人看| 久久黄色网站| 欧美熟乱第1页| 国产AV一区二区精品凹凸| 性xxxx18免费观看视频| 日产国产亚洲精品系列p| 久久精品欧美人ooxx | 女人18毛片A片久久18软件| 色偷偷888欧美精品久久久|