作者:胡桃子
大家好,我是胡桃子。搜索是每個應用產品不可缺少的一部分,同時也是用戶經常使用的功能。它是巨大的流量入口,同時又承載著產品運營的能力。一個好的搜索設計能夠提高轉化率,提升用戶體驗。最近有空整理了一下關於搜索設計的幾個要點,我們一起來看看吧。
01 搜索入口的設計樣式
搜索入口的設計與搜索功能在產品中的位置密切相關,不同的應用場景所使用的搜索入口樣式也是不同的,下面介紹四種常用的搜索入口樣式。
1. 底部標籤欄入口
把搜索功能作為底部標籤欄中的一個功能模塊,適合將搜索作為重要流量入口的App,同時也可以與其他的功能模塊入口相結合,如下圖所示:
“布卡漫畫”就是把搜索和其他小的功能模塊入口相結合,如熱榜、VIP專區等。底部搜索入口本身並沒有搜索功能,因此常常會與搜索框樣式相結合使用。
2. 搜索框導航入口
這是常見的展示形式之一,將搜索入口以輸入框的形式放置在導航欄中或者導航欄下方,有些應用即便界面向上滑動時,搜索框仍會吸頂顯示,方便用戶隨時操作(是否吸頂顯示要根據搜索功能在應用中的權重而定),如下圖所示:
搜索框導航入口除了必須要有的輸入框外,還需要一個搜索圖標給予用戶提示。目前很多應用也會利用搜索框內的區域顯示預設文案,作為提示用戶的關鍵詞,也可以作為運營的入口來展示。
3. 搜索圖標入口
這同樣也是常用的搜索方式,常見形式是將一個放大鏡的圖標放在導航欄的右側。相對上面提到的搜索框,它在視覺引導上略遜一籌,但節省了導航欄的空間,讓導航欄可以為用戶提供更多的功能,適用於搜索權重不高的應用中,如下圖所示:
4. 隱藏的搜索入口
為了讓用戶更多地使用桌面提供的快速入口,一些設計中的初始界面將搜索功能隱藏,滑動界面時才會出現搜索功能。例如iPhone手機解鎖後的界面是各個應用入口,當向下滑動時,隱藏的搜索入口才會出現,如下圖所示:
02 搜索方式
搜索方式就是我們通常會用哪些方法去搜索要找的東西,下面介紹三種常用的搜索方式。
1. 文字搜索
文字搜索是主要且常用的搜索方法,通過在輸入框中輸入關鍵字進行精準搜索。當點擊輸入框時,激活輸入鍵盤,如下圖所示:
2. 語音搜索
語音搜索不僅提升了搜索的便利性,也解決了老人和不會拼音的人群的問題。另外,在音樂類App中語音搜索功能得到了更好的運用,無論是在街邊商場還是酒吧,當我們聽見喜歡的歌曲時,可以用語音搜索功能進行歌曲識別,隨時找到這首歌曲的名字,如下圖所示:
3. 圖像搜索
藉助圖像識別技術,圖像搜索也得到了廣泛的應用。例如,我們可以通過對圖片進行拍照搜索到有關它的信息或者是和它相似的圖片;還有電商應用中常用到的,對於無法準確描述的商品,可以通過圖像搜索找到該物品。淘寶和蘑菇街就可以通過對現實物體拍照來找到想要的物品,如下圖所示:
03 搜索的輔助方式
基於用戶不同的搜索場景,需要給出不同的搜索輔助,一個好的搜索輔助,會讓用戶愛上你的應用。下面就來介紹五種常用的搜索輔助功能。
1. 熱門搜索
熱門搜索常見於搜索量比較大或者運營人員想讓用戶搜到的信息,同時給那些無目的的用戶更多的選擇,如下圖所示:
2. 搜索歷史
通過搜索歷史,用戶可以看到自己每次查找的記錄,方便再次查看,如下圖所示:
轉載請超鏈接註明:頭條資訊 » 移動端“搜索功能”超全面總結!
免責聲明 :非本網註明原創的信息,皆為程序自動獲取互聯網,目的在於傳遞更多信息,並不代表本網贊同其觀點和對其真實性負責;如此頁面有侵犯到您的權益,請給站長發送郵件,並提供相關證明(版權證明、身份證正反面、侵權鏈接),站長將在收到郵件24小時內刪除。