隨著我們產品承載的內容越來越多,搜索功能在大多產品中都成了一個必不可少的功能。最初我們在看搜索框的時候,都會把它當作是一個常規的UI控件來對待,但隨著我們對產品的用戶體驗越來越重視的情況下,搜索框在設計時還是有許多需要我們注意的地方。
不管用戶帶著什么目的去使用搜索功能,其使用行為都是點擊搜索框,彈出搜索中間頁,輸入搜索內容,最后查看結果頁。因此我們應依次對照這些操作行為進行關鍵點設計。這也是今天我要跟大家分享的重點內容。
搜索入口
首先給大家看一個調查表,這是兩名在谷歌工作的人為因素心理學博士A.Dawn Shaikh(道恩·沙謝赫)和Keisi Lenz做的一項研究(用戶對于搜索框在網頁中預期出現的位置)。從結果可以看出左上角和右上角是占比最高的兩個部分,大部分用戶還是希望搜索功能出現在一個明顯的位置上。
因此產品中只要有搜索功能,我們通常會把它放在一個相對明顯的位置上,但是搜索入口具體怎么設計還是得看搜索功能在這個產品中的權重如何。小編在這里不做過多的分析,簡單給大家介紹一下現在APP中搜索入口最常見的三種形式。
1. 獨立導航標簽
如上圖中「1」的位置。這種搜索入口,說明搜索功能在整個產品中占據絕對的權重,直接出現在底部或頂部導航欄中,這樣用戶在切換幾個導航頁面時,搜索入口是常態存在的。全局性的設計讓用戶可以隨時點擊進入到搜索頁面。一般而言,此類操作觸發后對應的搜索頁面功能和層級也更加豐富。
2. 搜索框式
如上圖中「2」的位置。 任務型應用通常使用搜索框形式,這種設計方式占據了足夠的屏幕寬度,一般放在屏幕的核心位置,通常會在頁面頂部位置出現,用戶對此一目了然,可以快速點擊搜索。
3. ICON入口式
如上圖中「3」的位置。 這種入口通常出現在以瀏覽為主、搜索為輔的頁面。由于占據空間較小,出現的位置沒有嚴格限制,因此放置位置較為靈活,可以出現在頁面角落或者收起在更多入口當中,避免與其它高權重需求爭權,它更多只是作為一個輔助功能出現。