成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

如何設計移動端搜索?答案在我總結的這四個部分

移動開發 Android
目前搜索功能是每個應用產品不可缺少一部分,同時也是用戶經常光顧到的功能。一個好的搜索設計能夠提高轉化率,提升用戶體驗。下面我們來看看搜索設計的一些套路。

小溜Epik:目前搜索功能是每個應用產品不可缺少一部分,同時也是用戶經常光顧到的功能。一個好的搜索設計能夠提高轉化率,提升用戶體驗。下面我們來看看搜索設計的一些套路。

目錄:

  • 搜索入口的設計樣式
  • 搜索方式
  • 搜索的輔助功能
  • 搜索結果的展示形式

一、搜索入口的設計樣式

搜索入口的設計需要根據搜索功能在產品中的位置,不同的應用場景所使用的搜索入口樣式也是不同的,接下來分別和大家介紹一下四種搜索入口的常用樣式。

1. 底部標簽欄入口(Tab Bar)

把搜索功能作為底部標簽欄中的一個功能模塊入口,適合將搜索作為重要流量入口的 App,同時也可以同其他的 Tab Bar入口相結合,如「布卡漫畫」就是把搜索和類似發現功能的入口相結合。但是底部標簽欄的搜索入口本身并不帶搜索功能,所以通常與搜索框樣式相結合使用。(例如:App Store、布卡漫畫)

如圖: 

2. 搜索框導航入口

常見的展示形式之一,將搜索入口以輸入框的形式放置在導航欄中或者導航欄下方,有些應用即便界面向上滑動時,搜索欄會吸頂顯示,方便用戶隨時操作(是否吸頂顯示要根據搜索功能在應用中的權重)。

搜索框導航入口除了必須要有的輸入框外,還需要一個搜索圖標給予用戶提示。目前很多應用也會利用搜索框內的區域進行預設文案,可作為提示用戶關鍵詞,也可以作為運營的入口來展示。(例如:花瓣、即刻)

如圖:

3. 搜索圖標入口

同樣也是常用搜索方式,常見形式是將一個放大鏡的圖標放在導航欄的右側。相對上面提到的搜索框在視覺引導上略遜一籌,但節省了導航欄的空間,這樣導航欄中可以提供用戶更多的功能,適用于對搜索權重不高的應用。

當然也有特別的搜索圖標方式,例如:自如客,同樣是搜索圖標的樣式由于不同的位置和層級變化,變得更加突出。(例如:自如客、TIM)

如圖:

4. 隱藏的搜索入口

為了讓用戶更多的使用桌面提供的快速入口,初始界面時將搜索功能隱藏,當進行滑動界面時才會出現搜索功能,例如:iPhone手機解鎖后是各個應用入口,當向右滑動時,隱藏的搜索入口就會出現。

如圖:

二、搜索方式

搜索方式也就是我們通常會用哪些方法去搜索我們要找的東西,下面介紹三種我們常用的搜索方式。

1. 輸文字搜索

主要且常用的搜索方法,通過在輸入框中輸入想要搜索的文字進行精準搜索。同時當點擊輸入框時,激活輸入鍵盤。

如圖:

2. 語音搜索

語音搜索不僅提升了搜索的便利性,同時也解決了老人對鍵盤輸入困擾和不會拼音的人群的問題。另外在音樂類App 中語音功能得到了更好運用,無論是在街邊商場,酒吧等,當聽見我們愛不忍釋的歌曲時,可以用語音功能進行歌曲識別,隨時找到我們喜歡歌曲的名字。還有在駕車時可以利用語音搜索功能查詢路線。(例如:QQ音樂,高德地圖)

如圖:

3. 圖像搜索

借助圖像識別技術,圖像搜索也得到了廣泛的應用。例如:我們可以通過對圖片進行拍照搜索到有關圖片的信息或者是和它相似的圖片,還有電商應用中常用到的,對于無法準確描述的商品,可以通過圖像搜索找到該物品。如:蘑菇街中可以通過對現實物體拍照來找到想要的物品。(例如:蘑菇街、百度)

如圖:


三、搜索的輔助功能

基于用戶不同的搜索場景,需要給出不同的搜索輔助,一個好的搜索輔助,會讓用戶愛上你的應用,下面就來介紹五種常用的搜索輔助功能。

1. 熱門搜索

目前搜索量比較大或者運營想讓我們搜到的東西,同時給那些無目的的用戶更多的選擇。

如圖:

2. 搜索歷史

用戶可以看到自己每次查找的記錄,方便用戶再次查看。

如圖:

3. 猜你喜歡

根據收集用戶的記錄為用戶提供相關的內容,減少用戶的思考時間,同時也會給你用戶貼心的感覺。(例如:天貓,今日頭條)

如圖:

4. 遞進式搜索

通過點擊系統提供的輔助字段,逐漸縮小搜索范圍,對于搜索模糊的用戶也提供了很好的提示,可以更快的找到查找目標。(例如:淘寶)

如圖:

5. 類別搜索

當應用中涉及到的搜索內容類似較多時,可以添加類別搜索功能,先選擇類別后在進行搜索,可以更快更精準的搜索到相關內容。(例如:36氪、豆瓣)

如圖:

四、搜索結果展示形式

從搜索結果來看,依然有很多種展示形式,文字、圖片、分類、視頻類等,我們了解不同樣式后可以根據不同的應用類型來選擇合適的搜索結構的展示形式。

1. 文字類

主要以文字描述展示搜索結果,多用在音樂類應用上,因為我搜索的是歌曲本身的名字,圖片對我們來說意義并不大。(如36氪,QQ音樂)

如圖:

2. 圖片類

主要以圖片展示為主,用戶會因為看到感興趣的圖片點擊查看,所以多用在購物、資訊、電影等(如:每日優鮮、小紅書)

如圖:

3. 模塊類

主要用于包含多類別的應用,比如:我們在得到上進行搜索時,輸入一個「人類簡史」會發現有兩個類別,一個是電子書,一個是音頻,所以對于多類別的應用我們應該擴大搜索范圍并分類別展示,讓用戶可以通過分類更準確的查找想要的信息。(如得到、貓眼)

如圖:

4. 視頻類

下面要說的比較特殊,通常只有在視頻類的應用中出現,因為視頻類的用戶通常搜索目的較為明確,同時搜索出的結果也不會多樣化,所以在此界面放入更多的操作按鈕更方便用戶進行選擇觀看。(如土豆,優酷視頻)

如圖:

結語

通過上面的對搜索功能的分析可知,一個搜索功能的樣式,無論在哪個階段都要對應用本身所適用人群、類型、權重等多維度進行分析,才能設計出更合理的搜索。所以搜索樣式的本身沒有好壞之分,只要在不同的場景下,選擇最合適的形式才會提升搜索體驗,讓用戶搜索的更快、更準。

責任編輯:未麗燕 來源: 優設
相關推薦

2017-05-31 14:42:03

云計算云業務互聯網

2018-06-29 15:07:13

代碼工程師軟件開發

2010-07-19 13:28:31

配置Telnet服務

2019-10-29 14:54:20

Kafka消息系統分布式

2021-10-13 06:03:12

網絡帶寬卡頓

2024-01-09 16:08:21

數據中心運維管理

2024-10-10 11:49:27

2009-07-07 17:39:26

JSP系統

2022-01-27 15:48:05

區塊鏈金融技術

2016-12-09 13:08:25

2016-09-26 16:04:29

2015-10-30 10:23:27

創業選擇思考問題

2015-04-15 11:31:14

智能硬件智能家居

2010-05-25 16:56:05

voip系統組成

2022-02-22 09:58:09

搜索設計交互互聯網

2023-11-06 12:10:28

2017-04-12 14:33:01

機器學習數據分析開發

2017-10-12 11:28:09

2021-07-23 11:06:20

618拼團設計拼團

2010-08-31 16:34:08

DHCP服務器安裝
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 精品国产一区二区三区在线观看 | 国产亚洲精品久久19p | 欧美区日韩区 | 久久精品国产亚洲一区二区三区 | 天堂中文在线播放 | 欧美日韩一区二区在线观看 | 国产精久久久久久久 | 日日人人 | avav在线看 | 国产精品精品视频一区二区三区 | 国产精品视频一区二区三区四蜜臂 | 欧美精品在线一区 | 欧美成人高清视频 | 日韩三片 | 欧美日韩在线免费观看 | 久久人人网 | 久久精品手机视频 | www.日本精品| 在线看片网站 | a黄视频| 日美女逼逼| 久久精品亚洲精品 | 欧美日韩国产一区二区三区 | 免费一级大片 | 高清人人天天夜夜曰狠狠狠狠 | 黄色片亚洲 | 国产精品日韩欧美一区二区三区 | 国产精品成人一区二区三区夜夜夜 | 欧美日本韩国一区二区 | 久久免费视频在线 | 免费一区二区三区 | 欧美男人天堂 | 成人午夜精品一区二区三区 | 久久久成人免费视频 | 亚洲福利视频网 | 精品成人在线观看 | 久久av一区二区三区 | 精品美女在线观看视频在线观看 | 亚洲一在线 | 日韩久久久久 | 亚洲五码久久 |