很多賣家會把店鋪PC端的圖片直接搬到手機(jī)淘寶來用，出現(xiàn)尺寸不合、效果不好、體驗不佳的問題。手機(jī)淘寶的圖片看似小，其實有玄機(jī)，對最終成交起到關(guān)鍵性作用。
目前的無線端主要分成WAP和APP兩個端口。WAP端在H5上線后，也趨于WAPAPP的形式展現(xiàn)，在視覺上較去年同期有了很大的提升。本文就從這兩方面來談?wù)劅o線的視覺。WAP端的重點在于圖片選擇而非設(shè)計，即針對有限的展位選擇最佳產(chǎn)品圖片；APP端則是注重排版和設(shè)計很重要，這也是賣家的分水嶺。
WAP端：重在選圖
上圖是WAP端一個首頁截圖的直觀展示。雖然較以往的展現(xiàn)形式這種純圖片加價格的展示有了很大的視覺提升，但圖片過小的問題仍然會存在。由于是模版化的后臺操作，所以WAP端基本上是每個分區(qū)一大圖加五小圖的形式。大圖的圖片質(zhì)量還是有保證的，但是小圖就會比較麻煩。一個單一的豆腐塊并不是什么產(chǎn)品什么樣的圖片都可以展示的。如果以視覺清晰作為門檻，那么這個形式的展位一定是半身圖或局部特寫圖，并且圖片背景不能是深色或者暗背景。看紅框內(nèi)的圖，深色背景加全身圖，就是一團(tuán)模糊。
所以，合理的給不同尺寸的圖片展位設(shè)定準(zhǔn)入門檻，會讓合適的圖片在合適的展位出現(xiàn)，避免出現(xiàn)視覺混亂的情況。但是從操作的角度來講，WAP端的后臺因為還是老版的，所以操作起來不是很便捷。
這里并不能直觀的同步新版的首頁展示，很多時候只能以文字的形式告知被各區(qū)域的展示內(nèi)容。所以，賣家就要不辭勞苦，每次設(shè)置的時候都用手機(jī)登錄檢查一下，自己的展位設(shè)置，圖片質(zhì)量是否過關(guān)。
回到這個后臺界面，如何調(diào)整不合適的圖片呢？
有兩個方法，第一個是批量修改排序。見紅框，會有不同的緯度給產(chǎn)品排序，排名前五的寶貝才能上圖片展位，所以調(diào)整排序方式是一種方式，比如從熱銷調(diào)整的熱門收藏，最新上架或者人氣，隨著排序的改變，展位的寶貝也會發(fā)生改變。這種方法操作比較便捷，簡單，但是不夠精準(zhǔn)。也許要調(diào)整多次才能修改到合理的結(jié)果，或者仍無法完全修改，答案很簡單，熱銷，人氣，熱門收藏，往往都是相關(guān)聯(lián)的產(chǎn)品定位，很可能一款產(chǎn)品占多個坑。
那么就要用到第二種篩選法，兩個維度，關(guān)鍵字篩選和價格區(qū)間篩選，兩重的精準(zhǔn)篩選會讓展位上的產(chǎn)品更精準(zhǔn)，難點是操作起來很麻煩，幾乎無法批量操作，所以改一次可能會花費較長的時間，沒辦法，事無完事人無完人，根據(jù)自己的需求和精力選擇這兩種有利有弊的方式吧。
無線端的另一個特性是瀏覽的通暢性連貫性不如PC端，所以，PC端點擊下鼠標(biāo)能做到的事，WAP端可能要操作好幾部，這從瀏覽體驗上來說是很差的，所以，盡可能早出招是無線的億個特性，比如單品詳情，不要在一開始就給到各種關(guān)聯(lián)信息，直接灌輸產(chǎn)品FAB。
如果單品詳情頁第一頁第二頁不包含這些信息，那么客戶就會流失。無線的硬傷，特別是WAP端的硬傷還是兩塊，圖片質(zhì)量和流量。高質(zhì)量的圖片費流量，保流量的圖片沒質(zhì)量。很難兩全。所以我們也是迫切希望無線能夠早日給到賣家虛擬轉(zhuǎn)換壓縮的權(quán)限。讓圖片有更高的質(zhì)量，同時保證流量損失不大。
APP端：設(shè)計取勝
天貓無線的商家后臺對無線的視覺缺陷做了很大的改善，至少從模版化的店鋪裝修演變成類模板化。這給了賣家很多的變動空間。
由模版化的填充，演變到了模塊的自由組合再填充，多個小格可以拼接組合成不同大小的展位。讓店鋪首頁更加多樣性。但仍然存在兩個缺陷。
首先，展示空間太小。目前的首頁只有一屏半的空間展示，即使全部用最小的豆腐塊，展現(xiàn)的內(nèi)容也是十分有限的。不過這個缺陷很快就會得到改善，不久的將來會擴(kuò)充到六屏的首頁展示，所以這里就不過多吐槽了。
其次，展位尺寸。由上圖不難看出，即使做出了不小的改進(jìn)，圖片展位還是面臨著太小，看不清的問題。
最大的圖片展位尺寸：1136*640像素
最小的圖片展位尺寸：146*150像素
最佳的圖片展位尺寸：300*300像素
每個人都想用最大圖片，但是店鋪首頁能只放一張圖么？百分之九十九點九的人認(rèn)為不能，所以退而求其次，選擇最佳尺寸的圖，可是一屏半的首頁能放幾個展位呢？這是，又有一小部分賣家再退而求其次，我要的是內(nèi)容不是圖片質(zhì)量，于是很多家紡的店鋪首頁變成了無數(shù)個146*150像素的豆腐塊。一個首頁就這么廢掉了。還有一部分賣家做的是資源整合，在一個頁面里用多種不同的模塊尺寸，拼接出一個首頁。
在后臺看似錯落有致，內(nèi)容豐富。到了手機(jī)前臺頁面，卻因為過于繁雜減分了。
按手機(jī)屏幕尺寸來顯示，由于尺寸變小，復(fù)雜的內(nèi)容又會顯得雜亂不少，但至少這樣的首頁可以保證買家的信息獲取和基本操作，興趣點有沒有被激起，仁者見仁智者見智吧。所以，按不同尺寸去排版，并不是拍腦袋定的，一定是要嚴(yán)密的設(shè)計出來。
還有的賣家把一張大圖放到了店鋪首頁。
這樣的首頁是不是很有新意，很好玩，也有很好的視覺體驗?zāi)兀科鋵嵖此埔粡埓髨D，要做到點擊的精準(zhǔn)，可以說是一個個的小豆腐塊的拼接和制作。想法上的創(chuàng)新大膽和執(zhí)行上的細(xì)心嚴(yán)謹(jǐn)，也就有了這樣又好看又好玩又有高客戶體驗的店鋪首頁。格子是死的，展位是有限的，但是創(chuàng)意是無限的。
編后語：在無線的平臺，玩樂是第一要素，帶著一種玩的心態(tài)去突破一些枷鎖，便會有不一樣的結(jié)果。
樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應(yīng)廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺規(guī)則
