你的APP界面是否有如下問題?聚焦視頻搜索的再設計

0 評論 5215 瀏覽 204 收藏 11 分鐘

隨著移動互聯網的發展,移動搜索正在被越來越廣泛地使用,而我們也更加關注視頻搜索界面的體驗優化,現在跟大家分享一些心得和思路。

目標

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

用戶反饋

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

設計思考

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

1

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

2

3

通過用戶的反饋,結合目前其他家的搜索設計,我做了如下總結:

1. 搜索配色與APP整體風格存在較大反差,頁面過渡不平滑,容易使產生壓抑感;

4

5

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

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

2.默認的語音搜索界面,引導信息分散,用戶無法快速上手。如果用戶使用場景不具備語音條件時,會增加使用成本;

6

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

8

如上圖,百度搜索是將語音搜索放在底部的導航欄上。

9

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

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

3.用戶搜索缺乏建議性引導,搜索目的不明確時應給予熱門或興趣推薦;

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

10

如上圖,目前最常見的騰訊、優酷、愛奇藝等多家視頻的搜索界面,已經培養了用戶的使用習慣,所以我們也應該是依據用戶習慣,改進和優化現有設計。

優化方案

方案一:

為更好的兼顧用戶使用習慣,默認強化文字搜索界面,并在默認狀態下提供語音搜索功能入口。

11

優點:頁面布局、交互方式成熟,不需要用戶投入過多的學習成本,能夠被廣泛理解和接受。

缺點:設計上相對平庸,缺乏亮點。

方案二:

12

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

培養用戶使用語音搜索的習慣,發出語音信息后,系統識別關鍵字并自動填入搜索框,隨后搜索框向上滑動至頂部,并帶出搜索結果。同時頁面底部常駐語音搜索入口。

13

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

14

優點:在視覺體驗上得到很大提升,同時也保證了功能實用性,重點功能得以突出展現。

缺點:需要培養用戶習慣,但非極端冒險性嘗試。

兩套方案,同樣均解決了配色統一問題,引導信息強化等問題。

有待繼續調研的問題點:

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

總結

本次的體驗改進效果:

  1. 簡潔清晰,強化引導性;與其他頁面設計風格保持統一;
  2. 引導并培養用戶使用語音搜索習慣;
  3. 關鍵字清晰突顯,使用戶更易辨識及理解;
  4. 優化頁面信息結構,無論在默認語音搜索界面,還是文字搜索界面,用戶都能完成搜索方式的快速切換。

目前[搜索]體驗改進后,再次收集用戶反饋,接下來的工作就在于如何通過反饋和相關數據,更好的優化設計、提升體驗,以及設計更有意思的新功能。

其他碎碎念:在設計工作中,溝通是很重要的,前期的溝通可以使自己更了解產品,更好地為產品設計;同時對于一些分歧點,可以在最初就得到可行性驗證,結合用戶調研的結果來制定更妥當的產品設計方案。

作為一名設計師,為追求更好的品質和用戶體驗,我們不斷努力著。通過對產品的體驗設計,使我的設計方法、表現形式更多元化,學會如何統籌集體意識,更好的應用于設計,讓最終的設計稿更容易被大家認可,更要不斷的對已經設計完成的頁面進行反思和優化,不斷提升產品設計水準,為用戶提供極致體驗。

 

作者:丫頭,來自樂視用戶體驗中心(LeUX)。這是一個專注設計、交互、用戶研究的交流平臺,探索互聯網最前沿UX案例,從實戰出發解讀行業趨勢。微信ID:LetvUX

本文由 @丫頭 原創發布于人人都是產品經理?,未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!