產品上傳列表
優化

#uiux#develope#web

華碩雲端股份有限公司

產品上傳列表優化

OVERVIEW AND SUCCESS

概述與成就

因經過許多使用者回饋上傳列表體驗不佳,無法如預期上傳資料,所產生的產品優化計畫。上傳列表優化上線後成功降低 80% 的客訴案件,學習到產品功能優化需仔細操作每個設計步驟與流程,每次的調整都是為呈現更好的體驗給使用者。

IDEATION AND DESIGN

構思與設計

起初透過數據觀察和使用者訪談,設身處地考慮使用者的使用經驗,並與競品作比較,找出問題更深層的意義。

問題一

等待時間太久

跨版面進度條容易造成使用者等待時間過長的錯覺,無更具體的數字量化上傳進度。

問題二

上傳列表無法得知每筆檔案的上傳進度與狀態

上傳列表中缺少因狀態不同而有不同顏色的差異。

問題三

不知道檔案上傳失敗的原因

缺少上傳失敗的回饋訊息與建議。

相似競品

優點

Google Drive

清楚顯示上傳檔案的不同狀態,容易取得重要資訊。

Dropbox

直接明瞭的資料架構。

Box

強烈的品牌識別,像是顏色、字體。

One Drive

資訊內容設計簡約,但視覺上缺乏吸引力。

將使用者的問題整理歸納,主要重新設計總進度條的狀態顯示、加強不同上傳狀態的差異與失敗回饋訊息提示。過程中和 PM、客服團隊一起討論分析使用者的問題,融入自己的想法做優化,加上原型的製作,讓使用者能更具體體驗優化結果,快速得到優化後的回饋。

Before

優化前

  1. 跨版面的進度條,容易造成用戶等待時間過長的錯覺。
  2. 總進度條無法判斷目前整體狀態。
  3. 上傳失敗的回饋提示不明顯,無法得知失敗原因。
After

優化後

  1. 縮短進度條,讓閱讀資訊時更方便,並加入總進度條進行中、成功與失敗的狀態呈現。
  2. 總進度條用深色底加強在不同狀態下顏色的對比與差異。
  3. 上傳失敗時增加提示訊息,說明每筆檔案失敗的原因。
上傳原型

使用 Principle 製作上傳列表優化後的原型