高轉(zhuǎn)化的無線端詳情頁如何制作

一、無線端詳情邏輯

這一部分和上面第4小點(diǎn)的相關(guān)度很大。詳情頁的信息邏輯越清晰，用戶看得也越明白。在這方面，其實(shí)我們比較好的學(xué)習(xí)對象就是我們的競爭對手，因?yàn)樗麄儠谠O(shè)計(jì)詳情頁之前做數(shù)據(jù)調(diào)研，根據(jù)客戶的需要來進(jìn)行調(diào)整。這里給大家分享一種方法，我們可以打開5家競爭對手無線端和pc端的詳情頁，進(jìn)行全屏的截屏，然后放在a4頁面上打印出來，在上面把每一個(gè)模塊都劃出來，我們就能非常清晰地理清它的邏輯。

制作詳情頁之前，我們一個(gè)店鋪都需要知道我們的主推商品和常規(guī)商品分別是什么，在頁面呈現(xiàn)的時(shí)候，讓主推品和常規(guī)品有一個(gè)區(qū)別。商品的區(qū)別也決定了店鋪內(nèi)的流量要分配規(guī)劃。舉個(gè)例子，我們做無線端詳情頁的時(shí)候，如果主推商品有多次的鏈接呈現(xiàn)，就可以讓用戶在不同的時(shí)間點(diǎn)都能快速地看到你們家的主推商品，獲得更多的流量。

1、產(chǎn)品的頁面呈現(xiàn)規(guī)劃

(1) 產(chǎn)品店鋪內(nèi)流量分配規(guī)劃

一個(gè)好的產(chǎn)品頁面是為了店鋪內(nèi)進(jìn)行有效的流量分配規(guī)劃做準(zhǔn)備的，我們要讓流量優(yōu)先到達(dá)主推商品上，讓這樣的商品有更多曝光機(jī)會，從而獲得比較多的轉(zhuǎn)化。

(2) 主推品頁面呈現(xiàn)內(nèi)容以及呈現(xiàn)邏輯

做主推商品詳情頁的時(shí)候我們首先需要做一張邏輯圖，理清我們需要添加的各種信息。這些信息的排列順序是要根據(jù)我們客戶的需求來的，不能總是按照淘寶給出的模板來做。拿下面這張邏輯圖舉例：

這里主要來談一下焦點(diǎn)圖與購買原因。

a、焦點(diǎn)圖(引發(fā)興趣)

焦點(diǎn)圖的目標(biāo)就是引發(fā)消費(fèi)者的興趣，如果用戶打開詳情頁，看半天都沒看到你產(chǎn)品的亮點(diǎn)，也就不可能去下單購買，所以我們必須把產(chǎn)品的亮點(diǎn)放到比較前面。

兩個(gè)“3”

核心前3秒：在3秒之內(nèi)，如果用戶看不到他想看到的信息就會造成客戶看不到重點(diǎn)而快速跳失。

核心前3屏：在店鋪商品頁面的前3屏里，如果用戶找不到他想看到的產(chǎn)品就會同樣的快速跳失。

b、為什么購買(好處設(shè)計(jì)、逃避痛苦點(diǎn))

我們想要觸動一個(gè)消費(fèi)者產(chǎn)生購買行為，比較核心的一點(diǎn)是去迎合他的買點(diǎn)(需求)。只有切中用戶的需求，他才會進(jìn)一步地來了解產(chǎn)品。

(3) 常規(guī)品頁面呈現(xiàn)內(nèi)容以及呈現(xiàn)邏輯

常規(guī)商品的頁面呈現(xiàn)相對來說就比較簡單了。這里也用一張邏輯圖來舉例：

2、寶貝描述設(shè)計(jì)要領(lǐng)

(1)圖片清晰：不只是畫面上的清晰，也是圖片要表達(dá)的意思上的清晰。

無線端5張主圖的作用是不同的，首圖是要讓用戶進(jìn)入詳情頁，其他4張的作用是提高轉(zhuǎn)化率。因此首圖需要有一個(gè)比較清晰的產(chǎn)品呈現(xiàn)。這里有一個(gè)提高用戶率的小技巧——差異化，即將你的產(chǎn)品與其他商家的產(chǎn)品區(qū)分開來，這個(gè)差異可以是產(chǎn)品上的差異，也可以是產(chǎn)品位置上的差異。

(2)真實(shí)展示：拍攝圖片時(shí)要多角度、多景別。

a、角度：多角度全面拍攝產(chǎn)品。

b、景別：被攝體在畫面中呈現(xiàn)出的范圍大小區(qū)別。分為遠(yuǎn)景、全景、中景、近景、特寫。

(3)展示產(chǎn)品的整體性

我們都知道pc端的畫面呈現(xiàn)是橫向的，而無線端是縱向的，兩者在呈現(xiàn)效果上是完全不同的。因此在無線端展示產(chǎn)品時(shí)我們一定要堅(jiān)持“豎屏理論”，即拍攝照片時(shí)盡量用縱向的布局模式拍，保證可視范圍內(nèi)的圖片的清晰度。

(4)展示產(chǎn)品局部細(xì)節(jié)

細(xì)節(jié)圖片我們要盡量地去實(shí)拍，而不是對圖片進(jìn)行一個(gè)簡單的拉伸。注意每一張細(xì)節(jié)圖都應(yīng)該有一個(gè)清晰的關(guān)鍵點(diǎn)。另外，給每張細(xì)節(jié)圖加上2-6個(gè)字的文案，可以起到一個(gè)畫龍點(diǎn)睛的作用，具有比較好的溝通效果。特別注意加的文案不要遮蓋在圖片上，在手機(jī)端設(shè)計(jì)時(shí)要盡可能讓圖片和文字分離，保證二者都清晰可見。

(5)展現(xiàn)品質(zhì)引起受眾購物欲望

展現(xiàn)品質(zhì)比較好的方式就是利用海報(bào)呈現(xiàn)產(chǎn)品的某個(gè)賣點(diǎn)。當(dāng)然，展現(xiàn)品牌也能引起用戶的購物欲望，但并不是每一個(gè)商家的產(chǎn)品都有一個(gè)比較大的品牌的。如果沒有大品牌，我們就要注意在視覺上體現(xiàn)產(chǎn)品的一致性，這樣給消費(fèi)者的感覺相對會好一些。

(6)產(chǎn)品的尺寸對比以及售后服務(wù)

呈現(xiàn)產(chǎn)品尺碼時(shí)我們要注意不能單純地寫上產(chǎn)品的尺寸，比較好有模特展示，讓用戶有一個(gè)比較直觀的尺寸上的感受。

這里再強(qiáng)調(diào)一點(diǎn)，讀圖時(shí)代，越來越多的人不愿意去看大段的文字。如果我們必須要在詳情頁放上比較多的文字，一定要注意分段分點(diǎn)，讓用戶看起來不要那么累。也可以尋找新的方式來解決文字較多的問題，比如做成問答型的聊天窗口等，增加可讀性。

二、無線詳情頁常見錯(cuò)誤解析

手機(jī)詳情頁設(shè)計(jì)失敗案例1：文字太小

優(yōu)化前：首屏圖片文字太小，訴求不清楚;圖片占用空間太大，無效信息過多。

優(yōu)化后：訴求上強(qiáng)調(diào)唯*性和獨(dú)特性;文字清晰;4色展示，快速將寶貝基本情況羅列清楚。

提示：文字過小這個(gè)問題很多商家都有，這里給大家提供一個(gè)設(shè)計(jì)標(biāo)準(zhǔn)：中文字不小于24號字，英文字不小于30號字。另外，設(shè)計(jì)時(shí)，我們一般以4寸手機(jī)屏幕為設(shè)計(jì)標(biāo)準(zhǔn)去預(yù)覽寶貝詳情。

手機(jī)詳情頁設(shè)計(jì)失敗案例2：細(xì)節(jié)點(diǎn)展現(xiàn)不清晰

優(yōu)化前：細(xì)節(jié)展示不清，無法讓消費(fèi)者明確寶貝內(nèi)部結(jié)構(gòu)，產(chǎn)生購買欲望。

優(yōu)化后：內(nèi)部結(jié)構(gòu)大圖、寶貝細(xì)節(jié)設(shè)計(jì)、做工設(shè)計(jì)，皆由大圖清楚地展示出來，加上點(diǎn)睛的文案，讓消費(fèi)者對寶貝的細(xì)節(jié)有一個(gè)清晰的認(rèn)知。

手機(jī)詳情頁設(shè)計(jì)失敗案例3：色彩選用錯(cuò)誤

優(yōu)化前：圖片與背景圖融合，無法凸顯寶貝;純放拍攝圖，無法表達(dá)明確的寶貝信息。

優(yōu)化后：寶貝背景設(shè)置白色，簡潔明了;多角度展示、紋路皮質(zhì)展示，信息傳達(dá)清晰。

提示：手機(jī)端詳情頁色彩優(yōu)先使用亮色背景，能讓手機(jī)端的詳情頁看起來更簡潔明了。

手機(jī)詳情頁設(shè)計(jì)失敗案例4：用pc思路做無線頁面

優(yōu)化前：寶貝信息和寶貝描述文字過小，買家無法看清寶貝信息。出現(xiàn)這種情況的原因是我們直接將pc端的圖片和文字信息放在了無線端。

優(yōu)化后：寶貝信息進(jìn)行了重新排編和提取，寶貝信息一目了然。

提示：不要用pc思路做無線頁面，嘗試用無線思路做pc頁面，然后再去轉(zhuǎn)換就沒有問題。

手機(jī)詳情頁設(shè)計(jì)失敗案例5：重點(diǎn)展示不突出

優(yōu)化前：寶貝重點(diǎn)展示不突出，模特展示過多，浪費(fèi)買家流量，降低了購物體驗(yàn)。

優(yōu)化后：給寶貝進(jìn)行重點(diǎn)特寫和全方位的展示，省時(shí)省事省流量。

手機(jī)詳情頁設(shè)計(jì)失敗案例6：文字過多過小

有時(shí)候由于文字過多過小，無法看清，如果放大文字，將占用更多圖片空間。但如果必須寫上那么多文字，就要想辦法讓你的文字更清晰，不能存在看不清楚的情況。

三、無線端用戶訪問特性

1、無線端消費(fèi)者行為

(1)跨屏交互化，娛樂性增強(qiáng)

現(xiàn)在的消費(fèi)者絕大部分會跨屏互動，即電腦、電視、手機(jī)等多種媒體的綜合使用。這說明消費(fèi)者訪問信息的快捷性更強(qiáng)了。舉個(gè)例子，比如你現(xiàn)在在看電視，看到某樣?xùn)|西剛好觸動了自己想購買的心，于是你就會開手機(jī)淘寶挑選購買。這就要求手機(jī)詳情頁要非常簡單，更應(yīng)景的場景化頁面，如果你的詳情頁很復(fù)雜，那么它的娛樂性和可視性就會降低，提高跳失率。

(2)流量差異化，更多生意機(jī)會

這方面需要你根據(jù)自己店鋪的訪問數(shù)據(jù)，找出流量高峰期，做相應(yīng)的調(diào)整與優(yōu)化。

(3)時(shí)間碎片化，機(jī)會多而短暫

每次打開pc會一次打開使用很長時(shí)間，而使用手機(jī)則是多次打開，每次看的時(shí)間不確定，有時(shí)可能是瞬間就又關(guān)閉，所以機(jī)會總是轉(zhuǎn)眼之間就可能沒有了。

(4) 無線終端多元化

現(xiàn)在用戶可選擇的移動終端有很多，也有很多不同的系統(tǒng)與版本，像是ios客戶端、安卓客戶端、ios平板、安卓平板等都是不一樣的，這就要求我們要在多個(gè)終端進(jìn)行詳情頁面的測試，確保發(fā)布的詳情頁在各個(gè)終端都能正常顯示。

(5)場景多樣化

這方面我們需要做到了解用戶需求、準(zhǔn)確的商品信息推送、讓用戶看到就能產(chǎn)生需要購買的聯(lián)想。比如“能放在包里的羽絨服”就解決了很多人覺得羽絨服體積大，攜帶不方便的顧慮，切中了用戶的需求。

2、無線端人群特有特征

(1)時(shí)間：床上、路上、馬桶上

(2)年齡：電商助理消費(fèi)人群為19-30歲人群

3、無線端瀏覽路徑習(xí)慣

這里主要說一下搜索功能：比如你要買一張門票，你就可能會上淘寶搜索。我們必須認(rèn)識到手機(jī)端搜索的重要性和手機(jī)搜索框下拉詞的重要性，另外搜索列表頁面一般出現(xiàn)的都是我們產(chǎn)品的主圖，因此主圖優(yōu)化也十分重要。

4、無線端購買喜好習(xí)慣

(1)購買商品占比比較多：考慮頁面加載時(shí)間和速度，做好用戶手機(jī)體驗(yàn)。

(2)大部分消費(fèi)者會在購買商品時(shí)優(yōu)先看買家評論，所以我們需要尤其關(guān)注用戶評價(jià)，特別是首頁頁面買家評價(jià)。

無線端消費(fèi)者行為總結(jié)圖：

高轉(zhuǎn)化的無線端詳情頁如何制作小編就講到這里了，希望對各位有所幫助。推薦閱讀如何讓手機(jī)淘寶搜索排名靠前?