什麼方法?
上週與社團中認識的一位攝影師聊了起來,由於之前工作背景相似,她現在遇上的問題引起了我的興趣。
自己是攝影師, 常遇到初步接洽後到談需求都很順利,但是後來報價完常常沒有下落。不然就是在拍攝過程中,業主常常很有想法,給予了專業建議後,溝通後只能照著顧客的需求拍,但最後會怪罪是攝影師沒拍好。
一開始我以為是價格的問題,覺得價格與價值不相符合,但是看了作品與市場調查後,我發現不是。我一項認為,具有專業水準與真實好的作品,經過溝通雙方對價格達成共識後,才能產生良好的合作關係,而不是一味的往高報價或是一味壓低價格,只為了賺錢而賺錢。
價格沒有絕對,但價值往往是溝通出來的,而不是希望價格便宜,又希望物超所值啊
我發現問題是出在:雙方對於將商品資訊內容上架到買賣平台上,沒有一個簡易可判斷的標準,或有其可以衡量的基準,最後因為角度不同而產生合作上認知的分歧。
『阿上架不就是需要一張產品照片,阿我拿手機也可以拍啊,拍完上傳好就好了啊,有什麼難的?我幹麼花錢啊?』
可你知道嗎?每個坑位跟每個上架商品,機制較成熟的平台,會有一套審閱圖片的規範標準,為了保證平台用戶整體使用感受,也能擁有較好的搜尋排名,更能保障不同業務性質窗口對接的便利性。
產品圖片上架的要點
什麼是坑位?
坑位產出,每個產品的位置就代表一個坑位。

影響坑位的核心元素:
❶ 圖片
雖然圖片的點擊率不代表成交量,點擊率也受到其他多因素影響,但不可否認點擊率 = 展現量,也可以初步衡量它對用戶的吸引度。
而對用戶的吸引度,在網路上賣東西,圖片是門面,賣的也是圖片,由於摸不著也看不到實體,對於商品的所有認知都是來自於圖片。
而手機的螢幕在使用上比電腦小,在視覺上的閱讀順序,以及注意力的因素,圖片細節的效果遠大於電腦。
ⓐ 主體一定要與商品名稱相符
我相信點開進去發現圖文不符,是一種令人錯愕的經驗。(掛羊頭賣狗肉的成語,雖然實際上表達意義不同,但表面闡述也是類似)

ⓑ 主體先達到清晰,再要求 細緻、精緻、極致
很多時候你會發現都是賣蛋糕的,為什麼進入類似性質網站時,你會停留在另個網站比較久時間?
是不是它的照片比較精緻?包括拍攝的背景營造,整張圖片氛圍,凸出商品哪一個角度?燈光怎麼打?為什麼同樣是蛋糕看起來就是很有質感,讓你忍不住多停留幾眼?
💡 有些專業攝影師隨著經驗的積累,往往可以預先幫你考慮到商品拍攝後對應到上架平台上的效果,及注意商品背景的構圖與整體呈現方式。這也是多數想省錢,但一般會比較缺乏的經驗。

ⓒ 差異性
以筆電為例子,市面上有賣這麼多筆記型電腦,但今天主打的客群不一樣,所要凸顯的點也不一樣,什麼意思?
➙ 例子 – 商務人士
今天如果要主推客群是商務人士,可能需求推測以輕薄為主(應為需要隨時攜帶),並能滿足基本的文書處理,那在凸顯筆電的產品照片上,是不是能以“輕薄”作為主推核心,間接帶出有如 A4 般薄的機身,特寫機身部分?
➙ 例子 – 設計師
舉自己為例,今天如果要選購筆記型電腦,那設計師最在乎的不外乎是“校色”色彩顯示準不準,在思考的同時,如果該圖片主打“顯示準確”、“色彩細緻”等為差異點,那是不是會比其他筆電牌子有更獨特的分眾市場?
❷ 文字標籤
其實個人覺得加在圖片上的文案,不一定是必須,但如果要加,加的好是起到輔助的作用,加不好則顯得雜亂無章,端看如何取捨。
ⓐ 什麼是主圖牛皮癬?
有的時候當圖片同質性高的時後,為了拉開差異性,有些商家會選擇加上文字標籤 – 也就所謂主圖上的牛皮癬。

ⓑ 牛皮癬設計注意事項:
注意文字標籤,不可搶了原本圖片,幾何圖形配置上,元素須清晰,也不要過份浪費空間。

ⓒ 常見牛皮癬顯示文字的 tips:
➙ 數字 – 10000 比 1萬 更有張力
需要用到數字表達時,使用阿拉伯數字更直觀與好記。
➙ 緊迫性 – 促銷時段與商品折扣
利用時間的緊急,增加購買慾望,如:12月25日前購買,折上再打五折等
➙ 利益誘惑 – 免運,商品買三送二等等
不管是免運還是打折,都是推出利益點的方式,促使顧客進行點擊。

❸ 總結
1. 圖片
➙ 主體一定要與商品名稱相符
➙ 主體先達到清晰,再要求 細緻、精緻、極致
➙ 差異性
2. 文字標籤(主圖牛皮癬)
➙ 注意設計時的幾何圖形細節
➙ 數字、緊迫性、利益誘惑
以上內容提及關於圖片坑位與點擊率等,文字引用來源自:
https://www.zhihu.com/question/20646603
https://www.zhihu.com/question/67169290
話題產生的共鳴
說心裡話,
意外地從聊天過程中,發現原來很多事情,有的時候是共識或是理解沒有達到一致所產生矛盾。
通過設計規範來解決問題,而規範的設立不單純只是歸納設計方向、設計元素的文件,也是為了使團隊達到有跡可循與更密切配合的效果,更能減少溝通的矛盾。
寫這篇文的時候,一切就是這麼剛好。
我不會知道一年前,“畫個牛皮癬”的目的是什麼,只記得當初在做的煩躁,與因小而輕忽。
也不會知道今年,單純聊個天,過去的經驗可以互相關聯成一篇文章。
很多時候,會看不清楚當下經歷的事情,與發生的原因。
直到今年開始自我沈澱後,
才會發現任何一個過程的發生,都有它的意義。
而你完全不知道未來什麼時候會用上它。
相關 UI 設計系列文章
💡 圖片、文字影響點擊率、轉化率:
➙ 提高點擊率!電商 Banner 設計通用的 5 個魔鬼細節
💡 選擇照片、文字排版,影響頁面整體閱讀、產品曝光展示率:
➙ 凸顯產品優勢!提高圖片瀏覽量 3 個選擇心法
這篇文章有想說點什麽嗎?歡迎留言跟我說 ~
Hi ~ 我是自驅成長型 UI/UX 設計師 Cora ,寫文章同時也在尋求伯樂。有興趣歡迎逛逛我的設計作品,有任何想說的在下方留言區輸入電子郵件並認真寫下內容,收到信後會仔細回覆您哦 😉
喜歡文章免費 👏 按 5 下 Like ,我將收到鼓勵與有機會得到錢錢!祝順心,下篇見了~