藉由Heuristic evaluation找到蝦皮的可能性並且提出解法

蝦皮的痛點?

蝦皮購物從2015年推出至今已經擁有眾多的賣家和買家在此平台上交流購物,然而在app的設計上仍然有許多不足的地方。
其中最為人所詬病的就是介面資訊的繁雜程度,許多優惠以及折扣充斥了整個版面,沒有得到統一。
關於「訊息量繁雜」這個問題,我們將提出一個適當的解法。

從根本出發,運用Heuristic evaluation的脈絡去分析

根據Heuristic evaluation中十個子項目的 Aesthetic and minimalist design(美化和減法、簡化設計),假如重要以及不重要的信息存在在同個介面上,會讓使用者不能夠快速找到對自己有用的資訊,而蝦皮的首頁就能夠明顯看到這個問題。

黑框框住的小icon其實都是同性質的東西(圖左)、首頁的Cards不統一導致很混亂(圖中、右)
藍框框住的同為折扣或是回饋項目、黃框則都為時尚選項

如何將Heuristic evaluation應用於此

把同性質的項目去做分類,讓首頁的訊息更乾淨俐落。

Cards的兩個解法:
(一)直接減去Cards的訊息
(二)重新設計Cards的UI設計(統一以及簡化)

這次Cards的解法選擇第二個選項,原因是考慮為甚麼蝦皮要做那麼多Cards曝光於首頁上,可能的點有以下幾項:
1. 熱賣商品對於其他買家是有幫助的,否則不可能會成為熱門品
2. 蝦皮商城是蝦皮前幾大利潤來源,因此放在首頁
3. 蝦皮直播雖然許多人根本沒有看過,但是可能那些直播主或是廠商是長期合作經營,對蝦皮本身的推廣以及直播主的人氣是相輔相成的

綜合上述幾點,我認為Cards存在一定有它的意義,但是要如何把美觀以及利益做出一個平衡,我認為簡化和統一相對於直接刪除是比較有幫助的。

將性質相同的選項統一進一個大項、點開後跳出Dialogs選擇子項

藉由前後比較,看出改善的可能性

圖左為原首頁介面,能夠看到中間的icon多且雜,只能左右滑動去找自己需要的項目,底下的精選品牌Cards和其他的Cards不統一,導致整個畫面有許多顏色,看起來非常繁瑣混亂。

圖右為更改結果,將icon做分類統一,精簡了畫面上icon的數量,並且把精選品牌的Cards顏色和底下的項目做統一,讓畫面上不會有太多顏色彼此干擾。

圖左修改前;圖右修改後
圖左修改前;圖右修改後
圖左修改前;圖右修改後
圖左修改前;圖右修改後

原設計具體來說比較像菜市場,雖然看起來很豐富熱鬧,但是不熟悉蝦皮app的人第一次使用就會迷路,不知道要的東西在哪。簡化並且有條理地整理每個項目,就像是超市,讓使用者能夠在第一時間知道自己需要的資訊在哪裡。

菜市場人多嘈雜,種類雖繁多但無一致性(圖左) 超市將每個商品分類並且貼上標註,使人一目瞭然(圖右)

給蝦皮的建議

這次只有針對首頁的介面去做redesign,但是其實蝦皮其他地方也同樣充斥太多複雜的資訊,最根本的問題可能為畫面不統一,導致app不容易讓使用者使用。另外一點是現今購物平台為了讓大眾能夠更頻繁使用app,因此加了許多新功能,但是這些功能未必是好的,有些功能像是為了加而加,蝦皮對於增加功能的脈絡思考還不夠縝密,用戶是否需要這些功能,應該好好的去分析群眾需要的東西。

--

--