標籤

[分析報告] UIUX Researcher/ UX Writer 使用者體驗與經驗研究｜Analytical Report/Technical Report 分析報告｜ OTT Platform OTT平台

 TaiwanPlus節目中心官網版面調整提議

2022.11



三大點：

A. 設計美感、排版優化

  1. 首頁主視覺

  2. 卡片式設計

  3. 搜尋引擎視覺優化



B. UI/UX建議

  1. 影片預覽功能

  2. 搜尋功能優化

  3. 增加縮圖頁面標註功能

  4. 集數排序



C. 針對網站及APP現有功能改善

  1. 策展活動頁面模組化

  2. 影片切換/退出功能

  3. App退出應用程式通知

  4. 鼓勵用戶下載App



A. 設計美感、排版優化


  1. 首頁主視覺


進入網頁後有個大又明確的暫時主視覺吸引用戶眼球，加強TaiwanPlus的品牌印象，停留一兩秒後將用戶帶到首頁。


Examples:

  1. 卡片式設計


期待以「卡片式設計」，用節目主視覺一次呈現多支不同節目，讓使用者一進入網站，即可清楚瀏覽我們所有的節目，完整呈現節目的多樣性。點進任一節目的卡片後，可以閱讀節目資訊及分集列表。


（現行是以「單一節目」為單位，直接展開各節目的單集，想了解所有節目內容需要不停下拉網頁，較不便使用者了解我們所提供的內容全貌。）


Examples：


  1. 搜尋引擎視覺優化


目前搜尋介面如下圖，當使用者到右上角點選搜尋鍵之後，搜尋欄會跑到左上角，使用者必須轉移整個視覺方向後再開始搜尋。且搜尋欄會覆蓋最上面的bar的所有功能，連TaiwanPlus logo也蓋住。



期待解決方法：

  1. 建議不要蓋住網站logo，位置與搜尋鍵一致。

  1. 建議使用者按下搜尋鍵後，搜尋欄可出現與Tag連動的建議搜索關鍵詞，參考NHK WORLD的做法，增加推薦搜尋的內容給使用者。

    1. 若是上方空間不足，上方搜尋功能只能以較單純的方式呈現，也建議可另外在網頁下方新增獨立的搜尋板塊，提供Tag的建議搜索詞。


Example：：NHK WORLD，此搜尋欄位出現在網頁下方。






B. UI/UX建議


  1. 影片預覽功能


期待新增影片預覽功能，讓用戶在點進影片前能快速預覽。參考 YouTube，進入頁面時呈現縮圖，當滑鼠移至縮圖上方，即會開始播放影片預覽內容。


  1. 官網搜尋功能優化


期待搜尋功能能夠優化，希望調整為針對主題搜尋，而非文案詞彙、標題字元搜尋。如Disney+網站因搜尋功能較不精確，在OTT大宗平台內較讓使用者苦惱，而TaiwanPlus官網也有類似的狀況。


現狀：搜尋「軟性詞彙」，如food或是art，會出現不相關的結果，文案有類似的字元就會進入搜尋列表。（如搜尋「Art」，跳出不相關的政治新聞，因為標題的詞彙內有a、r、t合體的字元（如Party，Cartier）；搜尋「Food」，會出現鳥類節目 Formosa Forevermore，因文案內有food的字眼。）


  1. 增加縮圖頁面標註功能


希望可以在節目或新聞的縮圖頁面，加入標註功能。以下提供不同呈現方式的參考，如公視+、Netflix、CatchPlay，皆以「卡片式」方式呈現節目，並在展示節目的縮圖頁面，對該節目有特別標注。


增加標註功能對節目與新聞而言都會十分實用，希望未來可以開發出類似的標註功能，並能自由填入文字。（例如「Exclusive」、「Limited」、「New Episode」、「New Season」、「Golden Bell Winner」、「TaiwanPlus X Discovery」、「Breaking News」、「 National Day Special」、「Election Day Special」等等。）

Examples:

  • 公視+ 的標註壓在圖片上，標註該節目是限時供應，加強使用者想點開節目的動機。

  • Netflix的標註也是壓在圖片上，告知使用者有新一季、新的單集，吸引使用者點入。

  • Catchplay的標註則是在節目標題尾端的字卡，告知使用者該節目是該平台的獨家內容。


  1. 集數排序


希望可以新增Filter功能，讓使用者進入某節目的分集列表後，可以選擇集數排列順序 (Latest, Oldest)。


Example：




C. 針對網站及APP現有功能改善


  1. 策展活動頁面模組化

希望將首頁策展活動頁面模組化，以因應未來自製、購片內容策展，以及文化部專案需求。預計以現有的「國影中心模板」為基本範本開發模板，關於模組的詳細需求，留待與IT同仁進一步討論。



  1. 影片切換/退出功能


目前點進影片後，若想跳出來回到前一個頁面，必須要點選左上角的 「回到上一頁鍵」（下圖紅圈）。


但依照使用習慣來說，通常會直接點選左邊的空白處（下圖橘框），但若是點選空白處或是叉叉（下圖藍圈），會回到前一個頁面的最上方（頁面會再更新一次），如果觀者只是同一個系列想換一集看，要再往下滑一次，十分不便。


建議簡單的在影片的右上角或左上角放置 「回到上一頁」的功能（藍圈處）並且不是回到上一頁的最上面，而是使用者上次停留在上一頁的位置。


Example:


  1. App退出應用程式通知


目前，TaiwanPlus的app視窗是”Are you sure you want to exit?”，比較像是電腦操作的術語，有點疏離，希望可以修改文字與版型，增進使用者體驗。

建議修改如下：

  1. 左上角之「Close」刪除

  2. 中間之”Are you sure you want to exit?”改為以下文字：”We miss you too.”

  3. 右下角之按鈕，如「Cancel」與「OK」改為以下文字：

    1. 左邊文字保留藍色，改為STAY，凸顯存在，加上左邊按鈕比較常被按

    2. 右邊文字改為黑色，改為LEAVE，削弱存在


  1. 鼓勵用戶下載App


若是希望鼓勵網站的使用者下載App，建議可以參考其他新聞網站的做法，用pop out視窗鼓勵使用者下載app。


建議：

  1. Dwell Time達到3分鐘則跳出參考圖片一的視窗，鼓勵用戶下載app。

  2. 請利用cookies等相關網頁工具，每個使用者只會彈出一次視窗。避免同一用戶，每次拜訪網頁、過3分鐘就會遇到一次彈跳視窗。

Examples:


根據參考圖片，頁面下卷，閱讀完新聞，頁面會跳出視窗，針對網站滯留時間夠久的觀眾，也就是可能繼續觀看的族群，提供廣告，吸引他們下載app。


*可利用已存在的宣傳圖



標籤：

留言

發佈留言

熱門文章