3月7日公開課YY在線視頻直播，報名鏈接https://jinshuju.net/f/5tlOtO
隨著移動互聯(lián)網(wǎng)的發(fā)展，移動搜索正在被越來越廣泛地使用，而我們也更加關(guān)注視頻搜索界面的體驗(yàn)優(yōu)化，現(xiàn)在跟大家分享一些心得和思路。
目標(biāo)
視頻內(nèi)的搜索，要打造一個更便捷、更智慧、更精準(zhǔn)的，集語音和文字于一體的搜索功能，并結(jié)合用戶收藏、分享的喜好，通過大數(shù)據(jù)精確分析匹配，為用戶智能化推薦最感興趣的視頻內(nèi)容。
用戶反饋
通過用戶研究團(tuán)隊(duì)的問卷調(diào)查和走訪，用戶對于搜索的創(chuàng)新視覺設(shè)計并不完全理解：
搜索的入口不好找，很難第一時間找到搜索這個功能；
首次進(jìn)入之后沒有任何提示直接進(jìn)入語音錄音，鍵盤切換費(fèi)時費(fèi)力；
沒有熱詞搜索提示，以及熱門搜索推薦；
沒有關(guān)鍵詞聯(lián)想，返回按鈕不好找等。
設(shè)計思考
按照用戶對搜索的使用過程，我們可以將用戶的搜索行為分為搜索前、搜索中、搜索后三個階段，從目前的搜索設(shè)計來看，為了提升用戶的體驗(yàn)，我們將在每個階段，根據(jù)不同目標(biāo)進(jìn)行設(shè)計。
線上通常的搜索界面如下圖：
通過用戶的反饋，結(jié)合目前其他家的搜索設(shè)計，我做了如下總結(jié)：
1. 搜索配色與 APP 整體風(fēng)格存在較大反差，頁面過渡不平滑，容易使產(chǎn)生壓抑感；
通過瀏覽各種網(wǎng)站，以及上圖的舉例，我們會發(fā)現(xiàn)使用黑色背景的界面要比使用白色背景的界面視覺效果更強(qiáng)烈。如果界面背景是白色，對于界面來說可以選擇的配色方案更豐富，同時突現(xiàn)的也不僅是白色；而使用黑色背景則會使較大面積的黑色更突顯。
如果背景使用黑色，色彩的搭配會更復(fù)雜，尤其是在我們的產(chǎn)品中，主色是紅，黑紅的搭配，營造出一種略顯緊張的氛圍，會使用戶產(chǎn)生壓抑感。因此我們選擇白色作為 APP 搜索頁面的背景，讓視覺體驗(yàn)更舒適，主題更突出，同時也統(tǒng)一了頁面風(fēng)格。
2. 默認(rèn)的語音搜索界面，引導(dǎo)信息分散，用戶無法快速上手。如果用戶使用場景不具備語音條件時，會增加使用成本；
如上圖，谷歌搜索在進(jìn)入首頁后會有一個用戶選擇的入口，語音搜索和文字搜索處于同一等級，先給用戶一個選擇的權(quán)利，之后再進(jìn)行相關(guān)內(nèi)容搜索。
如上圖，百度搜索是將語音搜索放在底部的導(dǎo)航欄上。
而淘寶的語音搜索做的較輕，只在文字搜索獲取焦點(diǎn)時，語音搜索才會被同時喚起。
上面三個應(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í)慣，改進(jìn)和優(yōu)化現(xiàn)有設(shè)計。
優(yōu)化方案
方案一：
為更好的兼顧用戶使用習(xí)慣，默認(rèn)強(qiáng)化文字搜索界面，并在默認(rèn)狀態(tài)下提供語音搜索功能入口。
優(yōu)點(diǎn)：頁面布局、交互方式成熟，不需要用戶投入過多的學(xué)習(xí)成本，能夠被廣泛理解和接受。
缺點(diǎn)：設(shè)計上相對平庸，缺乏亮點(diǎn)。
方案二：
依舊選用語音搜索作為默認(rèn)界面，強(qiáng)化引導(dǎo)信息，并提供熱詞或關(guān)鍵詞備選（可以通過語音說出也可以直接點(diǎn)擊來搜索），以確保用戶能夠快速理解功能。同時底部增加文字搜索框（搜索框要優(yōu)于鍵盤圖標(biāo)的感知，信息傳達(dá)更準(zhǔn)確。）。
培養(yǎng)用戶使用語音搜索的習(xí)慣，發(fā)出語音信息后，系統(tǒng)識別關(guān)鍵字并自動填入搜索框，隨后搜索框向上滑動至頂部，并帶出搜索結(jié)果。同時頁面底部常駐語音搜索入口。
對于無語音搜索需求的用戶或當(dāng)前不便使用語音功能時，可快速點(diǎn)擊底部搜索框，搜索框獲取光標(biāo)焦點(diǎn)后，從頁面底部滑至頂部，帶出熱門推薦和歷史搜索，并且彈起鍵盤，即可進(jìn)行文字搜索。語音搜索按鈕被鍵盤托起，形成完整的搜索方式切換。
優(yōu)點(diǎn)：在視覺體驗(yàn)上得到很大提升，同時也保證了功能實(shí)用性，重點(diǎn)功能得以突出展現(xiàn)。
缺點(diǎn)：需要培養(yǎng)用戶習(xí)慣，但非極端冒險性嘗試。
兩套方案，同樣均解決了配色統(tǒng)一問題，引導(dǎo)信息強(qiáng)化等問題。
有待繼續(xù)調(diào)研的問題點(diǎn)：
iOS、Android 用戶對于使用語音搜索習(xí)慣占比調(diào)研，用于驗(yàn)證第一搜索為語音界面是否合理。以及是否要添加記憶用戶上一次使用習(xí)慣，判定進(jìn)入搜索是彈出鍵盤還是直接進(jìn)入語音搜索界面。
總結(jié)
本次的體驗(yàn)改進(jìn)效果：
簡潔清晰，強(qiáng)化引導(dǎo)性；與其他頁面設(shè)計風(fēng)格保持統(tǒng)一；
引導(dǎo)并培養(yǎng)用戶使用語音搜索習(xí)慣；
關(guān)鍵字清晰突顯，使用戶更易辨識及理解；
優(yōu)化頁面信息結(jié)構(gòu)，無論在默認(rèn)語音搜索界面，還是文字搜索界面，用戶都能完成搜索方式的快速切換。
目前［搜索］體驗(yàn)改進(jìn)后，再次收集用戶反饋，接下來的工作就在于如何通過反饋和相關(guān)數(shù)據(jù)，更好的優(yōu)化設(shè)計、提升體驗(yàn)，以及設(shè)計更有意思的新功能。
其他碎碎念：在設(shè)計工作中，溝通是很重要的，前期的溝通可以使自己更了解產(chǎn)品，更好地為產(chǎn)品設(shè)計；同時對于一些分歧點(diǎn)，可以在最初就得到可行性驗(yàn)證，結(jié)合用戶調(diào)研的結(jié)果來制定更妥當(dāng)?shù)漠a(chǎn)品設(shè)計方案。
作為一名設(shè)計師，為追求更好的品質(zhì)和用戶體驗(yàn)，我們不斷努力著。通過對產(chǎn)品的體驗(yàn)設(shè)計，使我的設(shè)計方法、表現(xiàn)形式更多元化，學(xué)會如何統(tǒng)籌集體意識，更好的應(yīng)用于設(shè)計，讓最終的設(shè)計稿更容易被大家認(rèn)可，更要不斷的對已經(jīng)設(shè)計完成的頁面進(jìn)行反思和優(yōu)化，不斷提升產(chǎn)品設(shè)計水準(zhǔn)，為用戶提供極致體驗(yàn)。
