搜索怎樣設(shè)計采用起來順手?

A 要不要設(shè)置搜索?

首先,要明確為什么應(yīng)用要有搜索?是因為產(chǎn)品提了需求就要加上嗎?是便于用戶尋找嗎?其實關(guān)注電商的人都知道,電商的大部分流量及轉(zhuǎn)化都是來自搜索。這也很容易理解,就是需求的不同。如果在沙漠里有一個口渴的人,你給他玲瑯滿目的物品倒不如直接給一瓶水能滿足他的需求。所以如果應(yīng)用當(dāng)中要添加搜索,那必定是希望搜索能夠快速相應(yīng)用戶需求,從而帶來轉(zhuǎn)化。

B 搜索的分類

接下來,我們看看目前搜索有哪些分類,大綱如下(為啥直接大綱?因為每篇文章都有大綱,牛奶已經(jīng)打擾的我寫不了文字了,所以直接上圖)

搜索分類

【入口位置】

1. 獨立的一級tab搜索

這種樣式十分強化搜索,適用于應(yīng)用主要功能基于搜索操作,常見的有社交、電商。

2. 頂部搜索框

這種樣式優(yōu)先級比第一種低,但是因展示在頂部欄,用戶在使用的時候可以隨時使用。

3. 頂部搜索icon

相對于2更弱化,用戶可點擊icon隨時進行搜索操作

4. 下滑搜索

這是一種交互樣式設(shè)計,當(dāng)用戶在下滑頁面的時候會顯示搜索框。這種樣式適用與頁面長度不可控(多為頁面較長),也可以隨時進行搜索。

5. 頁面搜索框

功能重要度最低,用戶需在頁面首屏位置才可進行搜索,適用于較短的頁面。

搜索位置

【形式】

1. 文字搜索

(圖片來自網(wǎng)絡(luò))

2. 語音搜索

(圖片來自網(wǎng)絡(luò))

3. 圖像搜索

(圖片來自網(wǎng)絡(luò))

4. VR/AR搜索

(躲避牛奶截的圖)

【功能】

1. 單一搜索功能

最常見的樣式

2. 搜索推薦

(圖片來自網(wǎng)絡(luò))

3. 搜索前分類

(圖片來自網(wǎng)絡(luò))

4. 搜索后分類

先搜索后分類

5. 搜索后篩選

搜索后篩選

C 搜索結(jié)果

搜索結(jié)果一般有三種樣式,未找到匹配結(jié)果、文字結(jié)果和圖文結(jié)果。

D 走心小設(shè)計

最后,來看看在做搜索的時候可以有哪些走心的小設(shè)計。

1. 搜索入口便于發(fā)現(xiàn),使用結(jié)果路徑短

2. 搜索框中有提示文字,讓用戶在不知道搜索什么的時候也可以搜索到推薦的結(jié)果(也是一種營銷手段)

3. 搜索框輸入文字時有文本刪除按鈕

4. 輸入時進行搜索詞匹配

5. 歷史輸入結(jié)果,有單個刪除按鈕和批量刪除按鈕

6. 精準(zhǔn)推薦適合用戶的關(guān)鍵詞


今天先寫到這里,明天補充圖片說明。

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

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

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