現(xiàn)在越來(lái)越多的消費(fèi)者使用手機(jī)淘寶購(gòu)物，許多賣家也開(kāi)通了手機(jī)淘寶店鋪，但是只是簡(jiǎn)單的開(kāi)通一下，沒(méi)有把一些細(xì)節(jié)都處理好，比如很多賣家會(huì)把店鋪PC端的圖片直接搬到手機(jī)淘寶來(lái)用，出現(xiàn)尺寸不合、效果不好、體驗(yàn)不佳的問(wèn)題。手機(jī)淘寶的圖片看似小，其實(shí)有玄機(jī)，對(duì)最終成交起到關(guān)鍵性作用。

目前的無(wú)線端主要分成WAP和APP兩個(gè)端口。WAP端在H5上線后，也趨于WAPAPP的形式展現(xiàn)，在視覺(jué)上較去年同期有了很大的提升。下面小編就和大家說(shuō)說(shuō)手機(jī)端的裝修，WAP端的重點(diǎn)在于圖片選擇而非設(shè)計(jì)，即針對(duì)有限的展位選擇最佳產(chǎn)品圖片；APP端則是注重排版和設(shè)計(jì)很重要，這也是賣家的分水嶺。

1.WAP端：重在選圖

上圖是WAP端一個(gè)首頁(yè)截圖的直觀展示。雖然較以往的展現(xiàn)形式這種純圖片加價(jià)格的展示有了很大的視覺(jué)提升，但圖片過(guò)小的問(wèn)題仍然會(huì)存在。由于是模版化的后臺(tái)操作，所以WAP端基本上是每個(gè)分區(qū)一大圖加五小圖的形式。大圖的圖片質(zhì)量還是有保證的，但是小圖就會(huì)比較麻煩。一個(gè)單一的豆腐塊并不是什么產(chǎn)品什么樣的圖片都可以展示的。如果以視覺(jué)清晰作為門檻，那么這個(gè)形式的展位一定是半身圖或局部特寫圖，并且圖片背景不能是深色或者暗背景?？醇t框內(nèi)的圖，深色背景加全身圖，就是一團(tuán)模糊。

所以，合理的給不同尺寸的圖片展位設(shè)定準(zhǔn)入門檻，會(huì)讓合適的圖片在合適的展位出現(xiàn)，避免出現(xiàn)視覺(jué)混亂的情況。但是從操作的角度來(lái)講，WAP端的后臺(tái)因?yàn)檫€是老版的，所以操作起來(lái)不是很便捷。

這里并不能直觀的同步新版的首頁(yè)展示，很多時(shí)候只能以文字的形式告知被各區(qū)域的展示內(nèi)容。所以，賣家就要不辭勞苦，每次設(shè)置的時(shí)候都用手機(jī)登錄檢查一下，自己的展位設(shè)置，圖片質(zhì)量是否過(guò)關(guān)。

回到這個(gè)后臺(tái)界面，如何調(diào)整不合適的圖片呢？

有兩個(gè)方法，第一個(gè)是批量修改排序。見(jiàn)紅框，會(huì)有不同的緯度給產(chǎn)品排序，排名前五的寶貝才能上圖片展位，所以調(diào)整排序方式是一種方式，比如從熱銷調(diào)整的熱門收藏，最新上架或者人氣，隨著排序的改變，展位的寶貝也會(huì)發(fā)生改變。這種方法操作比較便捷，簡(jiǎn)單，但是不夠精準(zhǔn)。也許要調(diào)整多次才能修改到合理的結(jié)果，或者仍無(wú)法完全修改，答案很簡(jiǎn)單，熱銷，人氣，熱門收藏，往往都是相關(guān)聯(lián)的產(chǎn)品定位，很可能一款產(chǎn)品占多個(gè)坑。

那么就要用到第二種篩選法，兩個(gè)維度，關(guān)鍵字篩選和價(jià)格區(qū)間篩選，兩重的精準(zhǔn)篩選會(huì)讓展位上的產(chǎn)品更精準(zhǔn)，難點(diǎn)是操作起來(lái)很麻煩，幾乎無(wú)法批量操作，所以改一次可能會(huì)花費(fèi)較長(zhǎng)的時(shí)間，沒(méi)辦法，事無(wú)完事人無(wú)完人，根據(jù)自己的需求和精力選擇這兩種有利有弊的方式吧。

無(wú)線端的另一個(gè)特性是瀏覽的通暢性連貫性不如PC端，所以，PC端點(diǎn)擊下鼠標(biāo)能做到的事，WAP端可能要操作好幾部，這從瀏覽體驗(yàn)上來(lái)說(shuō)是很差的，所以，盡可能早出招是無(wú)線的億個(gè)特性，比如單品詳情，不要在一開(kāi)始就給到各種關(guān)聯(lián)信息，直接灌輸產(chǎn)品FAB。

如果單品詳情頁(yè)第一頁(yè)第二頁(yè)不包含這些信息，那么客戶就會(huì)流失。無(wú)線的硬傷，特別是WAP端的硬傷還是兩塊，圖片質(zhì)量和流量。高質(zhì)量的圖片費(fèi)流量，保流量的圖片沒(méi)質(zhì)量。很難兩全。所以我們也是迫切希望無(wú)線能夠早日給到賣家虛擬轉(zhuǎn)換壓縮的權(quán)限。讓圖片有更高的質(zhì)量，同時(shí)保證流量損失不大。

2.APP端：設(shè)計(jì)取勝

天貓無(wú)線的商家后臺(tái)對(duì)無(wú)線的視覺(jué)缺陷做了很大的改善，至少?gòu)哪０婊牡赇佈b修演變成類模板化。這給了賣家很多的變動(dòng)空間。

由模版化的填充，演變到了模塊的自由組合再填充，多個(gè)小格可以拼接組合成不同大小的展位。讓店鋪首頁(yè)更加多樣性。但仍然存在兩個(gè)缺陷。

首先，展示空間太小。目前的首頁(yè)只有一屏半的空間展示，即使全部用最小的豆腐塊，展現(xiàn)的內(nèi)容也是十分有限的。不過(guò)這個(gè)缺陷很快就會(huì)得到改善，不久的將來(lái)會(huì)擴(kuò)充到六屏的首頁(yè)展示，所以這里就不過(guò)多吐槽了。

其次，展位尺寸。由上圖不難看出，即使做出了不小的改進(jìn)，圖片展位還是面臨著太小，看不清的問(wèn)題。

最大的圖片展位尺寸：1136*640像素

最小的圖片展位尺寸：146*150像素

最佳的圖片展位尺寸：300*300像素

每個(gè)人都想用最大圖片，但是店鋪首頁(yè)能只放一張圖么？百分之九十九點(diǎn)九的人認(rèn)為不能，所以退而求其次，選擇最佳尺寸的圖，可是一屏半的首頁(yè)能放幾個(gè)展位呢？這是，又有一小部分賣家再退而求其次，我要的是內(nèi)容不是圖片質(zhì)量，于是很多家紡的店鋪首頁(yè)變成了無(wú)數(shù)個(gè)146*150像素的豆腐塊。一個(gè)首頁(yè)就這么廢掉了。還有一部分賣家做的是資源整合，在一個(gè)頁(yè)面里用多種不同的模塊尺寸，拼接出一個(gè)首頁(yè)。

在后臺(tái)看似錯(cuò)落有致，內(nèi)容豐富。到了手機(jī)前臺(tái)頁(yè)面，卻因?yàn)檫^(guò)于繁雜減分了。

按手機(jī)屏幕尺寸來(lái)顯示，由于尺寸變小，復(fù)雜的內(nèi)容又會(huì)顯得雜亂不少，但至少這樣的首頁(yè)可以保證買家的信息獲取和基本操作，興趣點(diǎn)有沒(méi)有被激起，仁者見(jiàn)仁智者見(jiàn)智吧。所以，按不同尺寸去排版，并不是拍腦袋定的，一定是要嚴(yán)密的設(shè)計(jì)出來(lái)。

還有的賣家把一張大圖放到了店鋪首頁(yè)。

這樣的首頁(yè)是不是很有新意，很好玩，也有很好的視覺(jué)體驗(yàn)?zāi)?？其?shí)看似一張大圖，要做到點(diǎn)擊的精準(zhǔn)，可以說(shuō)是一個(gè)個(gè)的小豆腐塊的拼接和制作。想法上的創(chuàng)新大膽和執(zhí)行上的細(xì)心嚴(yán)謹(jǐn)，也就有了這樣又好看又好玩又有高客戶體驗(yàn)的店鋪首頁(yè)。格子是死的，展位是有限的，但是創(chuàng)意是無(wú)限的。