久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

模塊入門–搜索

模塊入門–搜索 三聯教程

  搜索能夠幫助用戶在海量的數據庫中實現大海撈針,是產品最核心的模塊之一。本篇是從設計的角度介紹搜索模塊,包含Web和ios兩個平臺,下面直接開始正文:

  1.快速搜索

  搜索是幫助用戶簡單快速的匹配相關內容,最簡單的search box主要包含兩個元素:①文本框 ②按鈕(可以隱藏用回車代替)

  快速搜索是最基本的搜索模型,用戶輸入文字點擊按鈕或直接回車即可完成搜索。

  2.垂直搜索

  如果搜索引擎明確只是在海量數據庫中尋找一個特定的子集,那么這時候會使用到垂直搜索。垂直搜索主要元素包括:①文本框 ②按鈕 ③標簽或下拉框。

  ▎下拉框模式

  關于下拉框前置與后置,我在公司也與同事進行過討論,有幾種說法:

  ①.業務人員覺得: 下拉框前置會減少產品曝光量,增加商情和廠商的曝光量,這樣的結果對網站來說弊大于利。(B2B網站類)

  ②技術控覺得:用戶操作習慣是 鼠標→鍵盤輸入→回車(搜索),如果下拉框后置就會打斷這樣連貫的操作。

  ③調研同類網站發現下拉框內容較少的時候前置,內容分類較多的時候后置。

  ▎標簽模式

  標簽模式比較適合獨立的搜索框,相比下拉框模式更具有引導性。但視覺元素復雜,不太適合在頁面內容較多的頁面。淘寶首頁的頂部的視覺元素已經顯得雜亂了,但堅持這樣做應該是為了最大化的推廣天貓和兼容老用戶的操作習慣。

  ios樣式

  3.查詢建議工具

  查詢建議工具有好幾種說法:提前鍵入(type-ahead)、搜索建議(suggest)或者自動填充(autofill),也可以稱呼為實時搜索。主要目的基本上是為了減少用戶輸入和推廣相關詞組。下面直接看圖例:

  ios樣式

  4.關聯搜索

  關聯搜索主要用于地圖路線搜索,我也不知道還有什么地方用的到,就簡單介紹一下:

  5.高級搜索

  高級搜索是為了讓搜索結果精確匹配,普遍應用與電子商務網站。通常的樣式是一堆篩選條件+搜索按鈕。

  因為iso平臺上不存在下拉框控件的操作,所以ios平臺上的高級搜索都是通過列表跳轉的方式來實現高級搜索。

  6.過濾器

  大都數人都不喜歡使用高級搜索,為了精確匹配搜索結果頁面,所以在結果列表頁面都會添加過濾器。過濾器實際上就是對當前子集的二次搜索。過濾器的設計非常的講究,以后的文章為重點講解,本章就簡單介紹一下:

  國內的網站因為考慮右側賣banner廣告位,過濾器都會放置在頂端位置:

  國外的習慣將過濾器放置在左側,可以一般看圖一邊篩選:

  在ios平臺上大都數應用都會設計快速搜索+過濾器的模型:

  7.Best bet

  best bet可以翻譯為更好的選擇,當產品運營一段時間后積累了一定規模的訪問量,可以從訪問數據中為用戶提供更好的選擇。看看相關網站是如何做到這一點的:

  8.搜索結果

  搜索的最終結果會以列表或櫥窗的視圖呈現,這是整個開發團隊都希望看到的結果,但如果沒有匹配的結果出現,設計人員還需要鼓勵用戶重新搜索或更換關鍵詞:

  總結

  搜索是電商網站最最核心的一個模塊,做好這個模塊需要優秀的工程師和一定規模的訪問量,但作為設計師也必須對這個模塊有足夠的了解,這樣才能做出優秀體驗的設計。

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現照片墻3D效果的示例代碼,可以實現鼠標經過圖片實現改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 欧美二区视频 | 97人人干 | 国产欧美日韩一区二区三区 | 国产成人精品一区二区三区福利 | 中文字幕一区二区三区在线观看 | 欧美精品第一页 | 激情91 | 国产欧美成人 | 永久免费视频 | 亚洲一区二区三区视频 | 亚洲视频在线播放 | 国产精品区二区三区日本 | av在线播放免费 | 日本精品视频 | 午夜视频免费观看 | 亚洲亚洲人成综合网络 | 91综合在线 | 欧美激情久久久 | 欧美伊人久久 | 99热这里都是精品 | 国产三级在线看 | 亚洲黄色录像 | 国产午夜一区二区 | 日韩精品在线观看视频 | 国产中文一区 | 久久视频一区 | 日韩不卡在线观看 | 欧美精产国品一二三区 | a级片免费在线观看 | 日本黄色视 | 在线观看日本 | a级片免费在线观看 | eeuss一区二区三区 | 黄色大片在线 | 日韩免费大片 | 日韩欧美黄色片 | 精品伊人久久 | 欧美性一区二区 | 国产精品美女在线 | 久久国产99| 欧美aaaaa |