火星網(wǎng)校
聊聊UI界面中搜索入口的設計
發(fā)布時間：2024-04-13 10:36:57 瀏覽量：142次
搜索幾乎是現(xiàn)在所有網(wǎng)站，APP甚至操作系統(tǒng)的標配，不論是電商還是論壇等等。它是一個站內(nèi)給用戶直接到達目的地的通道，起到了一個引導用戶走向的重要作用。在不同的系統(tǒng)，不同用途的網(wǎng)站上搜索呈現(xiàn)的方式都有所不同。
用搜索的原因
使用搜索時，用戶可以自己掌握瀏覽該網(wǎng)站的路徑，從哪一頁進入到哪一頁，自己控制如何使用這個網(wǎng)站。沒有必要根據(jù)網(wǎng)站的頁面設計來決定瀏覽頁面的先后順序。這也是為什么很多網(wǎng)站用戶一進入就直接使用搜索功能的原因。
另一個原因是，當用戶瀏覽網(wǎng)頁到一半不知道接下去該干什么的時候，往往會使用搜索直接去找到自己想找的內(nèi)容。
不使用搜索的原因
相對于搜索，用戶根據(jù)類目，或者從功能模塊的入口進入各個頁面其實是跟著頁面的導向進行的下一步操作。
網(wǎng)頁的設計者會根據(jù)網(wǎng)站的不同需求從而設計不同的頁面布局。根據(jù)這些頁面布局進而引導用戶一步一步的達成網(wǎng)站設計者的目的。這些目的可能就是買一件商品，參加一個活動等等。用戶可以根據(jù)設計者創(chuàng)建的引導流程一步步的查看網(wǎng)站內(nèi)容。
不同用戶群
根據(jù)搜索是否主動搜索這點來分，可以把用戶分成3種類型：任務型，鏈接型，混合型。
任務型
任務型的用戶就是前面說的直接使用搜索功能的用戶。大部分用戶都是任務型的用戶。這些用戶往往是帶著某種目的來，例如已經(jīng)知道了自己要購買的商品，就直接搜索商品名稱進入搜索列表頁。
使用搜索的場景可以再細化一點，通常用戶已經(jīng)想好了具體要搜索的關(guān)鍵詞，同時他使用的網(wǎng)站可以搜索到非常大量的搜索結(jié)果時，用戶會使用搜索功能。
例如，在手機里找一個聯(lián)系人的號碼，如果手機里只存了10個號碼，那很可能就直接打開聯(lián)系人的APP，從這10個人的姓名中找到一個號碼；另一種情況，如果手機里存了500個號碼，這時候要逐個瀏覽來找某個聯(lián)系人效率就會相對低，這是大家會做的是在聯(lián)系人里找到搜索框，輸入要找的人的姓名或者拼音，定位到要找的人，最后找到電話號碼。
鏈接型
鏈接型的用戶打開一個頁面之后會找各個功能的鏈接（首頁廣告，功能入口，鏈接），即使他們已經(jīng)想好了要找某些信息，他們還是會通過點擊入口而不是輸入關(guān)鍵字來找頁面。通常這類用戶知道自己要買麥片，但是沒有考慮好什么品牌的麥片，哪個國家的麥片，那這個時候，他們會做的是找到網(wǎng)站的類目入口，在類目里找到“麥片”的分類，點擊進入，而不是直接搜索關(guān)鍵詞“麥片”。
鏈接型的用戶只有當他們在頁面上找不到自己需要的相關(guān)信息鏈接時，才會選擇使用搜索框。
混合型
混合型的用戶行為其實以上兩種都有，有時候會直接搜索關(guān)鍵詞，有時候會在頁面上尋找鏈接，沒有使用以上哪種偏好的傾向性，只是用當下他們覺得最好的方式。
搜索入口的設計
不同功能，不同需求的界面會影響到搜索框入口的設計。
iOS系統(tǒng)的搜索框只有在用戶下拉頁面時才會出現(xiàn)。
對于一個系統(tǒng)界面來說，給用戶提供各個APP，功能入口是一個系統(tǒng)的重要功能，所以對于搜索，系統(tǒng)做了隱藏處理。
YouTube的搜索框點搜索icon出現(xiàn)。
YouTube有針對用戶的喜好在首頁提供不同的視頻，是一個對每個用戶個性化的訂制內(nèi)容， YouTube希望用戶瀏覽查看他們對于用戶推薦的視頻。所以他們沒有把搜索框直接展開而是只顯示一個icon，點擊之后出現(xiàn)單獨的搜索頁。
電商類APP搜索框一般直接露出在首頁的最頂端。
前面有說到在電商網(wǎng)站中，當用戶不知道接下去該做什么的時候，會使用搜索操作來直接到達自己想要到達的頁面。所以，通常電商網(wǎng)站中，搜索往往是固定在頂部Global上的，以便用戶無論在哪一頁都能找到。
搜索引擎像Google的首頁則只有搜索框。
類似于Google，百度，Bing，搜索是他們的主營業(yè)務，自然希望用戶所要查看的大部分頁面都是通過搜索來獲得。所以把搜索框做為用戶的唯一使用路徑放在首頁，不論是APP還是網(wǎng)頁。
這4個例子里對用戶對搜索的需求依次增強，所以搜索在頁面上的表現(xiàn)形式也依次增強。
作為一個用戶大量使用的工具：搜索，它的位置，呈現(xiàn)形式直接關(guān)系到制作者對產(chǎn)品的預期，也直接關(guān)系到用戶會用什么形式使用當前的界面。有的用戶瀏覽界面知道自己要找什么，有的用戶是來頁面上逛逛的，針對不同用戶，不同的搜索設計方案可以幫助設計者達到設計目的，也能幫助用戶更好的使用體驗。
以上是對搜索表現(xiàn)形式的一些基本見解，謝謝。
本文由 @點融設計中心DDC 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。
熱門課程推薦
熱門資訊
-
1. iPhone6的UI設計尺寸規(guī)范，原來如此重要！
想要了解iPhone6界面設計的尺寸規(guī)范嗎？這里為您詳細介紹iPhone6的UI設計尺寸規(guī)范，包括界面尺寸、圖標尺寸、可點擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
-
2. 12個絕佳的UI設計網(wǎng)站，助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設計網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學習新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設計師的...
-
3. 移動端UI設計中常見的5種APP界面類型，你get到了嗎？
通過介紹移動端UI設計中的閃屏頁、引導頁、浮層引導頁、空白頁和首頁等5種APP界面類型，幫助大家更好地了解UI設計的基本知識
-
4. 10個免費學習UI設計的網(wǎng)站 提升你的設計能力
怎樣可以提升你的UI設計能力!第一個:站酷站酷想必是設計師都知道的一個網(wǎng)站,里面不止有UI設計的資源,還有其他設計的,不如:平面設計、網(wǎng)頁設計、字體...
-
在移動端設計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設計能夠讓用戶輕松地獲取信息并產(chǎn)生點擊欲望,從而提高點擊率。本文將為你...
-
對于想要提高自己的設計能力和創(chuàng)造力的小白和UI設計師來說,這本書是一個很好的選擇。4.《設計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
-
7. 零基礎(chǔ)學UI設計要多久？培訓完能拿多少工資？
探索零基礎(chǔ)UI設計培訓的時長與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專業(yè)課程，以及培訓后的職業(yè)發(fā)展機會。
-
8. 物聯(lián)網(wǎng)APP UI設計:創(chuàng)造智能硬件領(lǐng)域的沉浸式體驗
ui設計應該讓用戶一目了然,能夠快速找到所需的信息和功能。在設計過程中,應盡量使用簡潔的圖標、文字和色彩,避免過多的視覺干擾。符合用戶習慣:ui設...
-
想了解武漢UI設計培訓班的費用是多少嗎？不知道學UI設計要花多少錢？不妨看看這篇文章，了解UI設計培訓班的學費價格以及學習內(nèi)容。
-
10. 設計中的色彩心理學:淺析中西方色彩的歷史演變與設計應用
摘要:本文探討了色彩的歷史演變和設計應用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設計中的重要性以及新興技...
