看似一模一樣的搜尋框,在設計師眼裡有這麼多細節!

look-exactly-like-search-box-in-eyes-of-designers-have-details
搜尋幾乎是現在所有網站,APP甚至操作系統的基本,不論是電商還是論壇等等。它是一個站內給用戶直接到達目的地的通道,起到了一個引導用戶走向的重要作用。在不同的系統,不同用途的網站上搜尋呈現的方式都有所不同。

 

用搜尋的原因

使用搜尋時,訪客可以自己掌握瀏覽該網站的路徑,從哪一頁進入到哪一頁,自己控制如何使用這個網站。沒有必要根據網站的頁面設計來決定瀏覽頁面的先後順序。這也是為什麼很多網站訪客一進入就直接使用搜尋功能的原因。

另一個原因是,當訪客瀏覽網頁到一半不知道接下去該干什麼的時候,往往會使用搜尋直接去找到自己想找的內容。

 

不使用搜尋的原因

相對於搜尋,訪客根據類目,或者從功能模塊的入口進入各個頁面其實是跟著頁面的導向進行的下一步操作。

網頁的設計者會根據網站的不同需求從而設計不同的頁面佈局。根據這些頁面佈局進而引導訪客一步一步的達成網站設計者的目的。這些目的可能就是買一件商品,參加一個活動等等。訪客可以根據設計者創建的引導流程一步步的查看網站內容。

 

不同訪客群

根據搜尋是否主動搜尋這點來分,可以把訪客分成3 種類型:任務型,鏈接型,混合型。

———————————————★—————————————————

———————————————★—————————————————-

任務型

任務型的用戶就是前面說的直接使用搜尋功能的用戶。大部分用戶都是任務型的用戶。這些用戶往往是帶著某種目的來,例如已經知道了自己要購買的商品,就直接搜尋商品名稱進入搜尋列表頁。

使用搜尋的場景可以再細化一點,通常用戶已經想好了具體要搜尋的關鍵字,同時他使用的網站可以搜尋到非常大量的搜尋結果時,用戶會使用搜尋功能。例如在手機裡找一個聯絡人的號碼,如果手機裡只存了10 個號碼,那很可能就直接打開聯絡人的APP,從這10 個人的姓名中找到一個號碼;另一種情況,如果手機裡存了500 個號碼,這時候要逐個瀏覽來找某個聯絡人效率就會相對低,這是大家會做的是在聯絡人裡找到搜尋框,輸入要找的人的姓名或者拼音,定位到要找的人,最後找到電話號碼。

 

連結型

連結型的用戶打開一個頁面之後會找各個功能的連結(首頁廣告,功能入口,連結),即使他們已經想好了要找某些信息,他們還是會通過點擊入口而不是輸入關鍵字來找頁面。通常這類用戶知道自己要買麥片,但是沒有考慮好什麼品牌的麥片,哪個國家的麥片,那這個時候,他們會做的是找到網站的類目入口,在類目裡找到“麥片”的分類,點擊進入,而不是直接搜尋關鍵字“麥片”。

連結型的用戶只有當他們在頁面上找不到自己需要的相關信息連結時,才會選擇使用搜尋框。

 

混合型

混合型的用戶行為其實以上兩種都有,有時候會直接搜尋關鍵字,有時候會在頁面上尋找連結,沒有使用以上哪種偏好的傾向性,只是用當下他們覺得最好的方式。

 

不同功能,不同需求的界面會影響到搜尋框入口的設計

 

△ iOS系統的搜尋框只有在用戶下拉頁面時才會出現。對於一個系統界面來說,給用戶提供各個APP,功能入口是一個系統的重要功能,所以對於搜尋,系統做了隱藏處理。

△ YouTube有針對用戶的喜好在首頁提供不同的影片,是一個對每個用戶個性化的訂製內容, YouTube希望用戶瀏覽查看他們對於用戶推薦的影片。所以他們沒有把搜尋框直接展開而是只顯示一個icon,點擊之後出現單獨的搜尋頁。

△ 在電商網站中,當用戶不知道接下去該做什麼的時候,會使用搜尋操作來直接到達自己想要到達的頁面。所以,通常電商網站中,搜尋往往是固定在頂部Global上的,以便用戶無論在哪一頁都能找到。類似於Google,百度,Bing,搜尋是他們的主營業務,自然希望用戶所要查看的大部分頁面都是通過搜尋來獲得。所以把搜尋框做為用戶的唯一使用路徑放在首頁,不論是APP還是網頁。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *