移動(dòng)搜索是大多數(shù)移版網(wǎng)站和移動(dòng)應(yīng)用程序的組成部分?？紤]到與移動(dòng)設(shè)備屏幕的限制大小有關(guān)的限制，實(shí)現(xiàn)諸如搜索這樣的特性必須非常精確，并需要考慮到移動(dòng)的用戶體驗(yàn)。如果沒有適當(dāng)?shù)目紤]，移動(dòng)搜索可能會(huì)顯得笨拙，對移動(dòng)網(wǎng)站或應(yīng)用程序的用戶來說是一種推脫。在本文中，我們將討論一些有效的移動(dòng)搜索效果，并考慮什么使它們感到如此自然和易于使用。

Airbnb

Airbnb提供了一個(gè)清晰的、經(jīng)過深思熟慮的設(shè)計(jì)，它可以被解釋為iOS中相當(dāng)標(biāo)準(zhǔn)的設(shè)計(jì)。有明顯的占位符文本，這是退出搜索屏幕的一個(gè)突出的取消動(dòng)作，并且建議和最近的搜索列表項(xiàng)很大，使它們易于查看和點(diǎn)擊。該公司甚至還運(yùn)用了諸如字體、品牌色彩和圖像等微妙的細(xì)節(jié)來進(jìn)行品牌推廣。

VSCO

VSCO在搜索設(shè)計(jì)上采取了簡潔的方法，繼續(xù)他們的設(shè)計(jì)方向，同時(shí)保持了良好的可用性水平。搜索字段是尤為突出，取消操作很大，并在易于到達(dá)的區(qū)域中適當(dāng)?shù)囟ㄎ?，遠(yuǎn)離主要的搜索操作。有一個(gè)有用的過濾器，有清晰的活躍和不活躍的狀態(tài)，這需要一個(gè)單獨(dú)的點(diǎn)擊來改變搜索類型。搜索結(jié)果在輸入時(shí)動(dòng)態(tài)地呈現(xiàn)，并且與大型用戶avatars保持良好的間隔，以便在搜索已知實(shí)體時(shí)能夠更快地識別。

Flipboard

另一個(gè)很好的搜索設(shè)計(jì)的例子是Flipboard。雖然它不是典型的表單，但它允許用戶通過類別和搜索項(xiàng)輕松地過濾。這使得他們可以對搜索進(jìn)行相當(dāng)程度的優(yōu)化，而不必在搜索字段中輸入大量字符。搜索字段本身是清晰的，通用的是中等重量的文本和可識別的圖標(biāo)。這個(gè)例子有最清晰和最顯著的關(guān)閉動(dòng)作，在內(nèi)容的底部有一個(gè)很大的高對比度按鈕，以避免混淆搜索字段或不必要的結(jié)果。

Facebook Messenger

Facebook Messenger非常有效地在消息傳遞接口的表情/貼紙方面實(shí)現(xiàn)搜索。它允許用戶通過可滾動(dòng)的左和右的類別快速地縮小結(jié)果。通過使用顏色和比例，這里的提示是，輸入一個(gè)搜索詞是次要的——他們把用戶推到水平和垂直滾動(dòng)，以更輕松地找到他們想要的結(jié)果。這是通過明顯的小標(biāo)題和大的縮略圖來實(shí)現(xiàn)的，這些縮略圖是緊湊的，但是很容易點(diǎn)擊。