隨著移動互聯(lián)網(wǎng)的發(fā)展，移動搜索正在被越來越廣泛地使用，而我們也更加關(guān)注視頻搜索界面的體驗優(yōu)化，現(xiàn)在跟大家分享一些心得和思路。

目標(biāo)

視頻內(nèi)的搜索，要打造一個更便捷、更智慧、更精準(zhǔn)的，集語音和文字于一體的搜索功能，并結(jié)合用戶收藏、分享的喜好，通過大數(shù)據(jù)精確分析匹配，為用戶智能化推薦最感興趣的視頻內(nèi)容。

用戶反饋

1. 通過用戶研究團隊的問卷調(diào)查和走訪，用戶對于搜索的創(chuàng)新視覺設(shè)計并不完全理解：
2. 搜索的入口不好找，很難第一時間找到搜索這個功能；
3. 首次進入之后沒有任何提示直接進入語音錄音，鍵盤切換費時費力；
4. 沒有熱詞搜索提示，以及熱門搜索推薦；
5. 沒有關(guān)鍵詞聯(lián)想，返回按鈕不好找等。

設(shè)計思考

按照用戶對搜索的使用過程，我們可以將用戶的搜索行為分為搜索前、搜索中、搜索后三個階段，從目前的搜索設(shè)計來看，為了提升用戶的體驗，我們將在每個階段，根據(jù)不同目標(biāo)進行設(shè)計。

線上通常的搜索界面如下圖：

通過用戶的反饋，結(jié)合目前其他家的搜索設(shè)計，我做了如下總結(jié)：

1. 搜索配色與APP整體風(fēng)格存在較大反差，頁面過渡不平滑，容易使產(chǎn)生壓抑感；

通過瀏覽各種網(wǎng)站，以及上圖的舉例，我們會發(fā)現(xiàn)使用黑色背景的界面要比使用白色背景的界面視覺效果更強烈。如果界面背景是白色，對于界面來說可以選擇的配色方案更豐富，同時突現(xiàn)的也不僅是白色；而使用黑色背景則會使較大面積的黑色更突顯。

如果背景使用黑色，色彩的搭配會更復(fù)雜，尤其是在我們的產(chǎn)品中，主色是紅，黑紅的搭配，營造出一種略顯緊張的氛圍，會使用戶產(chǎn)生壓抑感。因此我們選擇白色作為APP搜索頁面的背景，讓視覺體驗更舒適，主題更突出，同時也統(tǒng)一了頁面風(fēng)格。

2.默認(rèn)的語音搜索界面，引導(dǎo)信息分散，用戶無法快速上手。如果用戶使用場景不具備語音條件時，會增加使用成本；

如上圖，谷歌搜索在進入首頁后會有一個用戶選擇的入口，語音搜索和文字搜索處于同一等級，先給用戶一個選擇的權(quán)利，之后再進行相關(guān)內(nèi)容搜索。

如上圖，百度搜索是將語音搜索放在底部的導(dǎo)航欄上。

而淘寶的語音搜索做的較輕，只在文字搜索獲取焦點時，語音搜索才會被同時喚起。

上面三個應(yīng)用可以看出，每個應(yīng)用對于語音搜索都有或輕或重的定位。語音是移動端最顯著的特性之一，所以我們要改變用戶對搜索功能的認(rèn)知。從而培養(yǎng)用戶使用語音的習(xí)慣。

3.用戶搜索缺乏建議性引導(dǎo)，搜索目的不明確時應(yīng)給予熱門或興趣推薦；

4.搜索結(jié)果頁面，返回按鈕位置不應(yīng)該與語音搜索按鈕同等量級，而且擺放位置不符合用戶使用習(xí)慣，用戶會習(xí)慣性的操作右上角的取消按鈕，在當(dāng)前版本就會誤操作成全部刪除文字。

如上圖，目前最常見的騰訊、優(yōu)酷、愛奇藝等多家視頻的搜索界面，已經(jīng)培養(yǎng)了用戶的使用習(xí)慣，所以我們也應(yīng)該是依據(jù)用戶習(xí)慣，改進和優(yōu)化現(xiàn)有設(shè)計。

優(yōu)化方案

方案一：

為更好的兼顧用戶使用習(xí)慣，默認(rèn)強化文字搜索界面，并在默認(rèn)狀態(tài)下提供語音搜索功能入口。

優(yōu)點：頁面布局、交互方式成熟，不需要用戶投入過多的學(xué)習(xí)成本，能夠被廣泛理解和接受。

缺點：設(shè)計上相對平庸，缺乏亮點。

方案二：

依舊選用語音搜索作為默認(rèn)界面，強化引導(dǎo)信息，并提供熱詞或關(guān)鍵詞備選（可以通過語音說出也可以直接點擊來搜索），以確保用戶能夠快速理解功能。同時底部增加文字搜索框（搜索框要優(yōu)于鍵盤圖標(biāo)的感知，信息傳達(dá)更準(zhǔn)確。）。

培養(yǎng)用戶使用語音搜索的習(xí)慣，發(fā)出語音信息后，系統(tǒng)識別關(guān)鍵字并自動填入搜索框，隨后搜索框向上滑動至頂部，并帶出搜索結(jié)果。同時頁面底部常駐語音搜索入口。

對于無語音搜索需求的用戶或當(dāng)前不便使用語音功能時，可快速點擊底部搜索框，搜索框獲取光標(biāo)焦點后，從頁面底部滑至頂部，帶出熱門推薦和歷史搜索，并且彈起鍵盤，即可進行文字搜索。語音搜索按鈕被鍵盤托起，形成完整的搜索方式切換。

優(yōu)點：在視覺體驗上得到很大提升，同時也保證了功能實用性，重點功能得以突出展現(xiàn)。

缺點：需要培養(yǎng)用戶習(xí)慣，但非極端冒險性嘗試。

兩套方案，同樣均解決了配色統(tǒng)一問題，引導(dǎo)信息強化等問題。

有待繼續(xù)調(diào)研的問題點：

iOS、Android用戶對于使用語音搜索習(xí)慣占比調(diào)研，用于驗證第一搜索為語音界面是否合理。以及是否要添加記憶用戶上一次使用習(xí)慣，判定進入搜索是彈出鍵盤還是直接進入語音搜索界面。

總結(jié)

本次的體驗改進效果：

1. 簡潔清晰，強化引導(dǎo)性；與其他頁面設(shè)計風(fēng)格保持統(tǒng)一；
2. 引導(dǎo)并培養(yǎng)用戶使用語音搜索習(xí)慣；
3. 關(guān)鍵字清晰突顯，使用戶更易辨識及理解；
4. 優(yōu)化頁面信息結(jié)構(gòu)，無論在默認(rèn)語音搜索界面，還是文字搜索界面，用戶都能完成搜索方式的快速切換。

目前［搜索］體驗改進后，再次收集用戶反饋，接下來的工作就在于如何通過反饋和相關(guān)數(shù)據(jù)，更好的優(yōu)化設(shè)計、提升體驗，以及設(shè)計更有意思的新功能。

其他碎碎念：在設(shè)計工作中，溝通是很重要的，前期的溝通可以使自己更了解產(chǎn)品，更好地為產(chǎn)品設(shè)計；同時對于一些分歧點，可以在最初就得到可行性驗證，結(jié)合用戶調(diào)研的結(jié)果來制定更妥當(dāng)?shù)漠a(chǎn)品設(shè)計方案。

作為一名設(shè)計師，為追求更好的品質(zhì)和用戶體驗，我們不斷努力著。通過對產(chǎn)品的體驗設(shè)計，使我的設(shè)計方法、表現(xiàn)形式更多元化，學(xué)會如何統(tǒng)籌集體意識，更好的應(yīng)用于設(shè)計，讓最終的設(shè)計稿更容易被大家認(rèn)可，更要不斷的對已經(jīng)設(shè)計完成的頁面進行反思和優(yōu)化，不斷提升產(chǎn)品設(shè)計水準(zhǔn)，為用戶提供極致體驗。

作者：丫頭，來自樂視用戶體驗中心（LeUX）。這是一個專注設(shè)計、交互、用戶研究的交流平臺，探索互聯(lián)網(wǎng)最前沿UX案例，從實戰(zhàn)出發(fā)解讀行業(yè)趨勢。微信ID：LetvUX

本文由 @丫頭 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?，未經(jīng)許可，禁止轉(zhuǎn)載。