日本a在线观看_久久久三区_久久99精品久久久久久国产越南_在线观看中文字幕av_国产精品久久久久久久久久东京_a免费视频

PS設計教程網歡迎你!

纖細解析UI界面中搜索入口的設計技巧

文章來源于 優設,感謝作者 DR_DDC 給我們帶來經精彩的文章!
設計教程/前端設計/前端設計2016-11-10
搜索幾乎是現在所有網站,APP甚至操作系統的標配,不論是電商還是論壇等等。它是一個站內給用戶直接到達目的地的通道,起到了一個引導用戶走向的重要作用。在不同的系統,不同用途的網站上搜索呈現的方式都有所不同。

搜索幾乎是現在所有網站,APP甚至操作系統的標配,不論是電商還是論壇等等。它是一個站內給用戶直接到達目的地的通道,起到了一個引導用戶走向的重要作用。在不同的系統,不同用途的網站上搜索呈現的方式都有所不同。

歡迎關注點融設計中心DDC微信公眾號:「微信ID:DR_DDC」

用搜索的原因

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

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

不使用搜索的原因

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

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

不同用戶群

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

任務型:

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

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

鏈接型:

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

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

混合型:

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

搜索入口的設計

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

iOS系統的搜索框只有在用戶下拉頁面時才會出現。

對于一個系統界面來說,給用戶提供各個APP,功能入口是一個系統的重要功能,所以對于搜索,系統做了隱藏處理。

纖細解析UI界面中搜索入口的設計技巧

YouTube的搜索框點搜索icon出現。

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

纖細解析UI界面中搜索入口的設計技巧

電商類APP搜索框一般直接露出在首頁的最頂端。

前面有說到在電商網站中,當用戶不知道接下去該做什么的時候,會使用搜索操作來直接到達自己想要到達的頁面。所以,通常電商網站中,搜索往往是固定在頂部Global上的,以便用戶無論在哪一頁都能找到。

纖細解析UI界面中搜索入口的設計技巧

搜索引擎像Google的首頁則只有搜索框。

類似于Google,百度,Bing,搜索是他們的主營業務,自然希望用戶所要查看的大部分頁面都是通過搜索來獲得。所以把搜索框做為用戶的唯一使用路徑放在首頁,不論是APP還是網頁。

纖細解析UI界面中搜索入口的設計技巧

這4個例子里對用戶對搜索的需求依次增強,所以搜索在頁面上的表現形式也依次增強。

作為一個用戶大量使用的工具:搜索,它的位置,呈現形式直接關系到制作者對產品的預期,也直接關系到用戶會用什么形式使用當前的界面。有的用戶瀏覽界面知道自己要找什么,有的用戶是來頁面上逛逛的,針對不同用戶,不同的搜索設計方案可以幫助設計者達到設計目的,也能幫助用戶更好的使用體驗。

以上是對搜索表現形式的一些基本見解,謝謝。

版權所有PS設計教程網公安備案:蘇公網安備 32058302001023號工信部備案:滬ICP備09005587號
aaa
主站蜘蛛池模板: 成人毛片视频在线播放 | 欧美亚洲免费 | 青青草成人免费视频在线 | 精品中文字幕在线观看 | 国产精品久久久久久久av三级 | 久久国产精品久久久久 | 久久精品欧美电影 | 成人一级片毛片 | 久久精品亚洲成在人线av网址 | 免费观看国产精品视频 | 国产青草视频在线观看 | 国产精品性夜天天视频 | 91 免费看片 | 欧美在线观看视频一区二区 | 国产精品jk白丝蜜臀av软件 | 欧产日产国产精品乱噜噜 | 久久久日韩精品一区二区三区 | 成人一级视频 | 久色一区 | 日本黄色a视频 | 国产成人高潮免费观看精品 | 蜜桃免费在线 | 久久久一区二区三区精品 | 国产乱淫a∨片免费视频 | 久久免费观看一级毛片 | 欧美 国产 综合 | www.成人免费视频 | 天天夜干| 久久国产精品电影 | 久久超 | 综合图区亚洲 | 刘亦菲一区二区三区免费看 | 国产亚洲小视频 | 一级黄色在线观看 | 亚洲小视频在线播放 | 国产精品www| 日韩精品中文字幕一区二区三区 | 曰韩在线视频 | 久久久久亚洲国产精品 | 自拍偷拍亚洲图片 | 最新久久免费视频 |