凸顯產品優勢!提高圖片瀏覽量 3 個選擇心法

網路上琳瑯滿目的產品圖片,為什麼相似種類的品項,別人就是賣得比我好?
有沒有一種方法,可以不用花錢請專業攝影師來拍產品圖片,又能同時獲得很高的點擊率,同時又能省點錢,不需要花坑位費用、行銷費用,就能輕鬆提高瀏覽率,更不需要設計師評估給予專業建議?

看完文章收穫
『 上架產品圖片的精華要點 』


 — Cora 千錘百鍊的第 004 篇文章   —

什麼方法?

上週與社團中認識的一位攝影師聊了起來,由於之前工作背景相似,她現在遇上的問題引起了我的興趣。

自己是攝影師, 常遇到初步接洽後到談需求都很順利,但是後來報價完常常沒有下落。不然就是在拍攝過程中,業主常常很有想法,給予了專業建議後,溝通後只能照著顧客的需求拍,但最後會怪罪是攝影師沒拍好。

一開始我以為是價格的問題,覺得價格與價值不相符合,但是看了作品與市場調查後,我發現不是。我一項認為,具有專業水準與真實好的作品,經過溝通雙方對價格達成共識後,才能產生良好的合作關係,而不是一味的往高報價或是一味壓低價格,只為了賺錢而賺錢。

價格沒有絕對,但價值往往是溝通出來的,而不是希望價格便宜,又希望物超所值啊

我發現問題是出在:雙方對於將商品資訊內容上架到買賣平台上,沒有一個簡易可判斷的標準,或有其可以衡量的基準,最後因為角度不同而產生合作上認知的分歧。

『阿上架不就是需要一張產品照片,阿我拿手機也可以拍啊,拍完上傳好就好了啊,有什麼難的?我幹麼花錢啊?』

可你知道嗎?每個坑位跟每個上架商品,機制較成熟的平台,會有一套審閱圖片的規範標準,為了保證平台用戶整體使用感受,也能擁有較好的搜尋排名,更能保障不同業務性質窗口對接的便利性。

產品圖片上架的要點


什麼是坑位?

坑位產出,每個產品的位置就代表一個坑位。

產品坑位圖片
產品坑位與圖片

影響坑位的核心元素:

❶ 圖片

雖然圖片的點擊率不代表成交量,點擊率也受到其他多因素影響,但不可否認點擊率 = 展現量,也可以初步衡量它對用戶的吸引度。

而對用戶的吸引度,在網路上賣東西,圖片是門面,賣的也是圖片,由於摸不著也看不到實體,對於商品的所有認知都是來自於圖片。

而手機的螢幕在使用上比電腦小,在視覺上的閱讀順序,以及注意力的因素,圖片細節的效果遠大於電腦。

ⓐ 主體一定要與商品名稱相符

我相信點開進去發現圖文不符,是一種令人錯愕的經驗。(掛羊頭賣狗肉的成語,雖然實際上表達意義不同,但表面闡述也是類似)


商品名稱與產品圖片不相符

ⓑ 主體先達到清晰,再要求 細緻、精緻、極致

很多時候你會發現都是賣蛋糕的,為什麼進入類似性質網站時,你會停留在另個網站比較久時間?

是不是它的照片比較精緻?包括拍攝的背景營造,整張圖片氛圍,凸出商品哪一個角度?燈光怎麼打?為什麼同樣是蛋糕看起來就是很有質感,讓你忍不住多停留幾眼?

💡 有些專業攝影師隨著經驗的積累,往往可以預先幫你考慮到商品拍攝後對應到上架平台上的效果,及注意商品背景的構圖與整體呈現方式。這也是多數想省錢,但一般會比較缺乏的經驗。

左邊 / 右邊 哪一個蛋糕坑位,更吸引你呢?


ⓒ 差異性

以筆電為例子,市面上有賣這麼多筆記型電腦,但今天主打的客群不一樣,所要凸顯的點也不一樣,什麼意思?

例子 – 商務人士

今天如果要主推客群是商務人士,可能需求推測以輕薄為主(應為需要隨時攜帶),並能滿足基本的文書處理,那在凸顯筆電的產品照片上,是不是能以“輕薄”作為主推核心,間接帶出有如 A4 般薄的機身,特寫機身部分?


例子 – 設計師

舉自己為例,今天如果要選購筆記型電腦,那設計師最在乎的不外乎是“校色”色彩顯示準不準,在思考的同時,如果該圖片主打“顯示準確”、“色彩細緻”等為差異點,那是不是會比其他筆電牌子有更獨特的分眾市場?


例子 – 工程師

舉例:老鬍是工程師,他的需求是要一臺性能好的筆電,以方便隨時可以展開工作或coding,那選擇筆電上效能方面,圖片是不是可能以凸顯配備的零件是什麼?來吸引相關的客群。




❷ 文字標籤

其實個人覺得加在圖片上的文案,不一定是必須,但如果要加,加的好是起到輔助的作用,加不好則顯得雜亂無章,端看如何取捨。

ⓐ 什麼是主圖牛皮癬?

有的時候當圖片同質性高的時後,為了拉開差異性,有些商家會選擇加上文字標籤 – 也就所謂主圖上的牛皮癬。


圖片來源:google搜尋電商牛皮癬

牛皮癬設計注意事項:

注意文字標籤,不可搶了原本圖片,幾何圖形配置上,元素須清晰,也不要過份浪費空間。


當初製作牛皮癬的稿子

常見牛皮癬顯示文字的 tips

數字 – 10000 比 1萬 更有張力

需要用到數字表達時,使用阿拉伯數字更直觀與好記。

緊迫性 – 促銷時段與商品折扣

利用時間的緊急,增加購買慾望,如:12月25日前購買,折上再打五折等

利益誘惑 – 免運,商品買三送二等等

不管是免運還是打折,都是推出利益點的方式,促使顧客進行點擊。

圖片來源:google搜尋電商標籤


影響坑位的核心總結

❶圖片
➙ 主體一定要與商品名稱相符
➙ 主體先達到清晰,再要求 細緻、精緻、極致
➙ 差異性

❷ 文字標籤(主圖牛皮癬)
➙ 注意設計時的幾何圖形細節
➙ 數字、緊迫性、利益誘惑

以上內容提及關於圖片坑位與點擊率等,文字引用來源自:
https://www.zhihu.com/question/20646603
https://www.zhihu.com/question/67169290

話題產生的共鳴

說心裡話,
意外地從聊天過程中,發現原來很多事情,有的時候是共識或是理解沒有達到一致所產生矛盾。

通過設計規範來解決問題,而規範的設立不單純只是歸納設計方向、設計元素的文件,也是為了使團隊達到有跡可循與更密切配合的效果,更能減少溝通的矛盾。

寫這篇文的時候,一切就是這麼剛好。

我不會知道一年前,“畫個牛皮癬”的目的是什麼,只記得當初在做的煩躁,與因小而輕忽。
也不會知道今年,單純聊個天,過去的經驗可以互相關聯成一篇文章。

很多時候,會看不清楚當下經歷的事情,與發生的原因。

直到今年開始自我沈澱後,
才會發現任何一個過程的發生,都有它的意義。

而你完全不知道未來什麼時候會用上它。




圖片選擇 只是介面設計中的其中一環,其他 UI 設計系列文章:

💡 圖片、文字影響點擊率、轉化率:
提高點擊率!Banner 設計時 5 個藏在魔鬼裡的細節

💡 選擇照片、文字排版,影響頁面整體閱讀、產品曝光展示率:
凸顯產品優勢!提高圖片瀏覽量 3 個選擇心法

這篇文章有幫助到您嗎?歡迎留言跟我說 ~

Hi ,我是 Cora – UI 設計師,興趣畫室內3D渲染圖,提供設計相關服務 (點擊去瞧瞧作品),今年過著自由接案的間隔年生活,歡迎來找我聊天。

如果想找人說說話,也剛好喜歡寫文字的我,不侷限任何事情或單純發設計案子給我,在下方留言區輸入電子郵件並認真寫下內容,我真的會在收到信息後仔細回覆您哦 😉

喜歡文章免費 👏 按 5 下 Like 及點擊『收藏』,我將收到鼓勵與有機會得到錢錢!祝順心,下篇見了

Leave a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

Scroll to Top