推薦商品
藉由更改推薦商品的呈現方式，提升了16.53%的點擊率與近10%的商品詳情頁觀看量。
- 公司：EyeBuyDirect
- 角色：產品設計師
- 時間：Feb. 2021
- 介面與裝置：商品詳情頁（移動裝置）
藉由更改推薦商品的呈現方式，提升了16.53%的點擊率與近10%的商品詳情頁觀看量。
本次的設計優化有著以下的目標：
在新的設計中，我改用直式的網格設計以提升商品的可視性以及模塊的易用性。
首先，由於推薦商品模塊的位置在頁面的底部，用戶在抵達此區域時較有可能持續滾動。直列式的網格的瀏覽方式與用戶的行為相近，也提供了更大的操作區域與展示區域。網格化的設計也大大的提升了排序較後的商品的可見度，讓用戶可以看到更多的商品推薦。最後，網格化的設計也可以避免用戶因為左右滑動而意外回到上一頁，造成糟糕的用戶體驗。
在新的設計中，我縮小了商品圖片的展示尺寸，以一行兩個的方式展示商品。
由於眼鏡行業的商品外觀相似性較高，用戶也有較高的機率在視力較差，因此我在改變前進行了用戶行為的觀察以及內部測試，確認在一行兩個商品並排的情況下，用戶仍然可以輕鬆地分辨出不同的鏡框。
縮小商品圖片讓我們可以更有效率的運用頁面空間，也因此得以展示更多的推薦商品。
新設計上線之後，「相似商品推薦」的平均點擊量提升了16.53％，平均商品詳情頁查看量也提升了9.83%。
