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

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

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

Airbnb

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

VSCO

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

Flipboard

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

Facebook Messenger

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

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

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

廣告

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

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