激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

為你全面分析移動(dòng)端APP搜索框應(yīng)該怎樣設(shè)計(jì)

發(fā)布時(shí)間：2024-04-13 15:29:05 瀏覽量：181次

搜索是每個(gè)應(yīng)用產(chǎn)品不可缺少的一部分，同時(shí)也是用戶經(jīng)常使用的功能。它是巨大的流量入口，同時(shí)又承載著產(chǎn)品運(yùn)營(yíng)的能力。一個(gè)好的搜索設(shè)計(jì)能夠提高轉(zhuǎn)化率，提升用戶體驗(yàn)。

搜索入口的設(shè)計(jì)樣式

搜索入口的設(shè)計(jì)與搜索功能在產(chǎn)品中的位置密切相關(guān)，不同的應(yīng)用場(chǎng)景所使用的搜索入口樣式也是不同的，下面介紹四種常用的搜索入口樣式。

1. 底部標(biāo)簽欄入口

把搜索功能作為底部標(biāo)簽欄中的一個(gè)功能模塊，適合將搜索作為重要流量入口的App，同時(shí)也可以與其他的功能模塊入口相結(jié)合，如下圖所示：

2. 搜索框?qū)Ш饺肟?/h1>

這是常見(jiàn)的展示形式之一，將搜索入口以輸入框的形式放置在導(dǎo)航欄中或者導(dǎo)航欄下方，有些應(yīng)用即便界面向上滑動(dòng)時(shí)，搜索框仍會(huì)吸頂顯示，方便用戶隨時(shí)操作（是否吸頂顯示要根據(jù)搜索功能在應(yīng)用中的權(quán)重而定），如下圖所示：


3. 搜索圖標(biāo)入口

這同樣也是常用的搜索方式，常見(jiàn)形式是將一個(gè)放大鏡的圖標(biāo)放在導(dǎo)航欄的右側(cè)。相對(duì)上面提到的搜索框，它在視覺(jué)引導(dǎo)上略遜一籌，但節(jié)省了導(dǎo)航欄的空間，讓導(dǎo)航欄可以為用戶提供更多的功能，適用于搜索權(quán)重不高的應(yīng)用中，如下圖所示：

4. 隱藏的搜索入口

為了讓用戶更多地使用桌面提供的快速入口，一些設(shè)計(jì)中的初始界面將搜索功能隱藏，滑動(dòng)界面時(shí)才會(huì)出現(xiàn)搜索功能。例如iPhone手機(jī)解鎖后的界面是各個(gè)應(yīng)用入口，當(dāng)向下滑動(dòng)時(shí)，隱藏的搜索入口才會(huì)出現(xiàn)，如下圖所示：

搜索方式

搜索方式就是我們通常會(huì)用哪些方法去搜索要找的東西，下面介紹三種常用的搜索方式。

1. 文字搜索

文字搜索是主要且常用的搜索方法，通過(guò)在輸入框中輸入關(guān)鍵字進(jìn)行精準(zhǔn)搜索。當(dāng)點(diǎn)擊輸入框時(shí)，激活輸入鍵盤，如下圖所示：

2. 語(yǔ)音搜索

語(yǔ)音搜索不僅提升了搜索的便利性，也解決了老人和不會(huì)拼音的人群的問(wèn)題。另外，在音樂(lè)類App中語(yǔ)音搜索功能得到了更好的運(yùn)用，無(wú)論是在街邊商場(chǎng)還是酒吧，當(dāng)我們聽(tīng)見(jiàn)喜歡的歌曲時(shí)，可以用語(yǔ)音搜索功能進(jìn)行歌曲識(shí)別，隨時(shí)找到這首歌曲的名字，如下圖所示：

3. 圖像搜索

借助圖像識(shí)別技術(shù)，圖像搜索也得到了廣泛的應(yīng)用。例如，我們可以通過(guò)對(duì)圖片進(jìn)行拍照搜索到有關(guān)它的信息或者是和它相似的圖片；還有電商應(yīng)用中常用到的，對(duì)于無(wú)法準(zhǔn)確描述的商品，可以通過(guò)圖像搜索找到該物品。淘寶和蘑菇街就可以通過(guò)對(duì)現(xiàn)實(shí)物體拍照來(lái)找到想要的物品，如下圖所示：

搜索的輔助方式

基于用戶不同的搜索場(chǎng)景，需要給出不同的搜索輔助，一個(gè)好的搜索輔助，會(huì)讓用戶愛(ài)上你的應(yīng)用。下面就來(lái)介紹五種常用的搜索輔助功能。

1. 熱門搜索

熱門搜索常見(jiàn)于搜索量比較大或者運(yùn)營(yíng)人員想讓用戶搜到的信息，同時(shí)給那些無(wú)目的的用戶更多的選擇，如下圖所示：

2. 搜索歷史

通過(guò)搜索歷史，用戶可以看到自己每次查找的記錄，方便再次查看，如下圖所示：

3. 猜你喜歡

猜你喜歡根據(jù)收集的用戶記錄為用戶提供相關(guān)的內(nèi)容，減少用戶的思考時(shí)間，同時(shí)也為用戶帶來(lái)貼心的感覺(jué)，如下圖所示：

4. 遞進(jìn)式搜索

遞進(jìn)式搜索通過(guò)點(diǎn)擊系統(tǒng)提供的輔助字段，逐漸縮小搜索范圍，對(duì)輸入模糊關(guān)鍵字的用戶也提供了很好的提示，使其更快地找到目標(biāo)，如下圖所示：


5. 類別搜索

當(dāng)應(yīng)用中涉及搜索內(nèi)容的信息較多時(shí)，可以添加類別搜索功能，讓用戶先選擇類別，然后再進(jìn)行搜索，可以更快更精準(zhǔn)地搜索到相關(guān)內(nèi)容，如下圖所示：

搜索結(jié)果展現(xiàn)形式

從搜索結(jié)果來(lái)看，依然有很多種展示形式，如文字、圖片、模塊、視頻等。了解不同樣式后，可以根據(jù)不同的應(yīng)用類型來(lái)選擇合適的搜索結(jié)果的展示形式。

1. 文字類

文字類主要以文字描述展示搜索結(jié)果，多用在新聞?lì)悺⒁魳?lè)類應(yīng)用上。因?yàn)橛脩羲阉鞯氖顷P(guān)鍵字或歌曲本身的名字，圖片對(duì)用戶來(lái)說(shuō)意義并不大，如下圖所示：

2. 圖片類

圖片類主要以圖片展示為主，用戶會(huì)因?yàn)榭吹礁信d趣的圖片點(diǎn)擊查看，所以多用在購(gòu)物、資訊、電影等應(yīng)用中，如下圖所示：

3. 模塊類

模塊類主要用于包含多類別的應(yīng)用，例如在淘票票上進(jìn)行搜索時(shí)，輸入“影”會(huì)發(fā)現(xiàn)有幾個(gè)類別：電影、影院、演唱會(huì)等。所以對(duì)于多類別的應(yīng)用，我們應(yīng)該擴(kuò)大搜索范圍并分類別展示，讓用戶可以通過(guò)分類更準(zhǔn)確地查找想要的信息，如下圖所示：

4. 視頻類

下面要說(shuō)的比較特殊，通常只有在視頻類的應(yīng)用中出現(xiàn)。因?yàn)橛脩羲阉饕曨l的目的較為明確，同時(shí)搜索出的結(jié)果也不會(huì)多樣化，所以在此界面可放入更多的操作按鈕方便用戶進(jìn)行選擇觀看，如下圖所示：

總結(jié)

1、搜索入口的設(shè)計(jì)樣式：搜索入口的設(shè)計(jì)需要根據(jù)搜索功能在產(chǎn)品中的位置而定，不同的應(yīng)用場(chǎng)景所使用的搜索入口樣式也是不同的，常用的四種為：底部標(biāo)簽欄入口、搜索框?qū)Ш饺肟?、搜索圖標(biāo)入口、隱藏的搜索入口。

2、三種常用的搜索方式：文字搜索、語(yǔ)音搜索、圖像搜索。

3、五種搜索的輔助功能：熱門搜索、搜索歷史、猜你喜歡、遞進(jìn)式搜索、類別搜索。

4、四種搜索結(jié)果展示形式：文字類、圖片類、模塊類、視頻類。

通過(guò)上面對(duì)搜索功能的分析可知，無(wú)論在哪個(gè)階段，都要對(duì)應(yīng)用本身的適用人群、類型、功能權(quán)重等進(jìn)行多維度分析，才能設(shè)計(jì)出更合理的搜索。所以搜索樣式的本身沒(méi)有好壞之分，在不同的場(chǎng)景下，選擇最合適的形式才會(huì)提升搜索體驗(yàn)，讓用戶搜索得更快、更準(zhǔn)。

相關(guān)推薦：

UI設(shè)計(jì)中APP的首頁(yè)如何設(shè)計(jì)？

APP設(shè)計(jì)如何利用空狀態(tài)留住用戶？

UI設(shè)計(jì)中線框圖設(shè)計(jì)？線框圖全面解析

數(shù)據(jù)可視化設(shè)計(jì)，用清晰簡(jiǎn)單的方式理解

APP界面金剛區(qū)圖標(biāo)怎樣做？金剛區(qū)全方位解析

熱門課程推薦

熱門資訊

請(qǐng)綁定手機(jī)號(hào)

獲取驗(yàn)證碼
x

同學(xué)您好！

您已成功報(bào)名0元試學(xué)活動(dòng)，老師會(huì)在第一時(shí)間與您取得聯(lián)系，請(qǐng)保持電話暢通！
確定