描述:直達(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)容不同)
可以考慮放置語音搜索輸入鍵
** 可擴(kuò)展搜索**
適用于搜索不是應(yīng)用中的主要關(guān)注點(diǎn)時(shí)可柿,搜索框可被一個(gè)工具條中的搜索圖標(biāo)(放大鏡圖標(biāo))代替
點(diǎn)擊后搜索文本框自動(dòng)獲得輸入焦點(diǎn)和屏幕鍵盤
** 搜索表單**
一般形式為多個(gè)搜索條件,加一個(gè)明顯的搜索按鈕
可以根據(jù)用戶的不同條件和歷史條件放入默認(rèn)值丙者,同時(shí)最好能減少輸入條件的數(shù)量复斥。
流程2:2輸入查詢并提交
搜索推薦和搜索記錄
在用戶輸入文字前,可展現(xiàn)搜索推薦和搜索記錄
** 自動(dòng)補(bǔ)全**
當(dāng)用戶開始輸入查詢械媒,搜索自動(dòng)補(bǔ)全
搜索清空
** **隨內(nèi)容有無而出現(xiàn)
** 搜索范圍欄**
如APP中存在多個(gè)獨(dú)立的搜索類別目锭,如音樂搜索中的歌名和歌手,提前對(duì)搜索結(jié)果進(jìn)行篩選
流程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)一步篩選或更改篩選條件
一些建議:
為你的app選擇符合其重要性的搜索欄風(fēng)格瓢阴。
如果程序在顯示搜索結(jié)果是有延遲,給出一些反饋健无。
建立搜索輸入與搜索結(jié)果的關(guān)聯(lián)性荣恐。
** 搜索框不只是搜索,而是一個(gè)溝通工具**
像用戶在搜索框中輸入天氣的時(shí)候累贤,ta對(duì)搜索框說的是叠穆,我想知道我現(xiàn)在所在城市的天氣如何
參考文章
從神馬搜索,淺談移動(dòng)搜索場(chǎng)景化發(fā)展
UI設(shè)計(jì)模式
Material disign
iOS設(shè)計(jì)規(guī)范
搜索模式