APP【搜索】功能通用交互說(shuō)明

【搜索】功能為常見(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ù)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容