99久久精品国产片-99久久精品国产免费-99久久精品国产麻豆-99久久精品国产国产毛片-99久久精品国产高清一区二区-99久久精品费精品国产一区二区

看似一模一樣的搜索框,在設(shè)計師眼里有這么多細節(jié)!

2017-8-6    濤濤

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

搜索幾乎是現(xiàn)在所有網(wǎng)站,APP甚至操作系統(tǒng)的標(biāo)配,不論是電商還是論壇等等。它是一個站內(nèi)給用戶直接到達目的地的通道,起到了一個引導(dǎo)用戶走向的重要作用。在不同的系統(tǒng),不同用途的網(wǎng)站上搜索呈現(xiàn)的方式都有所不同。

用搜索的原因

使用搜索時,用戶可以自己掌握瀏覽該網(wǎng)站的路徑,從哪一頁進入到哪一頁,自己控制如何使用這個網(wǎng)站。沒有必要根據(jù)網(wǎng)站的頁面設(shè)計來決定瀏覽頁面的先后順序。這也是為什么很多網(wǎng)站用戶一進入就直接使用搜索功能的原因。

另一個原因是,當(dāng)用戶瀏覽網(wǎng)頁到一半不知道接下去該干什么的時候,往往會使用搜索直接去找到自己想找的內(nèi)容。

不使用搜索的原因

相對于搜索,用戶根據(jù)類目,或者從功能模塊的入口進入各個頁面其實是跟著頁面的導(dǎo)向進行的下一步操作。

網(wǎng)頁的設(shè)計者會根據(jù)網(wǎng)站的不同需求從而設(shè)計不同的頁面布局。根據(jù)這些頁面布局進而引導(dǎo)用戶一步一步的達成網(wǎng)站設(shè)計者的目的。這些目的可能就是買一件商品,參加一個活動等等。用戶可以根據(jù)設(shè)計者創(chuàng)建的引導(dǎo)流程一步步的查看網(wǎng)站內(nèi)容。

不同用戶群

根據(jù)搜索是否主動搜索這點來分,可以把用戶分成3種類型:任務(wù)型,鏈接型,混合型。

任務(wù)型:

任務(wù)型的用戶就是前面說的直接使用搜索功能的用戶。大部分用戶都是任務(wù)型的用戶。這些用戶往往是帶著某種目的來,例如已經(jīng)知道了自己要購買的商品,就直接搜索商品名稱進入搜索列表頁。

使用搜索的場景可以再細化一點,通常用戶已經(jīng)想好了具體要搜索的關(guān)鍵詞,同時他使用的網(wǎng)站可以搜索到非常大量的搜索結(jié)果時,用戶會使用搜索功能。例如在手機里找一個聯(lián)系人的號碼,如果手機里只存了10個號碼,那很可能就直接打開聯(lián)系人的APP,從這10個人的姓名中找到一個號碼;另一種情況,如果手機里存了500個號碼,這時候要逐個瀏覽來找某個聯(lián)系人效率就會相對低,這是大家會做的是在聯(lián)系人里找到搜索框,輸入要找的人的姓名或者拼音,定位到要找的人,最后找到電話號碼。

鏈接型:

鏈接型的用戶打開一個頁面之后會找各個功能的鏈接(首頁廣告,功能入口,鏈接),即使他們已經(jīng)想好了要找某些信息,他們還是會通過點擊入口而不是輸入關(guān)鍵字來找頁面。通常這類用戶知道自己要買麥片,但是沒有考慮好什么品牌的麥片,哪個國家的麥片,那這個時候,他們會做的是找到網(wǎng)站的類目入口,在類目里找到“麥片”的分類,點擊進入,而不是直接搜索關(guān)鍵詞“麥片”。

鏈接型的用戶只有當(dāng)他們在頁面上找不到自己需要的相關(guān)信息鏈接時,才會選擇使用搜索框。

混合型:

混合型的用戶行為其實以上兩種都有,有時候會直接搜索關(guān)鍵詞,有時候會在頁面上尋找鏈接,沒有使用以上哪種偏好的傾向性,只是用當(dāng)下他們覺得最好的方式。

搜索入口的設(shè)計

不同功能,不同需求的界面會影響到搜索框入口的設(shè)計。

△ iOS系統(tǒng)的搜索框只有在用戶下拉頁面時才會出現(xiàn)。

對于一個系統(tǒng)界面來說,給用戶提供各個APP,功能入口是一個系統(tǒng)的重要功能,所以對于搜索,系統(tǒng)做了隱藏處理。

YouTube有針對用戶的喜好在首頁提供不同的視頻,是一個對每個用戶個性化的訂制內(nèi)容, YouTube希望用戶瀏覽查看他們對于用戶推薦的視頻。所以他們沒有把搜索框直接展開而是只顯示一個icon,點擊之后出現(xiàn)單獨的搜索頁。

△ 電商類APP搜索框一般直接露出在首頁的最頂端。

前面有說到在電商網(wǎng)站中,當(dāng)用戶不知道接下去該做什么的時候,會使用搜索操作來直接到達自己想要到達的頁面。所以,通常電商網(wǎng)站中,搜索往往是固定在頂部Global上的,以便用戶無論在哪一頁都能找到。

類似于Google,百度,Bing,搜索是他們的主營業(yè)務(wù),自然希望用戶所要查看的大部分頁面都是通過搜索來獲得。所以把搜索框做為用戶的唯一使用路徑放在首頁,不論是APP還是網(wǎng)頁。

這4個例子里對用戶對搜索的需求依次增強,所以搜索在頁面上的表現(xiàn)形式也依次增強。

作為一個用戶大量使用的工具:搜索,它的位置,呈現(xiàn)形式直接關(guān)系到制作者對產(chǎn)品的預(yù)期,也直接關(guān)系到用戶會用什么形式使用當(dāng)前的界面。有的用戶瀏覽界面知道自己要找什么,有的用戶是來頁面上逛逛的,針對不同用戶,不同的搜索設(shè)計方案可以幫助設(shè)計者達到設(shè)計目的,也能幫助用戶更好的使用體驗。

以上是對搜索表現(xiàn)形式的一些基本見解。

搜索之時

搜索之時指的是點擊搜索框之后到點擊“搜索“按鈕或者按”回車“之間發(fā)生的事。是不是覺得間隔時間很短?短到平時都忽略了這個過程,但是這里面的故事不少,各個平臺都花了不少心思在這中間過程的設(shè)計上。

點擊搜索框

當(dāng)用戶點擊頁面上的搜索框之后,如果在PC端通常會給出歷史搜索詞和推薦的關(guān)鍵詞;如果是在手機端除了兩種搜索詞外還會同時彈出鍵盤。歷史搜索針對的是近期多次瀏覽對比同一個搜索結(jié)果的用戶。可能是用戶在電商平臺挑選商品,可能是用戶在視頻類網(wǎng)站追電視劇。于是設(shè)計者們就把內(nèi)容前置,可以讓用戶在不輸入關(guān)鍵詞的情況下直接得到想要的搜索結(jié)果。

推薦的關(guān)鍵詞有幾種可能,有其他用戶近期的熱搜詞(最近流行的電視劇,流行的網(wǎng)絡(luò)詞),有平臺推薦的搜索結(jié)果(給某些類目拉流量用的),有廣告(金主給錢的),有針對用戶的推薦詞(根據(jù)用戶最近的操作習(xí)慣精準(zhǔn)化推薦的)。這其中近期的網(wǎng)絡(luò)熱搜詞效果最好,針對用戶的推薦詞次之,之后分別是平臺推薦詞和廣告。另外,也有對用戶的輸入行為預(yù)判并且分類的。這時內(nèi)容前置給出的就是這些分類的名稱,而不是某幾個關(guān)鍵字。

輸入關(guān)鍵詞

用戶在輸入搜索關(guān)鍵詞的時候,不管已完全輸入了要搜索的關(guān)鍵詞還是只輸入了部分,各個搜索頁面這時通常會給出關(guān)鍵詞的聯(lián)想搜索結(jié)果。有些平臺在用戶輸入了一半的時候就根據(jù)用戶的歷史搜索記錄和自己的數(shù)據(jù)庫猜想出了用戶想要輸入的完整關(guān)鍵詞。

有些平臺甚至可以定位到某一部指定的影片:

或是指定的地址,并且可以直接開始導(dǎo)航。

這也是一種信息前置的很好的方式:在用戶輸完所有關(guān)鍵詞之前就給出搜索答案,給出下一步的操作。

關(guān)鍵詞

現(xiàn)在大部分用戶在搜索框輸入要找的內(nèi)容時已經(jīng)不會再輸入“黑色27寸戴爾高清4K顯示器”這么長的關(guān)鍵詞,而是中間會用空格把每個修飾語隔開。因為當(dāng)用戶用幾個詞語代替一長串字的偏正短語會得到更多的搜索結(jié)果。其實這樣的長關(guān)鍵詞更符合日常生活中的自然語言,把一個長短語拆解為幾個詞,加上空格再輸入實際上是我們幫程序做了一步翻譯的工作。

現(xiàn)在由于技術(shù)的進步,我們又可以搜索“黑色27寸戴爾高清4K顯示器”了,程序會自動解析這一長串的字,先給出匹配所有關(guān)鍵詞(黑色,27寸,戴爾,高清,4K,顯示器)關(guān)聯(lián)度最高的搜索結(jié)果,之后再給出去掉一個或者兩個關(guān)鍵詞的搜索結(jié)果。這樣最大化的滿足用戶的需求,而不是尷尬的來一句“沒找到相關(guān)內(nèi)容”。

更高級的搜索方式

在可以搜索長關(guān)鍵詞的基礎(chǔ)上,現(xiàn)在有些平臺已經(jīng)可以語音輸入搜索內(nèi)容了。因為“黑色27寸戴爾高清4K顯示器”也不是我們自然的溝通方式,“我想買黑色27寸戴爾高清4K顯示器”才是。

只是語音輸入并不適用于很多生活場景中,例如大家不會在辦公室對著電商APP說我要買什么;而車載導(dǎo)航的場景就比較合適,封閉的空間,幾個人相同的目的地,但是很多地址因為名字取的很尷尬,也不是那么容易搜到。

大家在做的搜索優(yōu)化都是在簡化搜索的過程,更精準(zhǔn)的提前給出搜索結(jié)果。從點擊搜索框給出歷史搜詞和推薦詞,到輸入部分文字給出部分匹配的搜索結(jié)果,到點擊搜索按鈕之后給出的搜索結(jié)果,是一個從模糊猜測到定位的過程。由于技術(shù)越來越完善,在模糊猜測的階段我們現(xiàn)在就能抓到一些用戶的需求,把搜索結(jié)果前置,縮短了搜索的流程。相信今后語音搜索可以更貼近自然語言,讓搜索的過程更加。

藍藍設(shè)計www.lapeinture.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 平面設(shè)計服務(wù)

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.lapeinture.cn

存檔

天天做人人爱夜夜爽2020毛片| 成人免费福利片在线观看| 久久国产影视免费精品| 精品在线视频播放| 日本特黄特色aaa大片免费| 天天色成人网| 韩国毛片免费大片| 欧美国产日韩久久久| 国产亚洲男人的天堂在线观看| 国产亚洲男人的天堂在线观看| 好男人天堂网 久久精品国产这里是免费 国产精品成人一区二区 男人天堂网2021 男人的天堂在线观看 丁香六月综合激情 | 天堂网中文字幕| 九九免费高清在线观看视频| 久久精品欧美一区二区| 国产视频一区二区在线观看 | 欧美电影免费看大全| 亚洲精品久久玖玖玖玖| 九九久久99综合一区二区| 一级毛片视频播放| 欧美大片一区| 美女免费黄网站| 99热精品一区| 一级片片| 国产网站免费| 午夜家庭影院| 亚洲精品中文字幕久久久久久| 欧美激情一区二区三区在线| 国产伦精品一区二区三区无广告| 国产激情一区二区三区| 欧美激情一区二区三区视频 | 欧美18性精品| 成人免费观看男女羞羞视频| 精品国产一区二区三区免费 | 日韩专区第一页| 国产一区二区精品久久91| 久草免费在线色站| 韩国毛片基地| 精品视频一区二区| 99色播| 美国一区二区三区| 国产a视频| 亚洲精品中文一区不卡| 四虎影视久久久| 可以免费在线看黄的网站| 国产91丝袜高跟系列| 日韩一级黄色| 久久成人亚洲| 国产极品精频在线观看| 午夜在线亚洲| 国产a毛片| 欧美一级视频免费| 成人免费网站视频ww| 色综合久久天天综合| 日本久久久久久久 97久久精品一区二区三区 狠狠色噜噜狠狠狠狠97 日日干综合 五月天婷婷在线观看高清 九色福利视频 | 久久精品成人一区二区三区| 一本高清在线| 韩国三级视频在线观看| 欧美国产日韩久久久| 免费毛片播放| 青青久久网| 欧美a级片免费看| 99热精品在线| 青青青草视频在线观看| 国产91精品一区| 欧美激情一区二区三区视频 | 亚洲天堂免费观看| 美女被草网站| 亚洲第一页乱| 午夜欧美成人久久久久久| 精品久久久久久中文| 97视频免费在线观看| 欧美激情一区二区三区中文字幕| 国产不卡精品一区二区三区| 精品视频一区二区| 国产一区二区精品| 青草国产在线观看| 精品视频免费观看| 国产成人啪精品| 成人免费观看男女羞羞视频| 九九久久国产精品| 精品国产一区二区三区精东影业| 国产91丝袜在线播放0| 午夜激情视频在线观看| 精品国产三级a| 青青青草视频在线观看| 欧美爱色| 午夜久久网| 天天做日日爱| 国产伦久视频免费观看 视频| 日韩免费在线观看视频| 欧美爱爱网| 日本免费乱理伦片在线观看2018| 午夜欧美成人久久久久久| 深夜做爰性大片中文| 精品国产一区二区三区久| 成人在免费观看视频国产| 国产91精品一区二区| 美国一区二区三区| 四虎论坛| 成人免费观看男女羞羞视频| 精品久久久久久中文字幕2017| 国产伦精品一区二区三区无广告| 国产福利免费观看| 成人在免费观看视频国产| 日韩在线观看免费完整版视频| 午夜欧美成人久久久久久| 麻豆污视频| 日韩专区一区| 欧美国产日韩在线| 青草国产在线观看| 欧美国产日韩一区二区三区| 精品国产一区二区三区久久久蜜臀 | 免费国产在线视频| 欧美国产日韩一区二区三区| 国产亚洲精品成人a在线| 精品视频一区二区| 精品久久久久久中文字幕2017| 99色视频| 四虎影视久久| 日韩专区在线播放| 日韩在线观看视频黄| 久草免费在线视频| 国产福利免费观看| 精品视频免费在线| 国产一区精品| 日本免费区| 日韩免费在线观看视频| 精品国产三级a| 香蕉视频久久| a级精品九九九大片免费看| 日本久久久久久久 97久久精品一区二区三区 狠狠色噜噜狠狠狠狠97 日日干综合 五月天婷婷在线观看高清 九色福利视频 | 欧美国产日韩久久久| 欧美激情在线精品video| 一级毛片视频播放| 黄视频网站在线看| 九九久久国产精品大片| 日韩专区一区| 韩国三级视频网站| 99久久网站| 天堂网中文在线| 色综合久久天天综线观看| 欧美a级片免费看| 精品国产一级毛片| 欧美大片一区| 久久99中文字幕| 欧美a免费| 四虎久久精品国产| 国产亚洲男人的天堂在线观看| 国产a一级| 深夜做爰性大片中文| 免费国产在线观看不卡| 午夜精品国产自在现线拍| 国产成人啪精品| 国产一区二区精品| 99色播| 国产一区二区精品| 日本在线不卡视频| 高清一级做a爱过程不卡视频| 99久久精品国产国产毛片| 成人影院一区二区三区| 一级毛片视频免费| 亚洲wwwwww| 91麻豆精品国产综合久久久| 国产欧美精品午夜在线播放| 日本在线播放一区| 久久精品店| 国产一区二区精品久久91| 91麻豆精品国产片在线观看| 99色播| 天天做日日爱夜夜爽| 日韩在线观看视频网站| 99久久视频| 国产一级强片在线观看| 久久精品欧美一区二区| 毛片成人永久免费视频| 尤物视频网站在线| 日本免费乱理伦片在线观看2018| 欧美另类videosbestsex久久| 国产成a人片在线观看视频| 999久久狠狠免费精品| 日本伦理片网站| 91麻豆国产福利精品| 久久国产一区二区| 精品视频免费在线| 日本免费乱人伦在线观看| 九九久久99综合一区二区| 在线观看成人网 | 韩国三级香港三级日本三级la | 超级乱淫伦动漫| 欧美国产日韩一区二区三区| 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 | 天堂网中文字幕| 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 | 国产亚洲免费观看| 一级毛片看真人在线视频| 美女免费毛片| 国产一区免费在线观看| 天堂网中文字幕| 91麻豆爱豆果冻天美星空| 尤物视频网站在线观看|