淘寶詳情頁排版技巧之豎屏思維!

淘寶詳情頁排版技巧之豎屏思維!現(xiàn)金社會(huì)，已經(jīng)是低頭族的社會(huì)，大部分年輕人看淘寶都是用的手機(jī)端，淘寶詳情頁排版技巧重點(diǎn)是什么呢?淘寶詳情頁怎么做?接下來，小編將和大家一起分享淘寶詳情頁排版技巧。

數(shù)據(jù)顯示，90后平均91%的時(shí)間在使用手機(jī)端，手機(jī)端已經(jīng)是很穩(wěn)固的瀏覽渠道，手機(jī)端的購買率已經(jīng)遠(yuǎn)超過電腦端，2016年雙11，85%的業(yè)績的達(dá)成來自手機(jī)端，所有的電商幾乎都由手機(jī)端展開，而我們的淘寶詳情頁排版技巧也正是從橫屏思維轉(zhuǎn)化為豎屏思維。

淘寶詳情頁排版技巧之豎屏思維

從一個(gè)簡單公式開始“轉(zhuǎn)化率=內(nèi)容質(zhì)量X信息送達(dá)率”。平時(shí)我們大部分精力都花在“內(nèi)容質(zhì)量”。而信息送達(dá)率，是被全行業(yè)普遍忽略的一個(gè)維度，其追求的目標(biāo)是讓用戶能夠輕松地、舒服地接受到你表達(dá)的東西。

天貓華為榮耀旗艦店、京東雅詩蘭黛旗艦店的例子，表達(dá)的內(nèi)容幾乎都看不見，說明了什么是“信息送達(dá)率”，大品牌也一樣有思維盲區(qū)，對信息送達(dá)率視而不見。

雷軍微博配圖的例子，圖小字小，再好的文案也浪費(fèi)了，信息送達(dá)率也被忽略了

華為、雅詩蘭黛、小米的之所以也犯這樣的低級錯(cuò)誤，當(dāng)然不是設(shè)計(jì)師水平問題，這是全行業(yè)的思維盲區(qū)。天貓?zhí)詫氁埠谩⒕〇|也好、微博微信也好，手機(jī)電商中的絕大部分信息都是流量垃圾，因?yàn)闆]能把內(nèi)容傳遞給客戶、關(guān)鍵信息都送丟了。

思維盲區(qū)之一，忽略了手機(jī)屏的像素密度是PC屏的3-4倍。表達(dá)同樣的像素，手機(jī)上只需要用PC屏上1/3~1/4的絕對距離;表達(dá)同樣的面積，則直接會(huì)小一個(gè)數(shù)量級。當(dāng)設(shè)計(jì)師在電腦上覺得剛剛好的時(shí)候，其實(shí)手機(jī)上就一定小了。

另外一個(gè)被忽略的，是手機(jī)屏是豎屏。由于人的眼簾視野是橫的長方形，所以人類發(fā)明的大部分屏幕都是橫的長方形。智能手機(jī)屏是人類第一次大規(guī)模面對豎屏。手機(jī)互聯(lián)網(wǎng)時(shí)代，用戶從早上起床開始到晚上入睡前，大部分時(shí)間都是用豎屏在看世界、獲取信息。

電腦屏上一滿屏的老虎圖片，進(jìn)入手機(jī)屏后，只占手機(jī)屏的三分之一，完全無法體現(xiàn)老虎的威懾力。不懂豎屏，你的展示舞臺(tái)被切掉了2/3。

手機(jī)上應(yīng)該采用和手機(jī)屏幕形狀類似的豎方形圖片，才可以用滿整個(gè)手機(jī)屏幕來做表達(dá)，最大程度地保持老虎的視覺沖擊力。

淘寶詳情頁排版技巧之輕視覺 淘寶詳情頁格式

豎屏為什么跟常規(guī)的橫屏不一樣呢，為什么要提豎屏思維?

橫置寬屏的30寸電腦顯示器VS豎置的5到6寸手機(jī)屏幕：從展示內(nèi)容量到視覺范圍、從點(diǎn)擊操作到觸摸滑動(dòng)、從信息轟炸到濃縮精華、從固定地點(diǎn)觀看到隨地查閱、從一對一用戶交互到隨時(shí)轉(zhuǎn)發(fā)分享，豎屏引發(fā)的用戶習(xí)慣遷移和信息傳遞方式已經(jīng)極大的發(fā)生了改變。怎樣能把5到6寸的豎屏展示頁面做的震撼力、有沖擊力是非常重要的一件事情。

如上圖，在電腦上看看的清的，在手機(jī)端已經(jīng)無法實(shí)現(xiàn)和用戶交互。所以直接把pc端的頁面搬到手機(jī)端來用，已經(jīng)完全喪失了詳情頁的能力。即使專門為手機(jī)端做一個(gè)詳情頁，如果不用豎屏思維來規(guī)劃，用很多字，很多圖，在這個(gè)很窄分區(qū)的屏幕是看不到的。很多賣家的詳情頁都沒有做對。所以我們要重新理解什么叫豎屏思維下的詳情頁，無線端頁面怎樣做到‘輕視覺’“輕賣點(diǎn)”和“輕邏輯”。

電腦橫屏的內(nèi)容，在手機(jī)上至少2/3的量是廢掉了。在電腦上做的頁面很震撼，

在手機(jī)上做的頁面就未必震撼;但如果在手機(jī)上的頁面很震撼，那么在電腦上的頁面就必然震撼。對比如下兩張圖：

震撼力非常充分，而且是真正的豎屏思維，它完全展示了什么叫“輕視覺”、“輕賣點(diǎn)”這種豎著的感覺和震撼力是很多賣家所思考的東西。

減輕眼睛負(fù)擔(dān)，用最短、最快、最迅速的方式傳遞你想表達(dá)的東西，快速的被吸引和決策，一眼看見心儀之處，秒懂賣家在講什么，它的賣點(diǎn)是什么，這就是輕視覺。

輕視覺的方法論：一屏論，②分離論，③釘子論，④微觀論，⑤切割論等。輕視覺的概念就是比別人更輕松的、更快更好的賣產(chǎn)品。

舉個(gè)例子：

一屏論：一眼看見，一目了然，一語擊中(一句話說中要害)，一屏表達(dá)一個(gè)重點(diǎn)思想。用最短的時(shí)間讓別人知道你在講什么。那么輕視覺具體如何落地?這個(gè)是我們要思考的。

那么接下來就是5張主圖，這是核心。

5張主圖中首圖的點(diǎn)擊率直接影響轉(zhuǎn)化率. 怎樣做才能有很高的轉(zhuǎn)化率呢?我們需要有“文案殺手”“視覺殺手”這兩套邏輯來幫你做，快速提高轉(zhuǎn)化率。

5張主圖就是一個(gè)小小的詳情頁，它就是一個(gè)微詳情，很多賣家并未充分發(fā)揮5張主圖的價(jià)值，而很多客戶是看完5張主圖就做出了是否購買的決定,不符合客戶期待的，馬上跳失掉。

很多人是怎樣做的(反面教材)：

淘寶詳情頁格式

淘寶詳情頁怎么做

后幾張圖基本重復(fù)，傳達(dá)不了更多更全面的信息，徹徹底底的浪費(fèi)了主圖資源。如下案例也是一樣：

后面的第6篇會(huì)給大介紹優(yōu)秀店鋪的5張主圖是如何布局以及做到高點(diǎn)擊高轉(zhuǎn)化的。

5張主圖的設(shè)計(jì)點(diǎn)的邏輯：

功能功效性產(chǎn)品和款式風(fēng)格來產(chǎn)品的主圖做法是不同的，所以5張主圖怎樣去做，有5個(gè)設(shè)計(jì)點(diǎn)：①點(diǎn)擊點(diǎn)②出賣點(diǎn)③不同點(diǎn)④促銷點(diǎn)⑤細(xì)節(jié)點(diǎn)。

淘寶詳情頁怎么做

除了主圖之外還會(huì)跟大家講第一屏的詳情頁怎樣做，手機(jī)端真正只有第一屏是閱讀屏，第 1屏價(jià)值大于后面的10屏，怎樣做好第一屏，把第一屏做的很有逼格，很有調(diào)性，做好第一屏就是做好詳情頁!

以上圖例，用第一屏的時(shí)間去告訴大家最大的賣點(diǎn)、和最核心的競爭力是什么，這個(gè)就是豎屏思維，用第一時(shí)間展示出來的第一屏，展示它的賣點(diǎn)是什么，我們也愿意去買他們家產(chǎn)品。

淘寶詳情頁排版技巧的重點(diǎn)是什么?是豎排思維!豎排思維是最好的“文案殺手”兼“視覺殺手”，它可以很好地幫你提高轉(zhuǎn)化率。還在猶豫什么?趕緊試試豎排思維吧!更多精彩內(nèi)容，歡迎繼續(xù)關(guān)注幕思城電商。

這個(gè)問題還有疑問的話，可以加幕.思.城火星老師免費(fèi)咨詢，微.信號是為: msc496。

推薦閱讀：

淘寶新店沒有訪客流量，開直通車花費(fèi)太高該怎么辦？

淘寶淘寶客推廣會(huì)被降權(quán)嗎？淘寶客降權(quán)的主要原因是什么？

淘寶店鋪的淘寶客好還是直通車好？怎么選擇？

更多資訊請關(guān)注幕 思 城。