一文秒會(huì)|搜索功能模塊設(shè)計(jì)
這是Kevin的第 848 篇原創(chuàng),

▲ 搜索功能邏輯

▲ 搜索下的用戶(hù)場(chǎng)景
app、PC端的搜索前端設(shè)計(jì)
功能布點(diǎn),以下圖蝦米音樂(lè)為例。它與功能外露型類(lèi)似,只不過(guò)是將搜索功能弱化成了一個(gè) icon,點(diǎn)擊后才會(huì)展成搜索框。
獨(dú)立 Tab,以下圖 Snapguide 為例。它是將搜索功能放得最重的一種形式,很多應(yīng)用會(huì)把它命名為 Discover 或 Explore。這個(gè) tab 除了包含基礎(chǔ)的搜索功能,還增加了很多運(yùn)營(yíng)的內(nèi)容在里面。

▲ 4種搜索入口

▲ 搜索引導(dǎo)導(dǎo)航欄版塊

▲ 微博的搜索前引導(dǎo)


▲ 基于用戶(hù)習(xí)慣的搜索關(guān)鍵詞
這個(gè)過(guò)程是為用戶(hù)快速匹配想要的具體內(nèi)容,減少用戶(hù)輸入的痛點(diǎn)

▲ 輸入中的用戶(hù)引導(dǎo)

▲ 搜索頁(yè)面和搜索輸入框

▲ 搜索結(jié)果頁(yè)面

▲ 視頻類(lèi)內(nèi)容搜索結(jié)果頁(yè)

▲ 簡(jiǎn)書(shū)、PMTalk搜索結(jié)果頁(yè)
在web端形態(tài)設(shè)計(jì)

▲ 圖搜索引導(dǎo)設(shè)計(jì)

▲ 搜索背后的數(shù)據(jù)關(guān)聯(lián)設(shè)計(jì)
doc1:站內(nèi)搜索從0到1全流程設(shè)計(jì)
doc2:搜索應(yīng)該怎么設(shè)計(jì)才是對(duì)的
doc3:產(chǎn)品小白怎么入門(mén)站內(nèi)搜索設(shè)計(jì)

▲ 搜索結(jié)果背后的數(shù)據(jù)
每天體驗(yàn)1款app知識(shí)星球
我創(chuàng)建了一個(gè)《每天體驗(yàn)1款app》知識(shí)星球,有超過(guò)20個(gè)行業(yè)嘉賓在圈子里。加入后365天,每天體驗(yàn)一款A(yù)PP。提升產(chǎn)品設(shè)計(jì)能力,同時(shí)有1500份體驗(yàn)報(bào)告幫助你找到競(jìng)品。
平均1天1塊錢(qián),掃碼購(gòu)買(mǎi)即可加入
連續(xù)體驗(yàn)90款應(yīng)用,通過(guò)后原路退回

