【搜索】功能為常見(jiàn)APP必備功能,所包含的交互基本要素有觸發(fā)區(qū)、內(nèi)容元素、操作路徑、反饋結(jié)果等內(nèi)容。
一、觸發(fā)區(qū)
① 圖標(biāo)/按鈕
點(diǎn)擊【搜索圖標(biāo)/按鈕】進(jìn)入搜索頁(yè)

② 通欄搜索
點(diǎn)擊【整個(gè)搜索框區(qū)域】進(jìn)入搜索頁(yè)

③ 搜索框
點(diǎn)擊【搜索框】進(jìn)入搜索頁(yè)

④?隱藏搜索
頁(yè)面下拉/側(cè)滑顯示搜索后,點(diǎn)擊【搜索①②③】進(jìn)入搜索頁(yè)
備注:默認(rèn)隱藏搜索,通過(guò)手勢(shì)動(dòng)作后顯示搜索,適用條件
1) 搜索功能層級(jí)低
2) 頁(yè)面布局元素過(guò)多
3) 用戶初次使用時(shí),添加指引操作
二、內(nèi)容元素
搜索頁(yè)面必要基礎(chǔ)元素包括:
1、導(dǎo)航欄
2、搜索框
3、熱搜關(guān)鍵詞(可選)
4、搜索歷史記錄

三、操作路徑
【路徑1】獲取光標(biāo),同時(shí)喚起輸入鍵盤
【路徑2】上下滑動(dòng)頁(yè)面,失去焦點(diǎn),隱藏鍵盤,顯示頁(yè)面內(nèi)容
【路徑3】輸入內(nèi)容,模糊匹配查詢結(jié)果
【路徑4】上下滑動(dòng)頁(yè)面,失去焦點(diǎn),隱藏鍵盤,顯示關(guān)鍵詞查詢匹配結(jié)果
【路徑5】輸入內(nèi)容,模糊匹配查詢無(wú)結(jié)果

四、搜索結(jié)果
① 查詢【關(guān)鍵詞】搜索查詢有數(shù)據(jù)
② 查詢【關(guān)鍵詞】搜索查詢無(wú)數(shù)據(jù)
