成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

一文秒會|搜索功能模塊設計

開發 前端
一個搜索功能分為前后端,復雜的搜索功能還有算法介入。由于搜索是用戶的集中必經路徑,不少產品經理都會把搜索當作一個廣告轉化入口落地頁。

用戶使用產品,享受功能服務前首先要學會在產品里學會如何獲取信息,而信息的獲取入口是搜索。新用戶是簡單瀏覽和消費內容,而老用戶對搜索的需求會越來越高。

[[400070]]

一個用戶從剛接觸產品到頻繁的使用產品最終成為忠實用戶

一個搜索功能分為前后端,復雜的搜索功能還有算法介入。由于搜索是用戶的集中必經路徑,不少產品經理都會把搜索當作一個廣告轉化入口落地頁。

如下是搜索功能背后的邏輯和用戶路徑。

 

▲ 搜索功能邏輯

 

可以通過上圖看到,在不同的產品形態上,用戶在搜索功能展示的結果沒有區別。但操作、邏輯、功能復雜度是有區別。比如app和pc展示的信息數量就有非常大的區別,用戶操作也是十分不同,手指與移動端的交互需要更加寬度區域,而鼠標則可以進入到區域小的面積進行操作。

拋開產品形態,產品經理還需要抓住用戶搜索下的場景列舉,這里我會分4個部分來講解。只要一個搜索功能滿足了這4部分就算以一個簡簡單且實用的搜索功能。

搜索功能的場景:

  • 用戶在搜索功能的使用中,會出現3個場景,搜索前、搜索中、搜索結果頁、搜索數據記錄4個緯度。分別對應的是:提問題、找答案、閱讀答案、系統記錄。

 

▲ 搜索下的用戶場景

 

app、PC端的搜索前端設計

以下在各個形態下如何完成簡易設計。

APP的前端設計:

  • 在app里一個搜索也會有前面的3個場景。

1.搜索前

這個場景是解決用戶如何高效提問、解決問題的場景

搜索入口是用戶訪問搜索的關鍵,同時適當給予用戶提供搜索關鍵詞引導。

搜索入口分為:直接展示、功能布店、獨立tab、特殊類型

以下圖中 Amazon 為例。搜索功能以輸入框的形式直接展示在屏幕中。這是最為常見的一種設計方式,也是大型電商類應用通常會采用的形式。

功能布點,以下圖蝦米音樂為例。它與功能外露型類似,只不過是將搜索功能弱化成了一個 icon,點擊后才會展成搜索框。

獨立 Tab,以下圖 Snapguide 為例。它是將搜索功能放得最重的一種形式,很多應用會把它命名為 Discover 或 Explore。這個 tab 除了包含基礎的搜索功能,還增加了很多運營的內容在里面。

特殊類型,以下圖中 Airbnb 為例。搜索功能會作為一個 icon 放在頁面中間,在 Android 的設計中經常會作為 FAB 出現在屏幕右下角。

 

▲ 4種搜索入口

 

如下案例在搜索功能直接提供了引導版塊,面對新用戶在搜索頁面可以增加toast引導,或直接增加固定搜索導航欄,完成引導。

 

▲ 搜索引導導航欄版塊

 

 

▲ 微博的搜索前引導

 

如果用戶有過歷史數據,還能基于數據維度提供搜索引導,增加用戶搜索轉化?;蛘哌\營推進相關搜索關鍵詞

 

▲ 基于用戶習慣的搜索關鍵詞

 

2.搜索中

這個過程是為用戶快速匹配想要的具體內容,減少用戶輸入的痛點

搜索中是用戶正在輸入內容場景,有的產品會提前在用戶輸入中場景下可以提前給與搜索結果展示。比如在百度搜索中,提前判斷出用戶需要的搜索結果,可以減少用戶查找內容的時間成本,同時快速匹配系統中最合適搜索的答案。

基于用戶實時輸入提供搜索結果,需要有數據、系統架構支撐,不僅是產品經理做產品設計的問題,還有業務需要、用戶規模的要求。

 

▲ 輸入中的用戶引導

 

在app里,有先天然的系統體驗優勢,所以可以為用戶提供選擇單獨的搜索內容輸入頁面;但搜索中到底是單獨切換一個頁面、還是直接在搜索輸入框中展示,實際上還是產品經理需要根據用戶畫像、用戶需求來定。但在簡易設計中,我建議不要糾結,任意選一個方案就可以了,因為重點是提供內容查找的入口。

 

▲ 搜索頁面和搜索輸入框

 

在搜索框輸入適合短的內容搜索,在單獨的搜索頁面適合長內容搜索。

3.搜索結果頁

內容篩選、重要信息展示成為這一環節產品設計的重中之重。比如搜索結果的排序、關鍵詞的匹配、同時搜索的內容類型分類也是相當重要的。

 

▲ 搜索結果頁面

 

比如在搜狗、頭條app的搜索結果頁首先展示內容分類、再展示結果順序。同時結果里突出了匹配關鍵詞,方便用戶方便篩選搜搜索結果。

搜索結果也要因為內容類型做單獨設計,比如視頻類的搜索結果,如抖音的搜索結果頁,會直接播放短視頻;在簡書、知乎上的搜索結果頁,基于文本內容特點做搜索關鍵詞的匹配,再匹配內容類型。默認優先匹配全部內容類型。

 

▲ 視頻類內容搜索結果頁

 

 

▲ 簡書、PMTalk搜索結果頁

 

在web端形態設計

在web端搜索由于PC屏幕較大,在同樣搜索前、搜索中、搜索后3個場景下相比app就會有較大的不同。

1.搜索前

和app一樣,同樣目的是要增加搜索的點擊、轉化率,因此常見的產品設計方法是增加搜索引導。

 

▲ 圖搜索引導設計

 

文案引導可以增加活動文案、以及曝光搜索內容優勢,來顯示活動。

2.搜索中

PC端有足夠大的操作展示區域,可以在搜索框直接展示搜索內容的答案即可。如果有數據、系統架構支持可以展示實時結果。

和app一樣,搜索需要突出搜索中的交互狀態,包括按鈕點擊、內容輸入、內容為空的狀態。

3.搜索結果頁

搜索結果頁仍然是以展示重要內容、信息篩選快速、內容展示簡單。PC因為面積大,可以展示的結果數量相比app多;但沒有結果時候頁面體驗也要更差,需要產品經理設計。

4.數據采集

做搜索功能還是要做埋點,方便做搜索的數據迭代需求。同時我建議在產品邏輯上,建立每一次搜索都要采集用戶數據ID的機制,比如要在搜索前建立用戶登錄注冊條件判斷,用戶登錄后才能使用搜索功能

 


▲ 搜索背后的數據關聯設計

 

搜索系統有詞典和內容索引庫(數據庫),詞典里的詞關聯匹配內容索引庫。當用戶輸入關鍵詞后,如果詞典里有這個詞,線上會快速召回內容文檔。如果詞典里沒有這個詞,那這次的搜索行為就沒有結果。

假設內容索引庫一共只有3個內容文檔,分別是:

  • doc1:站內搜索從0到1全流程設計
  • doc2:搜索應該怎么設計才是對的
  • doc3:產品小白怎么入門站內搜索設計

用戶輸入關鍵詞“怎么設計站內的搜索”,經過分詞后,詞典里有這個詞,系統會召回對應的索引文檔。索引庫如下圖所示。

 

▲ 搜索結果背后的數據

 

同時用戶每次輸入的關鍵詞做高頻詞記錄,詞語范圍、違規詞處理都是可以利用后臺來采集。

搜索頁面的點擊、停留時間、訪問次數,同時需要統計,如果在搜索中增加了第三方廣告位那么搜索還需要打通業務轉化。

漏斗圖、時間柱狀圖展示數據可視化,觀察用戶使用搜索功能的規律以及喜好再優化搜索功能。

責任編輯:未麗燕 來源: 今日頭條
相關推薦

2017-09-06 08:12:43

OpenStack功能模塊

2023-05-22 13:27:17

2018-09-29 04:53:37

IoT網關物聯網IoT

2010-06-30 12:50:56

Linux SNMP

2021-03-10 13:42:27

筆記本雙屏設計

2024-11-19 09:00:00

Pythondatetime模塊

2023-06-13 10:08:21

汽車設計

2021-09-11 10:41:27

PythonPickle模塊

2024-02-26 11:52:38

代理模式設計

2022-09-21 16:56:16

設計模式微服務架構

2024-02-19 13:11:38

門面模式系統

2024-01-29 12:22:07

設計模式策略模式

2024-01-30 13:15:00

設計模式責任鏈

2024-02-21 12:24:33

模板設計模式框架

2024-02-23 12:11:53

裝飾器模式對象

2024-06-26 10:29:02

商品中心設計生成器

2021-05-06 05:38:48

Python文件操作異常模塊

2024-02-04 12:04:17

2024-02-27 11:59:12

享元模式對象

2019-09-12 10:25:39

系統WindowsLinux
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 午夜成人免费视频 | 国产精品美女久久久久久免费 | 国产精品成人国产乱 | 日日躁狠狠躁aaaaxxxx | 久久久久久高潮国产精品视 | 久久三级影院 | 久久69精品久久久久久久电影好 | 成人一区在线观看 | 中文字幕亚洲精品 | 毛片免费观看 | 免费一区 | 一区二区在线 | 色欧美片视频在线观看 | 亚洲视频一区在线观看 | 国产专区在线 | 日本高清视频在线播放 | 美女久久久久 | 一区二区三区av夏目彩春 | 99re66在线观看精品热 | www4虎 | 中文字幕在线播放不卡 | 特黄视频 | 国产成人精品网站 | 中文字幕免费视频 | 99久久精品免费看国产高清 | 欧美亚洲国语精品一区二区 | 国产欧美精品一区二区三区 | 国产精品久久久久久久久久久久 | 久国久产久精永久网页 | 国产一级免费视频 | 日韩中文字幕在线观看 | 成人av免费播放 | 久久国产精品视频 | 亚洲精品成人网 | 日韩午夜电影在线观看 | 国产成人99久久亚洲综合精品 | 久久久久久久久国产成人免费 | 视频三区 | 国产午夜精品久久久 | www.99精品 | 久久久久久久av |