2016-09-24 分類: 網(wǎng)站建設
移動搜索是大多數(shù)移版網(wǎng)站和移動應用程序的組成部分??紤]到與移動設備屏幕的限制大小有關(guān)的限制,實現(xiàn)諸如搜索這樣的特性必須非常精確,并需要考慮到移動的用戶體驗。如果沒有適當?shù)目紤],移動搜索可能會顯得笨拙,對移動網(wǎng)站或應用程序的用戶來說是一種推脫。在本文中,我們將討論一些有效的移動搜索效果,并考慮什么使它們感到如此自然和易于使用。
Airbnb
Airbnb提供了一個清晰的、經(jīng)過深思熟慮的設計,它可以被解釋為iOS中相當標準的設計。有明顯的占位符文本,這是退出搜索屏幕的一個突出的取消動作,并且建議和最近的搜索列表項很大,使它們易于查看和點擊。該公司甚至還運用了諸如字體、品牌色彩和圖像等微妙的細節(jié)來進行品牌推廣。
VSCO
VSCO在搜索設計上采取了簡潔的方法,繼續(xù)他們的設計方向,同時保持了良好的可用性水平。搜索字段是尤為突出,取消操作很大,并在易于到達的區(qū)域中適當?shù)囟ㄎ?,遠離主要的搜索操作。有一個有用的過濾器,有清晰的活躍和不活躍的狀態(tài),這需要一個單獨的點擊來改變搜索類型。搜索結(jié)果在輸入時動態(tài)地呈現(xiàn),并且與大型用戶avatars保持良好的間隔,以便在搜索已知實體時能夠更快地識別。
另一個很好的搜索設計的例子是Flipboard。雖然它不是典型的表單,但它允許用戶通過類別和搜索項輕松地過濾。這使得他們可以對搜索進行相當程度的優(yōu)化,而不必在搜索字段中輸入大量字符。搜索字段本身是清晰的,通用的是中等重量的文本和可識別的圖標。這個例子有最清晰和最顯著的關(guān)閉動作,在內(nèi)容的底部有一個很大的高對比度按鈕,以避免混淆搜索字段或不必要的結(jié)果。
Facebook Messenger
Facebook Messenger非常有效地在消息傳遞接口的表情/貼紙方面實現(xiàn)搜索。它允許用戶通過可滾動的左和右的類別快速地縮小結(jié)果。通過使用顏色和比例,這里的提示是,輸入一個搜索詞是次要的――他們把用戶推到水平和垂直滾動,以更輕松地找到他們想要的結(jié)果。這是通過明顯的小標題和大的縮略圖來實現(xiàn)的,這些縮略圖是緊湊的,但是很容易點擊。
網(wǎng)站題目:令人印象深刻的移動應用搜索實現(xiàn)
分享鏈接:http://www.rwnh.cn/news19/48219.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供營銷型網(wǎng)站建設、定制開發(fā)、網(wǎng)站建設、網(wǎng)站設計、云服務器、網(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)
猜你還喜歡下面的內(nèi)容