Joy Chiang.

Joy Chiang.

Joy Chiang.

提高 Hahow 作業轉換率再設計

專案成效

作業曝光率提高至 90 %、作業區瀏覽時長增加

主要負責項目

團隊組長、UIUX 設計、原型測試

專案時程

2024.10 - 11 共 6 週

✦ 專案背景

這是由 UIUX 教育機構 AAPD 舉辦的線上產品開發競賽,與實際產品公司合作,由合作業主提出自家產品需要優化的問題,參賽團隊需要根據業主提出的要求進行研究與設計,並在 6 週內產出包含產品規劃、商業策略與 UIUX 設計的完整提案。

1 - 1. 團隊優化目標

我與其他 4 人共組團隊,並且選擇了 Hahow 所提出的「如何讓作業成果吸引未購買的使用者,並加強其購買信心進而提高轉換率?」的 HMW 作為優化挑戰。

根據 Hahow 所提供的資料,已購課學員中未完成作業的人數是已完成的 49 倍之多,同時未購課學員從作業瀏覽到成功購買的轉換率(訂單/流量)僅為 10.59 %,這兩項問題將是本專案優化的指標。

✦ 定義問題

2 - 1. 透過訪談去發現問題

作業成果能提高未購課學員的購買意願已經過業主研究證實,基於此基礎,我們對「作業成果展示」以及「其他會影響購課意願的因素」規劃了一系列的問題,訪問 2 位有過購買行為,以及 1 位曾經考慮過卻沒有購買的受訪者進行 45 分鐘的深度分訪,想要深入了解使用者對作業成果的看法、以及整體使用 Hahow 的體驗,以便發現能夠進行優化的機會點。

針對受訪者購課經驗分析,驗證了作業展示對執行購買決策有極大幫助,但部分受訪者卻表示在瀏覽 Hahow 不曾看過作業展示區,或是即便看了,也因為難以從展示的作業看出學習目的而沒有購課

除了作業,受訪者對課程的互動性同樣表現出了重視,主要希望授課講師能及時批改作業,也有部份受訪者希望學員之間能有交流。

我們根據 Hahow 現有介面與流程分析出上述痛點的成因後,我們整理出三個主要挑戰:

  1. 如何提高作業成果區塊的曝光?
  2. 如何改善精選作業的呈現方式與質量?
  3. 如何增加老師批改率與學員互動率?

✦ 設計成果

3 - 1. 解方發想

確立了主要的痛點後,我們根據不同的挑戰進行頭腦風暴發想點子,最終將方向確定在在收頁新增作業推播區、優化精選作業在課程頁中的展示、以及單份作業的展示區優化。

3 - 2. 制定「作業推薦制」引導使用者行為

為了使作業能最大程度地發揮效用,需要從根本提高學員作業的完整性,我們將按讚制度優化成推薦制度,希望藉由給予推薦票的時效性、 HP 回饋 ( 100 HP = 1 NTD ) 以及登上首頁的誘因刺激學員在短時間內繳交、甚至是盡可能提高作業完成度的動機。

3 - 3.「推薦制」下的正向循環

3 - 4. 新增功能展示 :首頁精選作業

為了增加作業曝光,同時最大化推薦制的效果,我們設計了一塊精選作業區放在首頁。使用者能同時查看課程名稱與對應的學習產出,以此引導使用者點擊作業。

3 - 5. 新增功能展示 :搜尋頁新增彈窗預覽

為了改善使用者容易因為符合搜尋結果的課程過多、被資訊淹沒,而容易在看到精選作業之前就喪失注意力,導致無心、甚至是無法好好探索作業區的痛點,我們加入彈窗功能,方便使用者可以在搜尋頁就精準找到有興趣的課程,而不用頻繁來回、甚至是一一開分頁審視課程大綱,並且在此階段又能進一步展示作業成果。

3 - 6. 優化展示 :課程介紹頁

原本頁面的作業區名稱為「精選學生作業」,改版後改名為「學習成果」,同時將區塊層級調整到課程章節介紹下方,加深兩者的關聯、讓使用者能更清楚想像完成課堂後自己能獲得的學習成果。

同時改善全以圖片展示導致不易閱讀跟判斷學習目的的痛點,優化作業上傳格式,不強求一定要上傳圖片,系統挑選作業的方式也以推薦票的票數為主,確保每一個登上課程介紹頁的作業都有一定水準。另外在上方加入章節選單,使用者可以自由切換想查看的章節作業。

優化展示 :課程介紹頁

為了增加作業曝光,同時最大化推薦制的效果,我們設計了一塊精選作業區放在首頁。使用者能同時查看課程名稱與對應的學習產出,以此引導使用者點擊作業。

優化展示 :課程介紹頁

為了增加作業曝光,同時最大化推薦制的效果,我們設計了一塊精選作業區放在首頁。使用者能同時查看課程名稱與對應的學習產出,以此引導使用者點擊作業。

3 - 7. 優化展示 :作業頁 - 整體

為了增加作業曝光,同時最大化推薦制的效果,我們設計了一塊精選作業區放在首頁。使用者能同時查看課程名稱與對應的學習產出,以此引導使用者點擊作業。

3- 8. 優化展示 :作業頁 - 側欄

為了增加作業曝光,同時最大化推薦制的效果,我們設計了一塊精選作業區放在首頁。使用者能同時查看課程名稱與對應的學習產出,以此引導使用者點擊作業。

✦ 使用者測試

4 - 1. 測試方式

為確認使用者對於新增功能的滿意度,我們將完成的高擬真原型上傳原型測試網站 maze,並邀請了 28 位受試者進行無監督的易用性測試,要求使用者從首頁進入 Hahow,並從 4 堂花藝課中挑選有興趣的課程購買,將課程加入購物車時測驗即結束,受測結束後會請使用者針對體驗填寫滿意度表單、同時抽取部分進行訪談以便取得質化資料。

4 - 2. 測試結果

易用性方面,20 位受試者皆能順利地完成任務,後續分析使用者的問卷回饋與 maze 的桑基圖後得出了以下的優化成果:

  1. 作業曝光率提高至 90% :18 位受試者表示無論是在瀏覽首頁或是課程,皆有看見作業展示區,後續分析瀏覽路徑,16 位受測試查看了兩份以上的作業,其中 9 位受測者經由按下「推薦作業」回到購課頁面完成測試

  2. 選課負擔減小:根據量化的問卷滿意度評分,受測者對在課程搜尋頁提供部分預覽課程的彈窗功能給出 4.7 / 5 分滿意度,整體認為增加此功能能幫助他們比較課程、不須開一堆分頁。

  3. 作業吸引力增加:訪問部分受試者,雖然真正影響購客的因素不能單憑作業呈現決定,但優化後的作業展示方式確實能提高易讀性,也能吸引他們查看更多作業。

✦ 學習與反思

這是我第一次進行改版的專案,在設計上需要去配合既有的規範和原本的產品價值,需要創新但又不能過於大膽,在設計方案的抉擇上有很多地方都需要和組員相互協調才能找出最適合的方案,因此花費了很多時間在討論上,但我也因此學習到該如何從多方角度去審視產品。

本專案中我遇到的最大挑戰、同時也是收穫最多的部分來自於擔任組長一職,由於包含我在內的團隊成員們仍在轉職途中,設計經驗並不多,對產品設計領域的了解與技能還在摸索階段,加上各自想負責的工作內容重合度大,要如何讓每個人都能藉由本專案成長、同時又保證最終產品的質量是作為組長的工作,同時也是責任,我因此來回協調了很多次,期間我學到了甚麼時候該保持彈性、何時又該適當強硬,雖然我無法做到十全十美,多虧了組員間的信任以及相互包容體諒,才能讓本專案順利完成。

Joy Chiang.

Contact:joychiang20@gmail.com

Joy Chiang.

Contact:joychiang20@gmail.com

Joy Chiang.

Contact:joychiang20@gmail.com

Create a free website with Framer, the website builder loved by startups, designers and agencies.