電子商務多平臺運營與實踐-PPT4.3詳情頁設計

1、4.3詳情頁設計4.3詳情頁設計Detail page design詳情頁設計網(wǎng)店的首頁設計是網(wǎng)店視覺設計的第一步，優(yōu)秀的網(wǎng)店首頁是吸引消費者目光的前提，但是要想提高網(wǎng)店的轉化率，詳情頁才是關鍵。因此，在本節(jié)將著重講解商品詳情頁的重要性，商品詳情頁的構成，商品詳情頁設計遵循的原則和商品詳情頁的排版設計。商品詳情頁的重要性商品詳情頁設計的原則商品詳情頁的構成010203目錄CONTENTS商品詳情頁的設計04商品詳情頁一般情況下是由文字，圖片，視頻構成的，主要功能是向買家介紹商品屬性、使用方法等詳細情況。1.展示商品的詳細信息商品詳情頁的主要功能就是對商品的詳情進行介紹，網(wǎng)購和實體店購物最大的不

2、同之處就是，客戶不能真實的接觸，只能依靠賣家展示的產(chǎn)品圖片和已購買過的買家評論來評估產(chǎn)品的質(zhì)量，然后決定是否購買。商品詳情的介紹方式包括文字，圖片和視頻等。利用多種媒體的方式使顧客了解商品。4.3.1商品詳情頁的重要性1.展示商品的詳細信息不同的商品需要顧客了解的內(nèi)容有所不同。如果商品時是電子電器類，需要在詳情頁面標注產(chǎn)品的注意事項，以及簡單的使用說明。例如服裝鞋類等產(chǎn)品則需要具體的尺碼，因為中國尺碼和歐美尺碼是不同的，因此，商家在上傳尺碼的時候要注意兩者的區(qū)分。4.3.1商品詳情頁的重要性 2.促使顧客下單商品詳情頁的設置是促使顧客下單，除了在商品詳情介紹上利用文字，圖片和視頻讓顧客對充分的

3、了解，促使顧客下單，提升轉化效果。4.3.1商品詳情頁的重要性4.3.1商品詳情頁的重要性3.防范競爭對手競爭對手的攻擊包括文案攻擊以及價格攻擊。如果你覺得已經(jīng)影響商品的銷售力道而必需有所動作，可以在商品詳情文案里四兩撥千金的還擊，有技巧地化解對方的攻勢，避免正面沖突。例如，某商家的知名競爭對手表示其精品包價格賣價便宜許多，該商家強調(diào)自身的商品貨源純正、SEO優(yōu)化質(zhì)量優(yōu)異、服務口碑良好，并在文案指出“目前網(wǎng)絡上有店家推出價格低于行情卻來路可疑的同款商品，已有消費者利益受損了，提醒您千萬要注意?！边@樣既顯示出商家的真誠，也有效地避免了顧客的流失。商品詳情頁的構成一個好的詳情頁就類似一位優(yōu)秀的銷售

4、導購人員，詳情頁的制作同樣需要從顧客的需求出發(fā)，使顧客產(chǎn)生購買的興趣和欲望，完成銷售轉化。一張詳情頁中包含了基本的內(nèi)容，商品的參數(shù)，商品整體展示圖片，商品細節(jié)展示圖片，商品屬性、產(chǎn)品賣點介紹等。4.3.2商品詳情頁的構成1.商品參數(shù)構成商品參數(shù)是介紹商品的最基本的內(nèi)容。主要是對商品的品牌名稱，貨號，尺碼，顏色等信息進行介紹。這個部分主要是利用文字進行描述，描述的風格簡潔易懂即可。它的作用是幫助顧客通過簡單的文字描述盡快的了解dzzit品牌服裝類的商品信息。無論是哪種類型的商品，商品是不可缺少的部分。4.3.2商品詳情頁的構成4.3.2商品詳情頁的構成2.整體展示整體展示是為了讓顧客感受商品的整

5、體效果。對于服裝類的商品一般由模特穿在身上進行展示，電子類的商品商家會創(chuàng)建電子類的使用情景，讓顧客結合自己的需求判斷是否需要商品。不同類型的整體展示方式不同，但是起到的作用是相同的，讓顧客在感受商品的整體效果促使顧客產(chǎn)生需求和購買行為。3.細節(jié)展示商品展示展示的商品的整體效果，那么，商品的細節(jié)部分怎么樣呢？細節(jié)部分的展示目的在于，首先可以讓顧客對商品的細節(jié)有視覺上的認識，例如，一件羊毛的毛衣，文字的描述是單薄的。如果展示羊毛毛衣的細節(jié)，顧客會對商品有一個質(zhì)量上的預期。其次，讓顧客看到商品的細節(jié)，避免顧客拿到商品之后與預期不同造成不必要的誤會。4.3.2商品詳情頁的構成 4. 規(guī)格尺碼商品的規(guī)格

6、尺碼是對商品的尺寸進行介紹，一般需要對尺碼介紹的商品有衣服，鞋等，方面顧客根據(jù)自身的情況選擇合適的商品。一般的商品的規(guī)格介紹比較短，但是，電子類商品比較長，經(jīng)常是另外開啟一頁。4.3.2商品詳情頁的構成5.買家評價買家評價是已經(jīng)購買當前商品的顧客對商品的品質(zhì)進行的評價。買家評價部分非常重要，是商品詳情頁上不可缺少的部分，它能在很大程度上影響顧客的購買行為。4.3.2商品詳情頁的構成4.3.3商品詳情頁設計的原則商品詳情頁設計的目的在于讓顧客快速的了解商品，好的商品詳情頁可以達到的目的就是顧客在不詢問客服的情況下，能夠快速下單。設計網(wǎng)店的首頁有遵循的原則，在設計商品詳情頁時也有相應的原則，以下是

7、根據(jù)日常商品詳情頁設計，總結的七種原則。1.展示商品優(yōu)點展示出商品的優(yōu)點包括相比于同類的商品當前商品的優(yōu)點，商品曾經(jīng)獲得的獎項，商品的品牌，商品的代言人等等。這些信息能夠反映商品的質(zhì)量，獲得顧客信任。4.3.3商品詳情頁設計的原則2.注重SEO友好性不會做詳情頁設計的人，寫的文案是寫給自己看，會寫產(chǎn)品文案的人，文案是專門寫給目標對象看；而最會寫產(chǎn)品文案的人，文案同時寫給目標對象與搜索引擎蜘蛛看的。因此，在寫商品詳情頁的文案時出現(xiàn)商品名稱要是完整的，其中包含品牌、中文、英文以及正確的型號，方便搜索引擎蜘蛛讀取，而且完整商品名的出現(xiàn)頻率可以至少2-3次。3.引導顧客4.圖文并茂5.注重頁面變化優(yōu)秀

8、的實體店的導購人員會采用一定的語言方式改變你剛進店里時心中預設的目標商品與預算。4.3.3商品詳情頁設計的原則再攻心的文字文案，也不如一張有說服力的照片，長篇大論不如圖文并茂地解說。詳情頁設計不是單純的文案寫作，在圖片的作用下，可以獲得事半功倍的效果。一件在商品銷售之前、全新上市時、商品熱銷時、商品銷量衰退時、商品清倉時的詳情頁設計都不需要相同。4.3.3商品詳情頁設計的原則6.避免過度修圖詳情頁展示商品的整體效果時為了讓整體效果更好會對圖片進行修飾，適當?shù)男迗D可以提升商品的氣質(zhì)，給顧客的感覺也會很好。但是如果過度修飾，造成圖片與商品的相差較大，會增加售后客服的壓力，造成不必要的糾紛。尤其是在

9、商品詳情頁中的商品細節(jié)展示環(huán)節(jié)，本身展示的商品的細節(jié)，過度的修飾很大程度上會讓商品的細節(jié)消失。4.3.3商品詳情頁設計的原則7.顧客評論另外，評論對正在瀏覽的顧客影響是很大的，好的評價能夠促使顧客即刻下單，差評過多也會直接影響顧客的購買欲望。4.3.4商品詳情頁的設計在對商品的詳情頁進行設計的時候，需要從設計的角度，做出適合顧客瀏覽的頁面。這里簡單講解三種對商品詳情頁進行設計的方法。1.設計購物引導線購物引導線的作用在于引導顧客視線。通常，在豎排段落里閱讀順序為右上到左下，而在橫排段落則是左上到右下。圖片和文字都應該盡量沿著這樣的順序來編排，保證顧客瀏覽頁面的舒適度。4.3.4商品詳情頁的設計

10、此外，在視線順序的起點處可以設計一些引人注目的文案，例如，大小標題等元素。需要注意的是，利用購物引導線的方式進行設計時，不能將頁面設計的過于擁擠，要進行適當?shù)牧舭?。留白并非只有單純的空白，而是要利用它?chuàng)造出版面節(jié)奏與停頓空間的重要視覺元素，留白不僅能突顯大小標題，還能控制視線的順序。有的時候為了加深視覺引導的效果，會在頁面上添加箭頭加強視覺引導的效果4.3.4商品詳情頁的設計2.運用黃金分割點黃金分割點是指把一條線段分割為兩部分，使其中一部分與全長之比等于另一部分與這部分之比。其比值近似值是0.618。由于按此比例設計的造型十分美麗，因此稱為黃金分割。利用黃金分割比將重要的內(nèi)容放在黃金分割點上，能夠快速的獲取顧客的注意力。4.3.4商品詳情頁的設計品廣告圖的黃金分割點3.混排圖文文字和圖片配在一起展示商品無疑是一種好的方式。進行圖文混排時需要注意圖片的尺寸、文字的字號，文字的字體。1）單排設計：這種單張的大圖用于商品特色的介紹。圖片的寬度300px，高度不限。標題的文字最多20個字（一行），使用微軟雅黑字體，加粗，字體20。描述的文字最多500個字，宋體14號字，行距為10px。4.3.4商品詳情頁的設計3.混排圖文2）雙排設計：這種雙排圖片設計也用于商品特色的介紹。單圖的寬度360px，高度不限，左右兩張圖片的尺寸保持一致。標