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

一、無線端詳情邏輯

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

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

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

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

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

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

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

這里主要來談一下焦點圖與購買原因。

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

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

兩個“3”

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

二、無線詳情頁常見錯誤解析

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

三、無線端用戶訪問特性

1、無線端消費者行為

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

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

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

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

(3)時間碎片化，機會多而短暫

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

(4) 無線終端多元化

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

(5)場景多樣化

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

2、無線端人群特有特征

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

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

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

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

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

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

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

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

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