讓我有動力的元素
  • 合理且明確的專案時程:讓我能安心的規劃自己每一天的進度。
  • 看到專案被落實:即使是很小的功能改善,當專案上線時我會有踏實感。
  • 友善的試錯環境:讓我能放心探索方法、分享想法。
  • 抱持善意的合作心態:在工作上,我希望相信大家的目標是為了讓專案有更好的成果,而非針對個人。
我工作時的優點
  • 有耐心 : 面對需要時間整理或分析的資料,能夠耐心且有條理地逐步完成
  • 接受回饋 : 我能理性地看待自己交出的成果,並客觀接受回饋,思考如何回應和調整以達到更好的成果。
我正在努力改進的地方
  • 我需要較多的時間來理解一件事情,有時需要透過想出自己能理解的比喻後才能進入狀況。在未充分了解之前,較難立即表達自己的想法。
  • 有時候,我會覺得某個細節對整體感有影響,投入較多時間調整細節,但其實那個細節可能並不影響大局。
可能會讓你感到不開心的行為
  • 有時候如果專案時間還充裕,我可能會突然想嘗試其他做法。如果會讓你感到有壓力,請隨時告訴我。
  • 有些專案的前期,我會發散地紀錄想法,並不一定是要往哪個方向去,只是我需要這段時間來幫助我思考。
HMW

如何讓作業成果吸引未購買的使用者,並加強其購課信心進而提高轉換率?

Duration
2024.10 - 2024.11
My Role
UIUX Designer
Responsibility
Research & UIUX Design
Brand
Hahow
作業內容
課程頁面

專案背景

這是一個為期 1 個多月的設計競賽,由企業方 Hahow 提出題目:「 如何讓作業成果吸引未購買的使用者,並加強其購課信心進而提高轉換率?」讓設計師探索如何讓使用者會因為學員作業而更願意購課。參賽 1 週後,評估了自己能分配給專案的時間,擔心影響到組員的進度,我退出了比賽,試著以自己的步調在時間內完成專案。

初步觀察

Hahow 平台有 12 個領域,共 1000+ 堂線上課程
這些課程的作業內容大致可分為 4 種類型,分別以 圖、文、影、音 為主
其中以圖為主的作業,較容易在課程頁透過縮圖了解其作業成果
其他以圖為主的課程作業縮圖
另外三種類型的作業,縮圖則難以讓人了解作業成果
以文為主的作業 ( 如日文翻譯 )
以影為主的作業 ( 如攝影 )
以音為主的作業 ( 如編曲 )

初步觀察後產生的疑問及行動

01
不少課程是屬於無法透過作業縮圖了解作業成果的。那目前的作業成果會影響購課決策嗎?
行動:詢問身邊朋友、同事共 8 人
02
目前的作業成果扮演了哪些功能或角色?
行動:從平台的 12 個類別中選了音樂、語言、攝影、藝術、人文、行銷 6 個種類,觀察每個類別中前八名熱門課程的作業內容,分析其呈現的資訊
03
有沒有什麼方式能讓不同種類的作業縮圖都能發揮效果?
行動:思考不同種類的作業與影響購課決策因素之間的共同點
01. 目前的作業成果會影響購課決策嗎?

詢問了身邊的朋友與同事共 8 人後,了解他們在購買課程前通常不會去看學員的作業內容。主要依據課程內容、講師、價格來決定是否購課。在價格和課程內容都符合預期的情況下,如果是已經追蹤並喜歡的講師,除了直接購買外,有時也會先將課程收藏或加入購物車 ;  而對於不太熟悉的講師,則會花點時間搜尋相關的作品和資訊,進一步評估課程的價值。

02. 目前的作業成果扮演了哪些功能或角色?

透過桌面研究,觀察了 6 個種類共 48 個課程,超過 120 份作業後,發現講師回覆作業的內容蘊含許多價值。

講師回覆作業:
  • 展現講師專業能力的深度與廣度
  • 透露更多講師個性的印象
  • 了解講師回覆作業的頻率
  • 有時能間接了解課程單元的內容
  • 總結學員作業的亮點,增加作業吸引力
學員作業內容:
  • 展示不同學員對作業的想法與創意
  • 看到學員在練習過程中的心得與挑戰
  • 有時能精選出課程重點
  • 連結至學員的創作平台,拓展其平台曝光度
  • 評估作業難易度是否符合自身學習需求
( 桌面研究 )
然而目前的作業內容頁,講師的回覆位於頁面的最下方,無法在進入頁面後立即被看到。
假設一:關於作業內容頁

如果讓講師的回覆更容易被看到,將能增加用戶對講師的印象並提升對講師的信任感,當有了更多信任感後購課信心也會提高

研究目標一

講師的回覆是否能在用戶心中留下印象?

簡易 Prototype 訪談

從圖、文、影、音四種類型的作業中各選出 4 份作業,首先讓受測者閱讀作業的原始呈現方式。接著,將頁面右側的欄位替換為原本位於底部的講師回覆,並詢問受測者對此改變的感受。

洞見

  • 大部分沒有講師回覆的作業內容對用戶來說可能缺乏吸引力
  • 多數用戶往往需要透過講師的回覆,才會對作業內容產生興趣
  • 講師的回覆能讓用戶對講師或作業內容留下新的印象,並賦予作業更多意義與價值感

研究目標二

當用戶看了更多同一位講師的作業回覆後,是否更容易留下印象?

簡易 Prototype 訪談

使用測試一的新版面,請受測者依序閱讀同一門課程中講師對不同學員作業的回覆內容,並在閱讀後詢問其有印象的部分。

洞見

  • 當用戶閱讀同一位講師更多的作業回覆時,不僅更容易對講師留下印象,也更有機會找到自己感興趣的內容

作業內頁調整後

透過簡易訪談,確立了「讓使用者更方便地閱讀講師的回覆內容,以加深他們對講師的印象」的設計方向。接著,進行了細部優化,包括微調作業內容與右側回覆欄位的尺寸、加入快速切換作業的功能,以及重新設定留言呈現的規則。

  • 將講師回覆欄位固定在右側,方便使用者同時閱讀回饋並對照作業內容,改善閱讀體驗。
  • 可直接切換至下一個作業,快速瀏覽講師的回覆內容。
  • 可直接切換至不同章節的作業,更方便了解各章節的學習內容。
假設二:關於課程頁面

如果將作業縮圖與講師的作業回覆建立關聯,將能讓不同種類的縮圖都能發揮效果,藉此提高用戶點擊縮圖,進而閱讀作業成果的比例

問題:目前的精選作業縮圖未提供足夠的點擊動機

目前的精選作業縮圖僅呈現作業成果,不僅無法讓用戶有更多點擊動機,對於非以圖像為主的作業類型也顯得不夠理想。若用戶沒有點擊作業縮圖,便沒有機會看到講師對學員作業的回覆。

課程頁面調整後

  • 將精選作業併入講師資訊區塊,並在右下角添加 icon 標示出講師已回覆的作業,讓縮圖成為展示講師回覆資訊的媒介。
  • 顯示講師回覆作業的總數,增加用戶對講師的信任感。
調整後的作業縮圖設計,能在不同類型的課程作業中發揮效果

從課程頁面到作業內容頁的體驗

  • 在看單元作業說明時,也可看到該單元的精選作業。
  • 點擊作業縮圖後,作業內頁以 Overlay 方式呈現,讓使用者可以在快速瀏覽講師的回覆後,如果對講師或課程產生更多興趣,可以直接回到課程頁面,仔細查看課程內容。

手機版

查看作業 - Before

查看作業 - After

作業內容 - Before

作業內容 - After

關於這份提案

  • 這份提案是以短期規劃的方式進行思考,因此大部分為版面配置、資訊呈現、操作體驗上的調整,並沒有新增功能,未來仍有許多地方需要逐步優化,才有機會進一步提升整體作業內容的品質與價值。例如學員繳交作業的流程體驗、講師回覆作業的操作體驗。
  • 透過在課程頁面的精選作業顯示講師回覆狀況,以及在作業內頁提升講師回覆的可見性,不僅可以讓使用者更容易多了解講師一些,也能在無形中促使講師更重視回覆的質量與時間。例如,對於一些在作業說明中提及回覆頻率的講師,這樣的設計有助於督促他們更遵守自己的承諾。

從專案中的學習

一開始,當得知題目是「 如何讓作業成果吸引未購買的使用者,並加強其購課信心進而提高轉換率?」時,因為自己在 Hahow 上購課時,作業成果並不會影響我的購課意願,也很少點開來看。詢問幾位朋友後,得知他們通常也不會去看。加上 Hahow 在作業頁面的呈現,看起來是很早期的樣式,且電腦及手機的使用體驗都不好,從而更確定作業成果並不是影響購課的關鍵之一。

在不知道該怎麼進行下去時,我試著多看看平台上的作業內容,看看是否能發現什麼。在逐一閱讀學員作業及老師回覆的過程中,幸運地發現也許作業的其他價值,也察覺之前自己過於集中於「轉換率」這個問題,卻忽略了題目中的「加強購課信心」這個線索。

最終,我提出的設計方案雖然尚未能確定其對實際課程營收是否有影響,但這個過程讓我明白,即使是看似不那麼重要的問題,只要好好地嘗試,就有機會發現其中的價值。