搜索入口的設計需要根據搜索功能在產(chǎn)品中的位置,不同的應用場(chǎng)景所使用的搜索入口樣式也是不同的,接下來(lái)分別和大家介紹一下四種搜索入口的常用樣式。
1. 底部標簽欄入口(Tab Bar)
把搜索功能作為底部標簽欄中的一個(gè)功能模塊入口,適合將搜索作為重要流量入口的App,同時(shí)也可以同其他的Tab Bar入口相結合,如“布卡漫畫(huà)”就是把搜索和類(lèi)似發(fā)現功能的入口相結合。但是底部標簽欄的搜索入口本身并不帶搜索功能,所以通常與搜索框樣式相結合使用。(例如:App Store、布卡漫畫(huà))
2. 搜索框導航入口
常見(jiàn)的展示形式之一,將搜索入口以輸入框的形式放置在導航欄中或者導航欄下方,?#34892;?#25033;用即便界面向上滑動(dòng)時(shí),搜索欄會(huì )吸頂顯示,方便用戶(hù)隨時(shí)操作(是否吸頂顯示要根據搜索功能在應用中的權重)。
搜索框導航入口除了必須要有的輸入框外,還需要一個(gè)搜索圖標給予用戶(hù)提示。目前很多應用也會(huì )利用搜索框內的區域進(jìn)行預設文案,可作為提示用戶(hù)關(guān)鍵詞,也可以作為運營(yíng)的入口來(lái)展示。(例如:花瓣、即刻)
3. 搜索圖標入口
同樣也是常用搜索方式,常見(jiàn)形式是將一個(gè)放大鏡的圖標放在導航欄的右側。相對上面提到的搜索框在視覺(jué)引導?#19979;?#36956;一籌,但節省了導航欄的空間,這樣導航欄中可以提供用戶(hù)更多的功能,適用于對搜索權重不高的應用中。
當然也有特別的搜索圖標方式,例如:自如客,同樣是搜索圖標的樣式由于不同的位置和層級變化,變得更加突出。(例如:自如客、TIM)
4. 隱藏的搜索入口
為了讓用戶(hù)更多的使用桌面提供的快速入口,初始界面時(shí)將搜索功能隱藏,當進(jìn)行滑動(dòng)界面時(shí)才會(huì )出現搜索功能,例如:iPhone手機解鎖后是各個(gè)應用入口,當向?#19968;?#21205;(dòng)時(shí),隱藏的搜索入口就會(huì )出現。