評論相冊重設計

藉由增加露出、元素調整以及視覺更新,提升 9 %以上的使用率與 15% 查看量,並間接提升轉化率。

  • 公司:EyeBuyDirect
  • 角色:產品設計師
  • 時間:May to June 2021
  • 介面與裝置:商品詳情頁(移動裝置與桌機)

目標

我們觀察到在商品頁面中,評論照片(Review Photos)擁有顯著較高的點擊率。同時,看過評論的用戶也有顯著較高的轉換率,我們因此推斷此區域在用戶的轉化流程中有重要的作用。

但該區塊在頁面中較低的位置,大多數用戶需要經過幾次的滾動才能發現。

我們認為讓用戶更簡單、快速地看到評論照片,可以提高購物效率與用戶參與度,進而提升轉化率。

1. 增加入口,提升發現性

我們在商品照片畫廊的最後增加了一頁,以展示評論照片的開啟入口以及照片縮圖。

在此處增加入口可以讓用戶在翻閱商品照片時自然發現評論照片功能,展示照片縮圖的同時也增加了商品的社會認可 (Social Proof),進而建立用戶對商品與品牌的信任。

2. 增加照片顯示大小,最佳化瀏覽體驗

在新的設計中,我們大幅增加了約 30% 與 64%的照片顯示長寬,讓用戶可以輕鬆地查看照片細節,提升了瀏覽的體驗。

3. 增加文字評論、星級與所圖,提升易用性

新的設計中增加了文字評論、星級與其他照片的縮圖,豐富了評論照片中的資訊,並讓用戶得以更輕鬆的發現與查看訊息。

展示評論與星級也可以提高用戶對商品的知覺價值與對品牌的信任度,進而提升轉化意願。

數據表現

+9.84%
照片查看率
+15.58%
照片瀏覽數

本次的設計上線之後效果顯著,提升了9.84%的評論照片的察看率以及15.58%的
照片瀏覽次數。我們也觀察到在此新設計上線之後使用此功能的用戶轉化率有明顯的提升。

其他案例