APP框架之五搜索功能

描述:直達(dá)目標(biāo),到達(dá)APP陳列頁逸贾,進(jìn)而進(jìn)入內(nèi)容詳情頁上下文情境:用戶對(duì)APP搜索的依賴與APP定位有關(guān)陨仅,也與用戶目標(biāo)有關(guān),APP設(shè)計(jì)也能影響
任務(wù)流程:用戶搜索铝侵,篩選灼伤,點(diǎn)擊,返回點(diǎn)擊其他結(jié)果咪鲜;或者修正搜索詞
構(gòu)成元素:快速搜索【簡(jiǎn)單輸入欄+搜索(標(biāo)識(shí)符/類型)】-搜索結(jié)果【陳列頁/部門頁/內(nèi)容頁】-搜索產(chǎn)出【準(zhǔn)確度維度+相關(guān)+不相干+沒有結(jié)果(嘗試次數(shù)遞減狐赡,成功概率遞減)】-高級(jí)搜索【受限搜索,下拉搜索疟丙,過濾搜索】-過濾器【縮減數(shù)量颖侄,增加精度】-分頁/下拉更多
設(shè)計(jì)標(biāo)準(zhǔn):提供多條通向內(nèi)容的路徑;使內(nèi)容與用戶的用詞相關(guān)聯(lián)享郊;讓內(nèi)容便于識(shí)別

搜索是用戶獲得信息的一種方式发皿,抱有一定的目的,預(yù)先對(duì)目標(biāo)屬性有一定的了解

主要流程

發(fā)現(xiàn)并點(diǎn)擊搜索框

輸入查詢并提交

顯示搜索結(jié)果集

APP搜索與pc相比

交互形式豐富(自動(dòng)補(bǔ)全拂蝎,搜索推薦等)

輸入形式多樣(語音)

貼近用戶場(chǎng)景(自動(dòng)定位穴墅,wifi)

搜索結(jié)果需要更個(gè)性化和簡(jiǎn)潔(屏幕大小限制)

流程1:發(fā)現(xiàn)并點(diǎn)擊搜索框

** 持久性搜索**
其中占位符文本可說明功能,舉例,推薦玄货,熱門等等皇钞,主要告訴用戶,在搜索框ta可以搜索什么松捉。
一個(gè)搜索在這里夹界,首先要明確用戶搜索的目的,場(chǎng)景(微信不同入口和頁面隘世,搜索框可搜索框內(nèi)容不同)
可以考慮放置語音搜索輸入鍵

1
2

** 可擴(kuò)展搜索**
適用于搜索不是應(yīng)用中的主要關(guān)注點(diǎn)時(shí)可柿,搜索框可被一個(gè)工具條中的搜索圖標(biāo)(放大鏡圖標(biāo))代替
點(diǎn)擊后搜索文本框自動(dòng)獲得輸入焦點(diǎn)和屏幕鍵盤

3

** 搜索表單**
一般形式為多個(gè)搜索條件,加一個(gè)明顯的搜索按鈕
可以根據(jù)用戶的不同條件和歷史條件放入默認(rèn)值丙者,同時(shí)最好能減少輸入條件的數(shù)量复斥。

4

流程2:2輸入查詢并提交

搜索推薦和搜索記錄
在用戶輸入文字前,可展現(xiàn)搜索推薦和搜索記錄

5

** 自動(dòng)補(bǔ)全**
當(dāng)用戶開始輸入查詢械媒,搜索自動(dòng)補(bǔ)全

6

搜索清空
** **隨內(nèi)容有無而出現(xiàn)

7

** 搜索范圍欄**
如APP中存在多個(gè)獨(dú)立的搜索類別目锭,如音樂搜索中的歌名和歌手,提前對(duì)搜索結(jié)果進(jìn)行篩選

8
9

流程3:顯示搜索結(jié)果集

注意:當(dāng)顯示搜索結(jié)果的時(shí)候纷捞,工具條的搜索狀態(tài)仍然保持但默認(rèn)不具有焦點(diǎn)痢虹。不建議搜索框隱藏,搜索是一個(gè)反復(fù)主儡,互動(dòng)的過程奖唯。用戶可能通過搜索結(jié)果不斷的改變搜 索條件,一步步的接近想要的結(jié)果糜值。

根據(jù)搜索結(jié)果的類型和用戶使用偏好丰捷,場(chǎng)景提供多種視圖(列表,表格臀玄,地圖(百度))

很多app也會(huì)在搜索結(jié)果頁面可直接對(duì)結(jié)果進(jìn)一步篩選或更改篩選條件

10

11

一些建議:
為你的app選擇符合其重要性的搜索欄風(fēng)格瓢阴。
如果程序在顯示搜索結(jié)果是有延遲,給出一些反饋健无。
建立搜索輸入與搜索結(jié)果的關(guān)聯(lián)性荣恐。

** 搜索框不只是搜索,而是一個(gè)溝通工具**
像用戶在搜索框中輸入天氣的時(shí)候累贤,ta對(duì)搜索框說的是叠穆,我想知道我現(xiàn)在所在城市的天氣如何

12

參考文章
從神馬搜索,淺談移動(dòng)搜索場(chǎng)景化發(fā)展

UI設(shè)計(jì)模式
Material disign
iOS設(shè)計(jì)規(guī)范
搜索模式

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末臼膏,一起剝皮案震驚了整個(gè)濱河市硼被,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌渗磅,老刑警劉巖嚷硫,帶你破解...
    沈念sama閱讀 216,591評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件检访,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡仔掸,警方通過查閱死者的電腦和手機(jī)脆贵,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,448評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來起暮,“玉大人卖氨,你說我怎么就攤上這事「号常” “怎么了筒捺?”我有些...
    開封第一講書人閱讀 162,823評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)纸厉。 經(jīng)常有香客問我系吭,道長(zhǎng),這世上最難降的妖魔是什么残腌? 我笑而不...
    開封第一講書人閱讀 58,204評(píng)論 1 292
  • 正文 為了忘掉前任村斟,我火速辦了婚禮贫导,結(jié)果婚禮上抛猫,老公的妹妹穿的比我還像新娘。我一直安慰自己孩灯,他們只是感情好闺金,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,228評(píng)論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著峰档,像睡著了一般败匹。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上讥巡,一...
    開封第一講書人閱讀 51,190評(píng)論 1 299
  • 那天掀亩,我揣著相機(jī)與錄音,去河邊找鬼欢顷。 笑死槽棍,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的抬驴。 我是一名探鬼主播炼七,決...
    沈念sama閱讀 40,078評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼布持!你這毒婦竟也來了豌拙?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,923評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤题暖,失蹤者是張志新(化名)和其女友劉穎按傅,沒想到半個(gè)月后捉超,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,334評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡唯绍,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,550評(píng)論 2 333
  • 正文 我和宋清朗相戀三年狂秦,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片推捐。...
    茶點(diǎn)故事閱讀 39,727評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡裂问,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出牛柒,到底是詐尸還是另有隱情堪簿,我是刑警寧澤,帶...
    沈念sama閱讀 35,428評(píng)論 5 343
  • 正文 年R本政府宣布皮壁,位于F島的核電站椭更,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏蛾魄。R本人自食惡果不足惜虑瀑,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,022評(píng)論 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望滴须。 院中可真熱鬧舌狗,春花似錦、人聲如沸扔水。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,672評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽魔市。三九已至主届,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間待德,已是汗流浹背君丁。 一陣腳步聲響...
    開封第一講書人閱讀 32,826評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留将宪,地道東北人绘闷。 一個(gè)月前我還...
    沈念sama閱讀 47,734評(píng)論 2 368
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像涧偷,于是被迫代替她去往敵國(guó)和親簸喂。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,619評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容