HKTV Mall 是 HKTV 的一個附屬公司,在網上銷售各式貨品。新開張時曾向每位用戶免費派發 $100 ,我也因此在 HKTV Mall 購物。那時覺得網站設計很有問題,完全不方便,想寫篇文來講講它可改善的地方,但還未開始寫它已經改了版。快看一下,改善了之前問題,所以沒有再作跟進。

最近不知何故,HKTV Mall 的宣傳電郵多了很多,令人煩厭,想寫篇文章去鞭韃一下,於是又去看看 HKTV Mall 的網站。一看之下,還是覺得其設計仍是有問題,忍不住寫下來。

HKTV Mall 的宣傳電郵
一日幾封的宣傳電郵,有需要這麼多嗎?

首頁

圖片的 3%

3%
超多 3%,當中一件是 5%,你能看到嗎?

最搶眼的是每張圖也有 3%。超初還以為是特價 3%,細看才知那是回贈。其實若全部貨品都有「3%」,為何每張圖片都要加呢? 現在整個版面都是「3%」,看多兩次後任何人也變得麻林,會直接無視,根本不能作賣點。就算當中有一件貨品不是「3%」,也不易看到。

而消費者最關心的特價訊息比「3%」還要細,要細心看才看到,實在是弄錯重點。

密集的商品

密集的商品
看到 scroll bar 有多短,便知首頁有多長

首頁的商品密密麻麻,很壓迫,完全沒有留白的空間。每個商品分類都在首頁顯示它的相關貨品和品牌,令頁面非常長,亦令載入時間增加。

密集的顯示只會令人麻木,還不如挑一些出來重點宣傳。

「商品分類」永遠顯示

左邊的「商品分類」在任何頁面都會顯示,不會根據所在頁面 highlight 所屬分類。浪費位置之餘又不能給使用者更佳的使用體驗,更限制了其他頁面的顯示。

如可以顯示現在貨品的其他資訊,或將搜尋的設定放在左邊更好。或甚干脆移除它,讓顯示主要內容的空間更大。

「商品分類」奇怪的分類

來看看商品的分類。

分類1
水果和海鮮肉類放在一起,乾貨和熟食又放在一起
分類2
洗髮水護髮素有需要這樣細分嗎,男士剃鬚用品為何不在男仕專區中?

這樣雜亂無章,毫無意義,不如不要細分吧。

另外每個分類顯示數字,應該是分類中的貨品數量,這只會令頁面更亂,對消費者是完全沒有意義的,難道他們會見到數量很多便點進去看嗎?

Footer
Footer 搶眼程度跟上面的貨品一樣

Footer 竟然用粗體字,還要用上全黑色,比主要內容更顯眼,看來 HKTV Mall 是想宣傳自身公司多於賣貨品。


貨品頁面

現在來看看一般的貨品頁面。貨品頁面最重要的是當中的貨品,顧客進入貨品頁面為的就是看看貨品是不是他們想買的東西,而任何網上商店都是想盡辦法令消費者按購買的按鈕。但 HKTV Mall 似乎是反其道而行。

貨品頁面
一般的貨品頁面

上面的 banner 是怎麼一回事?廣告?不,原來那是銷售貨品的公司 banner。這麼大的 Banner,你是在賣公司還是賣貨品?

導覽連結

導覽連結
很粗很大的導覽連結

字體太大太黑,這類導覽性質的連結不用這麼搶眼。

建議改為淺灰色,並將字體縮少。

另外它的格式是「主頁 > 公司 > 商品」,為什麼不是「主頁 > 分類 > 商品」呢? 這又是以銷售公司為主的例證。但對消費者而言,查看貨品的分類比起查看某公司的貨品更重要。

按鈕位置

Shopping Cart Button
每個商品的「加入購物車」的位置

HKTV Mall 的「加入購物車」按鈕是放在商品簡介下的,因為不同貨品有不同長度的簡介,令每個「加入購物車」按鈕位置都不同,令整體失去一致性,更甚者要顧客花時間找。

看看 Amazon 和淘寶,它們的購買按鈕的位置是一樣的,這樣才能令顧客想購買時不需額外的「思考」。

按鈕顏色

貨品頁面的主要功能是想人按「購買」鍵,所以應該只有一個按鍵是用主色的。其他使用主色的按鈕只會分散消費者的注意力。而看看此地方,少少的地方有幾個按鈕是綠色主色的,要分辦出購買制不容易。

Buttons group
少少的地方有三個主色按鈕

為什麼「寫評論」要高於「加入購物車」?「即時對話」這麼大,是因為這是常用服務嗎?

再看看「喜歡此商品」,白底綠框的設計讓人一看便知是按鈕,但又能保持整體一貫設計,而且不會搶過「主按鈕」的風頭。

建議將「次要按鈕」都用上「喜歡此商品」按鈕的設計。然後「寫評論」要在購買物品後才能執行,一般用戶不會用到,建議搬到「用家評論」位置附近。另外「即時對話」縮少一點。

「不可退貨」

不可退貨
有點像禁止購買啊

一眼看去,「不可退貨」太大,而且有禁止圖案,令人有負面印象,以為不能購買或有其他問題。用普通文字寫出「不可退貨」便足夠,不需使用等別圖案。

其他貨品宣傳

其他貨品
右邊的圖片原來不是當前的貨品

初看右邊圖片還以為是當前貨品的照片,細看下才發現原來是其他貨品的宣傳。其實用戶來到此頁面最想是查看當前貨品的資料,而不是看其他貨品。購物網站用了大量的資源吸引消費者來到某一貨品頁面,當然是想他們按購物鍵,你這麼快便放其他東西在去分散他們的注意力,難得聚集了的消費意欲一下便被吹散。

不是說不能宣傳其他產品,而是應該記著貨品頁面的重點是推銷當前貨品,其他的宣傳應該排在當前貨品後,而不是現在的當眼的位置。要記得,自己的網站是靠銷售貨品為生,不是靠賣廣告 (應該是吧?)。

將「相關貨品」放在現有貨品的描述下面或縮小一點吧。

快速查看

快速查看
做得最好的是「快速查看」

反而「快速查看」更能聚焦、更清楚易明。唯一要說的是,「加入喜愛清單」太近「加入購物車」,建議加點間距。


購物車

購物車是購物網站另一大主要功能,但在 HKTV Mall 中似乎是最隨便的頁面。

要先登入

查看購物車要求先登入!第一次遇見要登入帳戶才能使用購物車的網站。沒有帳戶連查看購物車也不能嗎?

設想一下,第一次來的顧客,將貨品加入購物車,然後想查看一下總額是否超出預算,或者想移除某一些已經不想要的商品,但遇到要登入或註冊的頁面,你覺得他們會怎樣做? 當然是關掉網站走人了,畢竟第一次來的顧客消費意欲並不是這麼大。反而讓他們查看購物車內容,留在網站久一點,有機會增加他們的消費意欲。

任何網站都想減少訪客遇到的障礙,延長他們逗留的時間,而不是加進麻煩的機制,令人們在使用服務前要跨過重重障礙。

購物車=付款

購物車
是購物車還是付款頁?

登入後,一按購物車居然去了付款頁面,原來根本沒有購物車頁面,有的只是付款頁面而已,怪不得要先登入了。另外,購物車頁面跟網站的介面完全不同,連「搜尋」也沒有,想再購物需按 HKTV logo 回主頁。

其實我入購物車只是想看看自己已放進什麼,再去找其他還想買的東西,為何要迫人付款呢。

較好的做法是維持同樣的頁面設計,讓用戶一眼可查看整個購物車的貨品,並在當眼位置加上「付款」按鍵,按「付款」才去付款頁面 (登入、選地址、付款方法等)。

在購物車底部或可加相關貨品的連結作最後銷售的努力。


店鋪頁面

每個在 HKTV Mall 上的店鋪,都有專屬頁面。

店鋪頁面
一般的商鋪頁面,完全看不到它有的商品

商品位置

店鋪頁面頂部是宣傳圖,然後是「搜尋篩選」,最後最低才是商品列表。很多時進入某一商鋪頁面,不能即時看到商品列表。購物網站應該何時何地也以商品為先,為何這裏會將商品放在最不引人注意的位置?

不能 click 的宣傳圖

看到中間很大的宣傳圖嗎?店鋪似乎可自訂幾張宣傳圖,但它們是不能被 click 的,顧客想查看宣傳圖的貨品也沒有辦法。這樣的宣傳圖完全沒有作用。


搜尋結果頁面

搜尋結果
「搜尋篩選」太佔空間

「搜尋篩選」佔頁面太多太大,還要放在頂部,訪客當然是想看搜尋結果多於「搜尋篩選」。

建議將「搜尋篩選」放在右邊較好,代替「商品分類」。


最後

HKTV Mall 是聚集了很多不同公司的一個平台,可以當它是規模細一點的淘寶甚至乎 Yahoo Auctions,不過貨品價錢不夠淘寶便宜,種類又不夠 Yahoo Auctions 新和多,用戶又不能給店鋪評分。它可以說是將現實的「商場」概念完整的複製到網上,功能上不比現實的商場少,但也不比它們多,完全忽略網上和現實的結構性不同,不知它究竟如何定位。

要跟香港的密集購物商場競爭,完全沒優勢可言,加上它的網站設計問題,和討人厭的轟炸式電郵宣傳,HKTV Mall 的前路毫不樂觀。