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