《移動(dòng)應(yīng)用UI設(shè)計(jì)模式》之搜索谦屑、分類(lèi)和過(guò)濾

一驳糯、搜索

移動(dòng)應(yīng)用常見(jiàn)搜索模式

1.顯性搜索

? ?“顯性搜索要求用戶(hù)執(zhí)行明顯的搜索操作并瀏覽搜索結(jié)果∏獬龋”

? ?這是應(yīng)該是最初始也是最基本的搜索模式酝枢,能夠滿足用戶(hù)搜索的基本功能,但顯然不夠智能悍手。

? ?“建議為顯性搜索搭配自動(dòng)補(bǔ)全模式帘睦。”?

思考:

優(yōu)點(diǎn)--開(kāi)發(fā)成本低谓苟。

缺點(diǎn)--相對(duì)來(lái)說(shuō)官脓,不夠智能、體貼涝焙。

Artsy

2.自動(dòng)補(bǔ)全搜索

? ?“用戶(hù)輸入內(nèi)容時(shí)程序會(huì)立刻顯示出一系列可能的輸入結(jié)果卑笨,只要通過(guò)點(diǎn)擊來(lái)選擇某一項(xiàng),程序就會(huì)執(zhí)行搜索操作仑撞。另外一種情況是赤兴,用戶(hù)持續(xù)輸入內(nèi)容妖滔,然后點(diǎn)擊搜索按鈕⊥傲迹”?

? ?或許是“網(wǎng)絡(luò)應(yīng)用和移動(dòng)應(yīng)用使用最廣泛的搜索模式”座舍。

? ?最好使用活動(dòng)指示器(例如:菊花轉(zhuǎn))作為反饋表明當(dāng)前搜索活動(dòng)正在進(jìn)行,因?yàn)橛袝r(shí)搜索結(jié)果的顯示會(huì)延遲陨帆。

思考:

優(yōu)點(diǎn)--減少用戶(hù)輸入成本曲秉;提高搜索效率;

缺點(diǎn)--網(wǎng)絡(luò)狀況不好的情況下可能無(wú)法達(dá)到理想狀態(tài)疲牵,因此需要提供一定的反饋給用戶(hù)(如:活動(dòng)指示器)承二。

自動(dòng)補(bǔ)全的內(nèi)容--可以是與已輸入內(nèi)容相關(guān)的用戶(hù)曾經(jīng)搜索過(guò)的內(nèi)容、相關(guān)的熱門(mén)搜索內(nèi)容纲爸、相關(guān)的系統(tǒng)推薦用戶(hù)搜索的內(nèi)容等亥鸠,最好根據(jù)應(yīng)用特性進(jìn)行一定的優(yōu)化。

自動(dòng)補(bǔ)全內(nèi)容的呈現(xiàn)位置--搜索框下拉列表中顯示识啦;直接在頁(yè)面中顯示负蚊。

Target&Etsy

3.動(dòng)態(tài)搜索(動(dòng)態(tài)過(guò)濾)

“用戶(hù)輸入搜索內(nèi)容,程序?qū)?dòng)態(tài)地過(guò)濾屏幕上的數(shù)據(jù)颓哮〖易保”

思考:

適用于搜索有限的、已存儲(chǔ)的數(shù)據(jù)题翻,如聯(lián)系人信息揩徊、聊天記錄等,這時(shí)可以提供十分快速嵌赠、流暢的搜索體驗(yàn)塑荒。“但它不太適合用來(lái)搜索海量數(shù)據(jù)”姜挺,因?yàn)閿?shù)據(jù)量過(guò)大而難以快速執(zhí)行搜索結(jié)果的響應(yīng)齿税。

印象筆記&QQ

4.范圍搜索

在執(zhí)行搜索前對(duì)搜索結(jié)果進(jìn)行范圍界定

根據(jù)數(shù)據(jù)集提供合理的搜索范圍選項(xiàng)(最好限定在3~6個(gè))

思考:

用戶(hù)限定一個(gè)范圍意味著提前剔除掉不必要的其他搜索范圍,可以幫助用戶(hù)在海量數(shù)據(jù)中更加快速的找到目標(biāo)信息炊豪。但是凌箕,范圍選項(xiàng)不宜過(guò)多,否則最好考慮“用搜索表單實(shí)現(xiàn)高級(jí)搜索功能”词渤。

微博&QQ


5.保存搜索記錄并顯示最近搜索內(nèi)容

“遵循基本的可用性原則:尊重用戶(hù)的勞動(dòng)成果”

“其他尊重用戶(hù)勞動(dòng)成果的做法包括基于地理位置的搜索或基于條形碼的搜索牵舱。”

思考:

搜索記錄最多保存多少條比較合適缺虐?

最近搜索記錄的時(shí)間范圍如何界定芜壁?

文本輸入搜索之外的其他搜索方式包括:語(yǔ)音搜索、圖片搜索、條形碼搜索慧妄、二維碼搜索等顷牌,這些搜索與傳統(tǒng)的文本輸入搜索進(jìn)行搭配可以大大提高搜索效率。

eBay&Foursquare

6.搜索表單

“這種搜索模式的特征是塞淹,在一個(gè)獨(dú)立表單內(nèi)輸入多項(xiàng)搜索條件和一個(gè)顯性的搜索按鈕窟蓝。”

思考:

適用于具有多種屬性的目標(biāo)信息饱普,如:訂房(時(shí)間运挫、類(lèi)型、價(jià)格……)费彼、訂票(時(shí)間滑臊、地點(diǎn)、價(jià)格……)箍铲。

搜索條件不宜設(shè)置過(guò)多、繁雜鬓椭。

對(duì)于不同搜索條件匹配不同輸入方式颠猴,如:對(duì)于時(shí)間一般使用時(shí)間選擇器。

最好允許目標(biāo)不明確的用戶(hù)進(jìn)行模糊搜索小染,如:允許搜索賓館時(shí)只限定時(shí)間這一條件進(jìn)行搜索


網(wǎng)易火車(chē)票&同程

7.搜索結(jié)果

展示方式:表單翘瓮、縮略圖、地圖……

當(dāng)搜索范圍較廣且該應(yīng)用沒(méi)有提供范圍搜索或者用戶(hù)在全部范圍下進(jìn)行搜索時(shí)裤翩,搜索結(jié)果的展示通常是分組表單资盅。為了讓用戶(hù)的信息瀏覽更有效率,每組列表通常只顯示部分結(jié)果踊赠,其余結(jié)果被隱藏起來(lái)且只在用戶(hù)主動(dòng)點(diǎn)擊時(shí)顯示呵扛。

搜索結(jié)果較多時(shí)通常使用“延遲加載”,即“在加載其他搜索結(jié)果的同時(shí)顯示當(dāng)前已找到的結(jié)果”筐带。

不論是表單還是縮略圖今穿,搜索結(jié)果的展示都是盡可能地提供給用戶(hù)簡(jiǎn)潔且有效的信息,目的都是幫助用戶(hù)快速甄別信息伦籍、找到目標(biāo)信息并且執(zhí)行目標(biāo)操作蓝晒。

可以考慮在結(jié)果列表里提供給用戶(hù)一些可能的、常用的操作以幫助用戶(hù)迅速完成任務(wù)帖鸦,簡(jiǎn)化操作流程芝薇。

Starbucks&Tumblr
HBO NOW&NYT ?Cooking

總結(jié)

為了提供更好的搜索效果,上述搜索模式最好在考慮到應(yīng)用類(lèi)型作儿、用戶(hù)需求洛二、使用場(chǎng)景的前提下選擇適合的多個(gè)搭配使用。

考慮到移動(dòng)設(shè)備的特性,搜索內(nèi)容的錄入除了文本輸入外灭红,應(yīng)盡可能提供其他簡(jiǎn)化輸入的方式(如:語(yǔ)音輸入侣滩、圖片搜索……),用選擇代替輸入(如:選擇自動(dòng)補(bǔ)全的內(nèi)容变擒、歷史內(nèi)容君珠、推薦的內(nèi)容)。

考慮到中文拼音和英文字母在輸入時(shí)外觀的相似性娇斑,當(dāng)用戶(hù)輸入字母時(shí)策添,應(yīng)當(dāng)將該內(nèi)容同時(shí)作為拼音考慮(如:輸入“an”時(shí),搜索結(jié)果最好也包括讀音為“an”的漢字“安”毫缆、“暗”等)唯竹。因?yàn)橛脩?hù)很有可能沒(méi)有意識(shí)到自己輸入法處在英文還是中文界面,而這樣做則可以讓用戶(hù)不需要再重新輸入漢字便有可能找到想要的信息)

二苦丁、分類(lèi)和過(guò)濾

在這個(gè)信息爆炸的時(shí)代浸颓,盡管我們有了范圍搜索幫助我們?cè)谒阉髑疤蕹瞬糠謨?nèi)容,但這并不夠旺拉。我們還需要其他方式來(lái)幫助我們快速篩選想要的信息产上,因此我們需要--分類(lèi)和過(guò)濾。

分類(lèi)和過(guò)濾共同幫助用戶(hù)對(duì)信息進(jìn)行篩選蛾狗,從而找到目標(biāo)信息晋涣,這一功能的執(zhí)行主要有以下幾種方式:

? ?屏內(nèi)分類(lèi)/過(guò)濾

在屏幕底部或頂部直接顯示分類(lèi)/過(guò)濾的選項(xiàng),執(zhí)行的功能與結(jié)果在同一頁(yè)面顯示沉桌。

適用于簡(jiǎn)單的分類(lèi)/過(guò)濾谢鹊。

Krush Mobile&Product Hunt

? ?分類(lèi)排序選擇器/過(guò)濾容器/過(guò)濾對(duì)話框

當(dāng)需要執(zhí)行的分類(lèi)/過(guò)濾條件較為復(fù)雜時(shí),可以將其整合并隱藏起來(lái)留凭,在需要時(shí)調(diào)用佃扼。

網(wǎng)易火車(chē)票&同程

? ?分類(lèi)表單/過(guò)濾表單

對(duì)于目標(biāo)明確的用戶(hù)或者高級(jí)用戶(hù),當(dāng)他們需要執(zhí)行一些高級(jí)冰抢、復(fù)雜的信息提煉時(shí)松嘶,可以通過(guò)使用表單的形式將條件整合起來(lái),來(lái)幫助他們快速找到目標(biāo)信息挎扰。但需要盡量選擇簡(jiǎn)化的方式翠订,否則很容易讓用戶(hù)失去耐心。

Airbnb
Foursquare&OpenTable

注意事項(xiàng):

無(wú)論使用何種方式遵倦,都要確本〕“以明確的方式告知用戶(hù)當(dāng)前采用(生效)的分類(lèi)選項(xiàng)∥嗵桑”

不要在過(guò)濾器的設(shè)計(jì)上花費(fèi)太多心思似谁,簡(jiǎn)單的屏內(nèi)過(guò)濾器或過(guò)濾容器通常就夠用了傲绣。

“根據(jù)操作系統(tǒng)的設(shè)計(jì)慣例選擇控制搜索結(jié)果分類(lèi)的方法,或使用不受操作系統(tǒng)影響的界面方案巩踏。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末秃诵,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子塞琼,更是在濱河造成了極大的恐慌菠净,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,265評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件彪杉,死亡現(xiàn)場(chǎng)離奇詭異毅往,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)派近,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,078評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門(mén)攀唯,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人渴丸,你說(shuō)我怎么就攤上這事侯嘀。” “怎么了曙强?”我有些...
    開(kāi)封第一講書(shū)人閱讀 156,852評(píng)論 0 347
  • 文/不壞的土叔 我叫張陵残拐,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我碟嘴,道長(zhǎng),這世上最難降的妖魔是什么囊卜? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,408評(píng)論 1 283
  • 正文 為了忘掉前任娜扇,我火速辦了婚禮,結(jié)果婚禮上栅组,老公的妹妹穿的比我還像新娘雀瓢。我一直安慰自己,他們只是感情好玉掸,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,445評(píng)論 5 384
  • 文/花漫 我一把揭開(kāi)白布刃麸。 她就那樣靜靜地躺著,像睡著了一般司浪。 火紅的嫁衣襯著肌膚如雪泊业。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 49,772評(píng)論 1 290
  • 那天啊易,我揣著相機(jī)與錄音吁伺,去河邊找鬼。 笑死租谈,一個(gè)胖子當(dāng)著我的面吹牛篮奄,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 38,921評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼窟却,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼昼丑!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起夸赫,我...
    開(kāi)封第一講書(shū)人閱讀 37,688評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤菩帝,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后憔足,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體胁附,經(jīng)...
    沈念sama閱讀 44,130評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,467評(píng)論 2 325
  • 正文 我和宋清朗相戀三年滓彰,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了控妻。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,617評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡揭绑,死狀恐怖弓候,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情他匪,我是刑警寧澤菇存,帶...
    沈念sama閱讀 34,276評(píng)論 4 329
  • 正文 年R本政府宣布,位于F島的核電站邦蜜,受9級(jí)特大地震影響帜乞,放射性物質(zhì)發(fā)生泄漏妒挎。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,882評(píng)論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望溶锭。 院中可真熱鬧拳缠,春花似錦硫戈、人聲如沸帆赢。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,740評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)缚俏。三九已至,卻和暖如春贮乳,著一層夾襖步出監(jiān)牢的瞬間忧换,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,967評(píng)論 1 265
  • 我被黑心中介騙來(lái)泰國(guó)打工塘揣, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留包雀,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,315評(píng)論 2 360
  • 正文 我出身青樓亲铡,卻偏偏與公主長(zhǎng)得像才写,于是被迫代替她去往敵國(guó)和親葡兑。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,486評(píng)論 2 348

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