高轉化的無線端詳情頁如何制作

一、無線端詳情邏輯

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

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

1、產品的頁面呈現規劃

(1) 產品店鋪內流量分配規劃

一個好的產品頁面是為了店鋪內進行有效的流量分配規劃做準備的，我們要讓流量優先到達主推商品上，讓這樣的商品有更多曝光機會，從而獲得比較多的轉化。

(2) 主推品頁面呈現內容以及呈現邏輯

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

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

a、焦點圖(引發興趣)

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

兩個“3”

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

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

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

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

(3) 常規品頁面呈現內容以及呈現邏輯

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

2、寶貝描述設計要領

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

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

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

a、角度：多角度全面拍攝產品。

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

(3)展示產品的整體性

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

(4)展示產品局部細節

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

(5)展現品質引起受眾購物欲望

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

(6)產品的尺寸對比以及售后服務

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

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

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

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

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

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

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

手機詳情頁設計失敗案例2：細節點展現不清晰

優化前：細節展示不清，無法讓消費者明確寶貝內部結構，產生購買欲望。

優化后：內部結構大圖、寶貝細節設計、做工設計，皆由大圖清楚地展示出來，加上點睛的文案，讓消費者對寶貝的細節有一個清晰的認知。

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

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

優化后：寶貝背景設置白色，簡潔明了;多角度展示、紋路皮質展示，信息傳達清晰。

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

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

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

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

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

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

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

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

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

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

三、無線端用戶訪問特性

1、無線端消費者行為

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

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

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

這方面需要你根據自己店鋪的訪問數據，找出流量高峰期，做相應的調整與優化。

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

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

(4) 無線終端多元化

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

(5)場景多樣化

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

2、無線端人群特有特征

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

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

3、無線端瀏覽路徑習慣

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

4、無線端購買喜好習慣

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

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

無線端消費者行為總結圖：

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