日本精品在线观看_免费观看欧美一级高清_羞羞答答91麻豆网站入口_日本亚洲欧美在线

客服熱線:13105316060
產品設計
關注我們、關注前沿
Recently is to do ...
您現在的位置:白菜網絡 > 案例作品
移動端搜索,那些你可能不知道的設計巧思
UPTATED:2015/11/06/分類:產品設計
  “搜索” 是許多移動端應用中的常見功能,尤其對于電商類、引擎類、信息流類的應用,搜索往往是其中最重要的功能之一,據說淘寶用戶 90%的行為都從搜索框開始。無論是移動端還是 pc 端,“搜索” 的設計思考都以 “用戶要得到什么?” 作為出發點;但兩者的展現形式卻不盡相同。相較于 pc 端,移動端的搜索功能需要在更小的屏幕空間上占有一席之地;根據不同的業務形式,其展現的方式也是多種多樣。本文以 “搜索的時間邏輯” 作為脈絡,從 “為什么要搜索-搜索前-搜索時-搜索后” 對搜索功能進行解剖式分析,給自己做分析整理的同時也分享給剛剛入門做移動端體驗設計的同學。
 
為什么要搜索-關于搜索的行為思考
不同的搜索目的
 
 
  不同的用戶或使用場景,用戶搜索的目的往往不同,一般分以下三類。
 
  1、精確搜索。這種場景下用戶目的清晰明確、直奔主題,通過在搜索框輸入內容快速找到所需目標,完成此次搜索動作。常見案例如百度地圖、UBER、網易有道詞典、同花順的搜索功能等。
 
  2、提高尋找效率,高效鎖定目標或快速縮小范圍。這時候 “搜索” 功能在一定程度上和 “篩選” 近似,有時候往往和篩選一起使用。這種常見于信息瀏覽類應用,在用戶瀏覽信息的同時往往 “迸發” 出念頭,想要快速瀏覽有針對性內容,于是開始使用搜索。常見案例如愛奇藝、下廚房、優酷、美團、大眾點評、知乎等。
 
  3、用戶不知道自己想要什么,通過 “搜索” 啟發自己靈感。因為很多應用的搜索頁面中往往有 “精心安排” 的信息。為迎合這類用戶需求,搜索頁面一般有熱門搜索的關鍵詞、搜索類目、記錄等等。
 
寫在搜索前-搜索怎么放
 
  1、搜索圖標:在導航欄一側或其他位置放置,根據用戶場景和重要級需求決定。一般搜索圖標放在右側,當右側有兩個及以上按鈕時,考慮平鋪或折疊。
 
  2、搜索欄:以搜索欄的形式直接放在導航欄或放在導航欄下方等其他位置,此時搜索欄可結合語音、拍照、刪除(在輸入后顯示)等功能按鈕。
 
  3、搜索作為標簽欄中的某一個功能:根據內容重要性決定排在第幾個標簽中。
 
  4、搜索以單獨頁面或主頁 P0 功能展現:直接作為主頁面或主頁以較大篇幅顯示搜索欄,內容及形式根據用戶場景定義。(見圖一)
 
搜索時-搜索框的變身
 
  1.以搜索欄形式展現的搜索功能,搜索框的位置可以出現較短的文案,長度需限制在搜索框的長度以內,起到隱性提示和引導的作用,有時也會加入運營內容;當出現搜索框時,往往配合 “取消”“刪除”“語音輸入”“拍照輸入” 等功能;當搜索框與其他功能按鈕一起出現時,需要注意各個功能按鈕的可用性問題。(見圖二)
  2.以圖標形式展現的搜索功能,當用戶點擊時,或以動效形式出現搜索框,或直接至單獨的搜索頁面。當然,搜索框的形式展現時,點擊行為也會觸發至一個新的頁面。無論以上哪種形式,當至單獨的搜索頁面時,可展現的關于 “搜索” 的內容就更加精彩紛呈了。一般可以給出以下內容:
 
  1)與搜索字段相關的聯想詞列表:頁面上實時展現與搜索關鍵詞有關的單一內容列表或多樣性內容展示。若關聯詞有相關操作或二級內容,如關閉、搜索結果的副標題或補充內容等,可直接在關聯詞后露出。
 
  2)搜索內容的支持范圍:定義內容、類目列表、范圍欄(scope bar)給出支持的標簽或者 tab。其目的是讓用戶明確 “搜索” 支持的范圍,相當于搜索的 tips,有時候 “篩選” 功能會在該頁配合搜索一起使用。(見圖三)
  3.搜索歷史
 
  4.熱門搜索
 
  5.可能在搜索(根據用戶習慣、喜好等數據推薦)
 
  6.精華內容
 
  7.運營推廣內容:如內容推薦、建議類目的關鍵詞。(如類目的設計、CMS 頻道的設計、促銷活動的設計)(參考案例百度地圖)
 
  8.廣告
 
  9.以上幾種內容的結合體(見圖四)
  10.針對關鍵詞的進一步推薦搜索的列表(我個人稱之為漸進式搜索,參考案例:(知乎 APP),這是一種搜索內容未能提供情況下,讓用戶能夠 “有所得” 得好方法,提升了用戶體驗。試想當你輸入了一大段文字之后展現的頁面是 “暫無內容”,相比于此,提前讓用戶知道:“我們這里暫時沒有你要的。但是,或許可以看看別的”“別的內容或許也有你意想不到的驚喜奧!” 此方案看上去像降級方案,但本質是讓用戶的搜索行為可控,反而提升了搜索結果的用戶體驗。(見圖 5)
 
 
搜索后-搜索的結果呈現
 
  當我們完成搜索時,以何種形式呈現什么樣的內容才能更好的滿足我們的需求呢?當用戶點擊搜索時,有兩種信息的呈現形式,一種是在當前頁面展示,另一種是新開頁面。
 
  1、在當前頁面展示搜索結果的頁面,內容較簡單,主要目的是為了讓用戶進一步點擊選擇,使得搜索的結果可控。這種情況下常以列表形式平鋪地展現信息,相關地二級標題或按鈕會結合搜索結果同步露出。這種情況下,很多時候鍵盤地 “搜索” 按鈕是禁用的或者鍵盤的設計無搜索按鈕。
 
  2、當需要展示的內容有不同屬性,如列表、圖、圖文結合或更多的其他形式,則一般采用新開頁面的方式,信息的展示也需要做分層處理。信息的分層包括每個單元內信息之間的對比、強調和弱化。不同單元和屬性的信息間優先級展示以及展示方式的區分。參考案例如下:(見圖 7)
  3、當搜索無內容時,我們給用戶什么?最簡單粗暴的形式是直接告訴用戶沒有,但這種體驗太不好,作為交互設計師應該思考一件事 ““在沒有結果展示時我們還能為用戶做點兒什么?” 從用戶的角度思考,即 “啥都沒有,我要做什么呢?” 帶著疑問來開始這個頁面的設計,用戶分為主動和被動。主動的用戶這時候會做什么?或許會重新發起一次搜索,輸入更加精確的關鍵詞、提交報錯或反饋,這類用戶總會找到他想做的事情。而對于被動的用戶,我們就應該去了解他,投其所好。如相似度和關聯性推薦、熱門推薦、可能喜歡、搜索歷史等形式。(見圖 8)
  有時候用戶對于搜索結果并不滿意,我們可以在頁面上做結果頁展示的補償方案:如讓用戶進一步明確搜索詞,縮小搜索范圍,如通過分類和篩選功能。二是引導用戶在應用可支持的范圍內進行搜索,如同花順的股票搜索、知乎的搜索案例等。
 
結語
 
  本文僅從 “時間邏輯” 的角度把搜索功能的形式做了一次簡單總結;但搜索的場景往往根據具體業務需求千變萬化,但這恰恰是用戶體驗設計的意義點所在,也是設計的本源,即 “探索人搜索的初始欲望”。關于搜索,可以思考的點還有很多,隨意拋出一個問題,如:點擊 “搜索” 的時候一定要喚起鍵盤嗎?再問,點擊 “搜索框” 的時候一定要喚起鍵盤嗎?這些都沒有永恒的固定答案,而相對正確的答案都在每一次的具體業務中。
 
 
 
0
聯系方式
地址:濟南市高新區舜泰廣場9號樓北樓304A
電話:13105316060
微信:13105316060
在線咨詢
日本精品在线观看_免费观看欧美一级高清_羞羞答答91麻豆网站入口_日本亚洲欧美在线

        成人av在线一区二区三区| 欧美国产激情二区三区| 国产精品久久久久三级| 色88888久久久久久影院野外| 欧美成人精品1314www| 一个色在线综合| 国产一区二区在线观看视频| 国产精品久久久久一区| 欧美日韩国产小视频在线观看| 国产精品亲子乱子伦xxxx裸| 欧美日产在线观看| 亚洲欧美精品午睡沙发| 国产99精品国产| 成人欧美一区二区三区白人| 欧美一区二区视频免费观看| 一区二区三区国产| av电影在线观看不卡| 亚洲高清免费在线| 日韩欧美一区二区三区在线| 亚洲成人黄色小说| 久久久久久久久久美女| 欧美亚洲愉拍一区二区| 亚洲色大成网站www久久九九| 国产精品自拍毛片| 亚洲精品网站在线观看| 精品捆绑美女sm三区| 日韩国产在线观看| 国产蜜臀av在线一区二区三区| 欧美三级电影一区| 亚洲综合色区另类av| 91麻豆免费观看| 欧美色爱综合网| 亚洲综合视频在线| 久久久久久亚洲综合影院红桃| 欧美图区在线视频| 亚洲一区国产视频| 久久久久国产精品麻豆| 在线免费观看一区| 亚洲私人黄色宅男| 99久久久精品| 欧美欧美欧美欧美首页| 亚洲国产视频一区二区| 国产亚洲综合在线| 日韩一卡二卡三卡四卡| 免费成人在线网站| 亚洲免费观看高清完整| 欧美国产成人在线| 成人免费视频国产在线观看| 欧洲一区二区三区在线| 亚洲一区二区三区四区在线观看| 国产日韩欧美高清在线| 欧美成人一区二区三区| 黑人巨大精品欧美黑白配亚洲| 亚洲一区二区偷拍精品| 亚洲色图视频网| 久久精品男人天堂av| 日韩三级免费观看| 国产一区二区91| 在线观看日韩精品| 午夜久久电影网| 亚洲欧美日韩综合aⅴ视频| 中文字幕免费不卡| 99视频有精品| 日韩一区二区在线观看| 极品尤物av久久免费看| 色综合欧美在线| 亚洲一区二区三区三| 国产精品国产三级国产三级人妇 | 中文字幕亚洲精品在线观看| wwwwww.欧美系列| 日韩欧美国产一区二区在线播放| 狠狠色综合播放一区二区| 天天综合日日夜夜精品| 亚洲线精品一区二区三区八戒| 国产精品福利影院| 国产精品久久久久久久久晋中| 91久色porny| 精品福利二区三区| av网站免费线看精品| 91精品福利在线一区二区三区 | 国内外成人在线视频| 91激情在线视频| 日韩高清中文字幕一区| 亚洲成av人片www| 亚洲成人免费av| 亚洲成人综合网站| 午夜视频在线观看一区二区三区| 一区二区三区四区视频精品免费| 一区二区三区在线视频免费| 亚洲欧美一区二区三区国产精品 | 久久久精品国产99久久精品芒果| 精品国产伦一区二区三区观看体验| 懂色av噜噜一区二区三区av| 欧美一卡二卡三卡四卡| 粉嫩av一区二区三区粉嫩| 日韩欧美中文一区二区| 成人午夜精品在线| 欧美精品一区二区三区在线播放| www.视频一区| 久久精品一区二区三区av| 97久久精品人人做人人爽| 久久久99精品久久| 国产欧美一区二区在线| 一区精品在线播放| 亚洲色图清纯唯美| 亚洲成a天堂v人片| 色偷偷88欧美精品久久久| 久久精品国产77777蜜臀| 欧美剧在线免费观看网站| 国产99久久久国产精品免费看 | 亚洲图片欧美综合| 色综合久久久久综合| 久久不见久久见免费视频7| 91精品欧美福利在线观看| 国产91综合网| 久久九九久久九九| 国产精品久久久久久久久久久免费看 | 日韩欧美国产午夜精品| 久久综合精品国产一区二区三区| 中文一区二区在线观看| 日韩一区欧美一区| 丝袜诱惑制服诱惑色一区在线观看 | 欧美精品免费视频| zzijzzij亚洲日本少妇熟睡| 国产日产精品一区| 亚洲女人****多毛耸耸8| 五月天欧美精品| 欧美人与禽zozo性伦| 99久久精品99国产精品| 中文字幕一区二区在线播放| 亚洲综合激情网| 国产一区免费电影| 久久婷婷一区二区三区| 日韩毛片视频在线看| 日韩电影在线观看电影| 91精品国产综合久久精品| www亚洲一区| 亚洲一区二区三区四区在线| 欧美亚洲丝袜传媒另类| 91在线观看地址| 亚洲精品成a人| 在线精品视频一区二区| 成人av在线资源网| 中文字幕一区不卡| 色伊人久久综合中文字幕| 国产成人aaaa| 中文字幕字幕中文在线中不卡视频| 亚洲一卡二卡三卡四卡| 国产精品小仙女| 国产精品嫩草久久久久| 亚洲6080在线| 成人黄色免费短视频| 亚洲猫色日本管| 欧美日韩一本到| 国产亚洲精品超碰| 日韩不卡一区二区三区| 日韩欧美国产综合一区 | 欧美国产精品久久| 天天色综合天天| 99久久伊人网影院| 亚洲一区二区三区中文字幕在线| 欧美精品成人一区二区三区四区| 国产日韩欧美精品一区| 免费人成精品欧美精品| 欧美α欧美αv大片| 亚洲激情校园春色| 高清beeg欧美| 一区二区三区中文在线| 7777精品伊人久久久大香线蕉经典版下载 | 久久精品视频在线看| 三级成人在线视频| 久久久影视传媒| 色综合天天在线| 久久久综合激的五月天| 日本午夜精品一区二区三区电影| 亚洲精品一区二区精华| 亚洲国产精品嫩草影院| 99精品视频一区| 日韩av一区二区在线影视| 久久久国产精品不卡| 天天综合色天天综合色h| 久久亚洲精品小早川怜子| 日韩精品亚洲专区| 国产欧美一区二区精品性| 91精品1区2区| 国产精品久久久久桃色tv| 国产精品99精品久久免费| 亚洲另类中文字| 欧美本精品男人aⅴ天堂| 亚洲h动漫在线| 欧美国产欧美综合| 国产精品一二三四| 亚洲一区二区欧美日韩| 精品国产自在久精品国产| 亚洲v日本v欧美v久久精品| 久久精品亚洲精品国产欧美 | 亚洲精品久久久久久国产精华液| 欧美一区二区三区免费大片| 亚洲午夜一二三区视频| 国产亚洲综合在线|