搜索能夠幫助用戶在海量的數(shù)據(jù)庫中實現(xiàn)大海撈針,是產(chǎn)品最核心的模塊之一。本篇是從設(shè)計的角度介紹搜索模塊,包含Web和ios兩個平臺,下面直接開始正文:
1.快速搜索
搜索是幫助用戶簡單快速的匹配相關(guān)內(nèi)容,最簡單的search box主要包含兩個元素:①文本框 ②按鈕(可以隱藏用回車代替)
快速搜索是最基本的搜索模型,用戶輸入文字點擊按鈕或直接回車即可完成搜索。
2.垂直搜索
如果搜索引擎明確只是在海量數(shù)據(jù)庫中尋找一個特定的子集,那么這時候會使用到垂直搜索。垂直搜索主要元素包括:①文本框 ②按鈕 ③標簽或下拉框。
▎下拉框模式
關(guān)于下拉框前置與后置,我在公司也與同事進行過討論,有幾種說法:
①.業(yè)務(wù)人員覺得: 下拉框前置會減少產(chǎn)品曝光量,增加商情和廠商的曝光量,這樣的結(jié)果對網(wǎng)站來說弊大于利。(B2B網(wǎng)站類)
②技術(shù)控覺得:用戶操作習慣是 鼠標→鍵盤輸入→回車(搜索),如果下拉框后置就會打斷這樣連貫的操作。
③調(diào)研同類網(wǎng)站發(fā)現(xiàn)下拉框內(nèi)容較少的時候前置,內(nèi)容分類較多的時候后置。
▎標簽模式
標簽模式比較適合獨立的搜索框,相比下拉框模式更具有引導性。但視覺元素復雜,不太適合在頁面內(nèi)容較多的頁面。淘寶首頁的頂部的視覺元素已經(jīng)顯得雜亂了,但堅持這樣做應(yīng)該是為了化的推廣天貓和兼容老用戶的操作習慣。
ios樣式
3.查詢建議工具
查詢建議工具有好幾種說法:提前鍵入(type-ahead)、搜索建議(suggest)或者自動填充(autofill),也可以稱呼為實時搜索。主要目的基本上是為了減少用戶輸入和推廣相關(guān)詞組。下面直接看圖例:
ios樣式
網(wǎng)頁標題:模塊入門–搜索
瀏覽地址:http://chinadenli.net/article10/cjpogo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供建站公司、網(wǎng)站內(nèi)鏈、App設(shè)計、網(wǎng)站導航、小程序開發(fā)、標簽優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)