令人印象深刻的移動(dòng)應(yīng)用搜索實(shí)現(xiàn)

2016-09-24    分類: 網(wǎng)站建設(shè)

移動(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ì)顯得笨拙,對(duì)移動(dòng)網(wǎng)站或應(yīng)用程序的用戶來(lái)說(shuō)是一種推脫。在本文中,我們將討論一些有效的移動(dòng)搜索效果,并考慮什么使它們感到如此自然和易于使用。

Airbnb

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

VSCO

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

Flipboard

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

Facebook Messenger

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

網(wǎng)站題目:令人印象深刻的移動(dòng)應(yīng)用搜索實(shí)現(xiàn)
分享鏈接:http://www.bm7419.com/news19/48219.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供營(yíng)銷型網(wǎng)站建設(shè)定制開發(fā)、網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)、云服務(wù)器網(wǎng)站制作

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

網(wǎng)站托管運(yùn)營(yíng)