網(wǎng)店頁面設計邏輯及注意事項

1、2.產(chǎn)品信息整理3.2 頁面設計邏輯及排版、案例3.2 頁面設計邏輯及排版、案例3.2.1 網(wǎng)店裝修的重要性超市要做的兩件事（拉客&留客）3.2 頁面設計邏輯及排版、案例3.2 頁面設計邏輯及排版、案例3.2 頁面設計邏輯及排版、案例思考：我們設計詳情頁有什么作用？給買家看思考：為什么買家要看詳情頁？（提示：將買家分類）沒有明確的購買目標不了解相關產(chǎn)品需要進行搜索和對比有明確的購買目標進一步了解產(chǎn)品看是否符合需求（價格、質(zhì)量、服務等）思考：在買家瀏覽詳情頁的過程中我們最希望的事是？打動買家促成交易，那么要想打動買家促成交易就必須從買家的角度出發(fā)！因此了解買家的行為就尤為重要3.2 頁面

2、設計邏輯及排版、案例買家認知規(guī)律認知規(guī)律是指買家在瀏覽寶貝詳情頁過程中的習慣體現(xiàn)，主要是有感性到理性、再由理性到感性的過程3.2 頁面設計邏輯及排版、案例3.2 頁面設計邏輯及排版、案例3.2 頁面設計邏輯及排版、案例3.2 頁面設計邏輯及排版、案例3.2 頁面設計邏輯及排版、案例3.2 頁面設計邏輯及排版、案例雖然清楚了買家的行為，但是作為賣家在頁面建設過程中經(jīng)常會有一些一廂情愿3.2 頁面設計邏輯及排版、案例3.2 頁面設計邏輯及排版、案例3.2 頁面設計邏輯及排版、案例通過上述案例及數(shù)據(jù)可以看出，只了解買家的行為不足以幫助我們設計出優(yōu)秀的詳情頁。思考：不同買家希望看到詳情頁提供哪些內(nèi)容？

3、通過詳情頁了解此類產(chǎn)品的買家希望看到產(chǎn)品的整體及細節(jié)、功能等通過詳情頁明確自己購買目標的買家希望看到差異化3.2 頁面設計邏輯及排版、案例 買家在詳情頁關心什么（以服裝為例）3.2 頁面設計邏輯及排版、案例不論哪類買家當其通過搜索商品進入店鋪后，無非是兩種結果即有所行動（購買或收藏）或直接跳出。作為賣家我們肯定希望：買家能夠購買我們的產(chǎn)品越多越好并且希望買家以后還能來那么這里就需要思考買家的幾個問題：買家為什么買這個產(chǎn)品？買家為什么買我們的產(chǎn)品而不是別家的？如何讓買家購買更多的產(chǎn)品？如何讓買家下次還會來購買我們的產(chǎn)品？3.2 頁面設計邏輯及排版、案例買家為什么購買這個產(chǎn)品圖文并茂說明產(chǎn)品能滿足

4、了買家什么需求。(e.g 米其林、足浴盆)3.2 頁面設計邏輯及排版、案例買家為什么買我們的產(chǎn)品不是別家的促銷（本質(zhì)VS口號）不以虧本為目的的促銷都是耍流氓買家購物其實不在于東西便宜不便宜而是在于占沒占到便宜需要借助工具實現(xiàn)折扣如果沒有工具可以“拍下改價”效果展示功能性產(chǎn)品可以進行使用前后的效果對比，服裝類產(chǎn)品可以用模特上身圖大圖、細節(jié)圖、規(guī)格說明無需模特圖的完整產(chǎn)品圖，可以體現(xiàn)產(chǎn)品的外形與品質(zhì)，越詳細越好3.2 頁面設計邏輯及排版、案例 銷量及評價展示用的適當可以引導顧客盡快采取行動 顧客見證可以通過曬圖返利或者試用中心的試用報告來展示 禮物適合沖動型買家 對比圖體現(xiàn)產(chǎn)品差異性、亮點區(qū)別于別

5、家同質(zhì)化商品的最好方式 增值服務、售后說明、零風險購物承諾等3.2 頁面設計邏輯及排版、案例如何讓買家購買更多的產(chǎn)品？做好關聯(lián)營銷如何讓買家下次還來購買？CRM（客戶關系管理、會員營銷）3.2 頁面設計邏輯及排版、案例3.2.2 網(wǎng)店頁面功能及組成元素網(wǎng)店中頁面主要分為三種：分類頁面、店鋪首頁、商品頁面。分類頁面和首頁功能相對簡單，商品頁面是直接進行產(chǎn)品銷售的地方，所以功能相對較多。3.2 頁面設計邏輯及排版、案例一個優(yōu)秀的商品頁面應當具備以上七種功能3.2 頁面設計邏輯及排版、案例l功能一放大欲望一個商品頁平鋪直敘的表達，就算滿足買家的需求，也不一定能產(chǎn)生銷售。商品頁在尊重商品實質(zhì)的同時，應

6、該散發(fā)更有人的因素，將客戶的購買欲望最大化。在頁面放大欲望這個功能塊里有六個主要的元素： 首屏信息 主圖 標題 詳情頁 營銷文案 效果展示3.2 頁面設計邏輯及排版、案例 首屏信息首屏信息就是買家從搜索頁或者從其他途徑到達上篇頁面所看到的第一屏，首屏i型南希中的元素有店招和商品標題圖。絕大部分網(wǎng)店首屏的設計會沿用實體店的方法，制作一個炫麗的招牌，標注一個店鋪名稱，例如，開心小鋪、*的淘寶店等，這種做法實際上忽略了買家的購物行走路徑。以逛街購物為例思考，實體店的購物路徑是無法跳躍進行的。實體銷售經(jīng)過上千年的進化，為了吸引更多的顧客，有意使用霓虹燈、廣告、促銷信息等核心信息來吸引消費者的眼球。所以

7、，只要顧客從大街上進過店面第一時間就能了解到該店鋪的重要信息。那么店鋪的首屏信息是否能反映出店鋪的優(yōu)勢服務、商品優(yōu)勢、價格優(yōu)勢、促銷活動等核心信息？3.2 頁面設計邏輯及排版、案例首屏信息文案常見要素： 品牌告知、品牌宣傳語（針對有一定知名度的品牌） 店鋪最大力度的促銷活動 店鋪主推的新品信息a. 店鋪優(yōu)勢服務（閃電發(fā)貨、7天無理由退換、消保等）3.2 頁面設計邏輯及排版、案例3.2 頁面設計邏輯及排版、案例 寶貝主圖它都會出現(xiàn)在哪些頁面中？搜索頁、首頁、分類頁、商品頁，這4個頁面中都會出現(xiàn)。3.2 頁面設計邏輯及排版、案例寶貝主圖的功能是什么？寶貝主圖的功能“拉客”如何拉客“醒目”醒目牛皮癬

8、3.2 頁面設計邏輯及排版、案例寶貝主圖的幾點訴求： 清晰、色彩與實物相符、細節(jié)表現(xiàn)到位：賣點突出、精益求精。 圖片展現(xiàn)要素直達客戶內(nèi)心，激發(fā)客戶的購買欲望，引導客戶拉動頁面繼續(xù)了解。a.當圖片大小大于（700700）像素可實現(xiàn)放大鏡效果3.2 頁面設計邏輯及排版、案例 寶貝標題買家不會仔細查看標題，只會關注部分內(nèi)容，標題的優(yōu)化主要是為了便于被搜索。寶貝標題的設置的訴求：將就完整性；有層次；關鍵信息依序安置；斷句便于閱讀及了解商品核心信息。寶貝標題關鍵字來源：名稱、服務、承諾、品牌、信用、型號、促銷、物流、價格、功能、渠道、口號等。參考同行寶貝標題：淘寶前臺類目關鍵詞、后臺屬性；淘寶數(shù)據(jù)統(tǒng)計軟

9、件如量子恒道等淘寶類目平道、商品搜索框等。寶貝標題造句示例：秒殺/包郵！品牌+系列型號/特點+名稱1/2+規(guī)格+功能+賣點3.2 頁面設計邏輯及排版、案例 寶貝描述詳情圖實體=所見即所得網(wǎng)店？這就要求寶貝面熟圖片應該設計成什么樣呢？真實！特別是服裝類目，大部分店鋪用 了模特拍攝。模特圖從某種意義上來看，沒有實拍圖重要，因為買家想看到最真實的圖片。實拍圖有兩種：一種是商品描述圖片，也叫寶貝圖片，還有一種是細節(jié)圖，越細越好。3.2 頁面設計邏輯及排版、案例3.2 頁面設計邏輯及排版、案例清晰、色彩準確、細節(jié)展示到位的寶貝圖片能為寶貝描述頁面加分，增加寶貝銷售的概率。在描述頁面，寶貝的圖片在于精，不

10、在于多。商品圖片過少，不利于買家了解寶貝的全貌；圖片過多，頁面打開慢，容易降低客戶體驗。一般來說，一個標準的商品頁面可以先用12張圖片展示商品的整體、描述商品的結構或成分，其次用35張圖片展示商品的呃顏色款式和細節(jié)，再使用23張圖片展示使用效果，讓客戶有一個真只管的商品體驗。所以一個寶貝的展示圖片在10張左右為宜。寶貝描述詳情圖訴求：賣點突出，各方位立體化表現(xiàn)商品價值、功效。細節(jié)圖細致入微，直觀反映商品品質(zhì)。a)粗中有細，布局合理，視覺與功能并重。3.2 頁面設計邏輯及排版、案例 營銷文案3.2 頁面設計邏輯及排版、案例營銷文案訴求： 商品營銷。商品關鍵字：突出賣點、特色、功能。圖片色彩：環(huán)境

11、烘托商品風格。 店鋪促銷把握營銷工具尺度，掌握促銷力度。明確目的，做好效果預算與評估。3.2 頁面設計邏輯及排版、案例 效果展示商品功效最具說服力的就是使用效果對比，實事求是是表達我們商品的優(yōu)勢和賣點。要注意的就是不要盲目擴大產(chǎn)品的功效無限制的提高買家期望。3.2 頁面設計邏輯及排版、案例效果展示的幾個誤區(qū) 商品功效過于夸張。 展現(xiàn)反差不明顯。 語言表達疲軟，無說服力。效果展示技巧：a. 圖文結合，描述一針見血，優(yōu)劣感明晰，知識點和興趣雙管齊下。3.2 頁面設計邏輯及排版、案例l功能二：提升競爭力網(wǎng)店競爭力多種多樣，有商品貨源優(yōu)勢競爭力、個性化服務競爭力等。提升店鋪競爭力的6個元素：實體展示文

12、化展示實力展示評價展示動態(tài)展示增值服務展示3.2 頁面設計邏輯及排版、案例 實體展示為什么要展示實體店？對于網(wǎng)絡銷售，買家看不見，摸不著。在網(wǎng)店中放置一張實體店的圖片，可以讓買家感受店鋪的真實存在，提升買家對店鋪實力的認知。3.2 頁面設計邏輯及排版、案例實體展示的誤區(qū)：篇幅占比過大實體展示的技巧：文字：以大事記形式記錄發(fā)展歷程、榮譽等圖片：以增強店鋪競爭力、提升客戶信任感為宗旨，圖片要清晰美觀，不能作假。3.2 頁面設計邏輯及排版、案例 文化展示3.2 頁面設計邏輯及排版、案例文化包裝要盡量做到符合實際，真實可信。產(chǎn)品質(zhì)地、原材料、純度、含量等也要做到與文化宣傳中涉及到的質(zhì)量信息相符。3.2

13、 頁面設計邏輯及排版、案例 實力展示實力展示能用的素材很多。獲獎證書，營業(yè)執(zhí)照，進出口報關材料，代購用的商場小票等等。宗旨，就是想辦法體現(xiàn)實力，實力強的和實力弱的，最起碼買家售后感覺是不一樣的。3.2 頁面設計邏輯及排版、案例 作為賣家靈活運用獎項、名人提升自身品牌價值 作為買家要學會分辨此類信息3.2 頁面設計邏輯及排版、案例 評價展示網(wǎng)店的中差評及動態(tài)評分是商品搜索權重中一個重要的衡量指標。好評率、高評分能直接反映店鋪商品的質(zhì)量及優(yōu)質(zhì)的服務，同時也為后續(xù)的店鋪及商品搜索奠定基礎。評價及評分的引導可以有效提升店鋪的競爭優(yōu)勢。買家購物都有查看店鋪及商品評價的習慣，且對于買家對商品問題的評價特別

14、在意，因為這是購買的重要依據(jù)。3.2 頁面設計邏輯及排版、案例評價引導3.2 頁面設計邏輯及排版、案例從店鋪發(fā)展長遠利益來看，好評、高評分對店鋪最大的推動作用不是買家怎么看待，而是能讓店鋪搜索排名靠前，提升店鋪有和競爭力。甚至有些賣家在商品標題、主圖、詳情頁很明確的標注：本店不接受中差評不滿意可以退換鄰居大媽不喜歡可以退換、我家狗狗不喜歡可以退換等3.2 頁面設計邏輯及排版、案例3.2 頁面設計邏輯及排版、案例 動態(tài)展示動態(tài)展示的最大作用在于增加買家的店鋪體驗，更直觀、更真實的看到商品的實際效果。3.2 頁面設計邏輯及排版、案例視頻講解的方式有效減少了文字說明，也讓買家在簡短的時間內(nèi)快速了解商

15、品的安裝及使用方法。除了效果展示和使用說明，視頻還可以演繹商品的誘惑力和功能化。例如Zippo打火機上架，可以將打火機的玩轉(zhuǎn)技巧進行展示，激發(fā)客戶購買的欲望。從另一方面看可以激發(fā)一些潛在客戶的關注和購買，但這些客戶不一定吸煙只是對玩打火機感興趣3.2 頁面設計邏輯及排版、案例 增值服務展示網(wǎng)店所謂的增值服務包括客戶體驗式增值服務和店鋪功能性增值服務?？蛻趔w驗式服務就是給予買家的特色服務，而競爭對手沒有提供的服務，或者是客戶進入店鋪購物時額外的、意想不到的優(yōu)勢服務。3.2 頁面設計邏輯及排版、案例功能性增值服務主要從賣家的角度出發(fā)，例如，淘寶網(wǎng)設置的一些增值服務。消保計劃、7天無理由退換、正品保

16、證假一賠三、愛心捐助、信用卡支付、運費險、淘寶VIP會員、貨到付款等。淘寶官方數(shù)據(jù)顯示，在淘寶網(wǎng)店瀏覽商品后流失客戶中有45%是因為不了解線上支付的操作方法。所有這些功能性增值服務都會計入到寶貝搜索的權重中，所以這些元素的設置，不僅為了更好的服務于客戶，還有利于店鋪的發(fā)展。3.2 頁面設計邏輯及排版、案例l功能三：刺激決心客戶欲望放大后，店鋪頁面需要一股動力將沖動崔華偉下訂單的決心。在商品頁面中，刺激決心的元素主要有5種分別是：核心信息告知促銷文案銷量展示評價展示營銷工具使用3.2 頁面設計邏輯及排版、案例 核心信息告知實體店買家購物方式：逛街（路過）廣告（招牌）貨架商品場景：超市某商品促銷形

17、式：在超市門口張貼海報受眾：路過的門口的人、進來購物的人等效果：超市周邊的小區(qū)全部知曉網(wǎng)店也是一樣的道理，如果有促銷信息或其他活動信息，必須要通過一定的方式告知買家！買家購物方式：大部分是通過搜索單品進入店鋪形式：在首頁、列表頁（分類頁）、詳情頁鋪天蓋地設置廣告受眾：瀏覽淘寶搜索列表頁的買家、進入店鋪的買家效果：只要看到商品或進入單品頁面或首頁的買家都可知曉3.2 頁面設計邏輯及排版、案例 促銷文案單品促銷文案的設置主要放置在每一款商品的詳情頁中。每一款寶貝設計獨立的促銷文案。但是寶貝較多時工作量就會變大，因此針對新款或爆款我們可以設置這一元素。單品促銷文案可以有效刺激客戶購買心理。舉例：華為

18、榮耀3C手機（見圖）3.2 頁面設計邏輯及排版、案例 銷量展示一款商品的銷量火爆，同時也以為商品的品質(zhì)高。高銷量商品類似滾雪球，良性循環(huán)，不僅可以增加單品銷量，還能以爆制爆，帶動店內(nèi)其他商品的銷售。這也是現(xiàn)在絕大部分店鋪打造爆款的原因。網(wǎng)絡客戶有很嚴重的從眾心理。銷售哦數(shù)量能夠很大程度上刺激客戶的購買決心。所以店鋪中一旦形成爆款，需要不定期更新數(shù)據(jù)截圖，將銷量展示到詳情頁面中。3.2 頁面設計邏輯及排版、案例 評價展示淘寶官方曾發(fā)布過一個調(diào)查數(shù)據(jù)。最終數(shù)據(jù)顯示，有65%的買家不希望在商品的詳情頁中看到評價內(nèi)容。原因在于客戶認為賣家再王婆賣瓜，感覺跟多的是假、虛。所以店鋪在設計這一元素時要盡量真

19、實。評價內(nèi)容有優(yōu)質(zhì)的，也要有中肯的。店鋪及商品的評分高出行業(yè)50%以上，同樣可以在詳情頁面中展示出來。3.2 頁面設計邏輯及排版、案例 營銷工具的使用對于中小賣家，淘寶營銷工具運用最多的有：搭配套餐：設置時要考慮客戶的需求，而不是賣家想給客戶看到什么。設置搭配時在商品方面應該設置功能互補的商品或者功能相似的商品，或者搭配使用的商品及后者是增強效果的產(chǎn)品。價格方面，應該搭配出讓客戶驚喜的效果，而又能達到提升店鋪客單價的目的。滿就送：滿一定的金額送抵價券或者商品。送卷與送商品的各有優(yōu)勢和問題。送卷有一定的試用條件例如時間、滿多少才能使用或是指定商品，送實物禮品可能因禮品的質(zhì)量導致不必要的糾紛，但是

20、作為買家總是想著占便宜的所以可以送的情況下可以考慮送卷或禮品。實在沒有送的可以用包郵、抹零的方式抵消買家占便宜心理。限時打折：每個月都有幾百個小時的時間限制。因此可以借助其他工具做類似的折扣設置。3.2 頁面設計邏輯及排版、案例l功能四：打消疑慮網(wǎng)購是在虛擬環(huán)境中完成支付的。如果想要客戶放心購買，店鋪必須將售后的流程預先告知用戶，打消疑慮。在訂單完成的后續(xù)流程中設計商品的包裝、物流運輸、售后保障等因素。針對不同的階段，店鋪需要設置對應的信息告知元素。商品包裝物流信息售后保障3.2 頁面設計邏輯及排版、案例 商品包裝包裝展示在向客戶說明商品包裹交付物流運輸形態(tài)的同時，也彰顯了賣家的服務水平。不同

21、客戶對包裝的要求是有差異的。有些客戶只要收到的商品不破損即可；而有些客戶是需要購買商品送人的，對包裝有更高的要求。買家預先了解包裝的狀態(tài)也有利于在收貨時檢查包裹是否正常，保障自身利益。對于賣家而言如果銷售的是易碎物品那么包裝的質(zhì)量決定了在運輸過程中的損壞情況間接影響到此商品的退換貨概率。3.2 頁面設計邏輯及排版、案例 物流信息據(jù)統(tǒng)計，買家在網(wǎng)上購物有兩大疑慮，一是質(zhì)量，二是物流。買家關注的物流信息主要有用什么快遞、發(fā)貨時間、快遞價格等。簡單的物流信息只能消除客戶運輸過程中的疑慮。豐富物流信息可以提升品牌印象。3.2 頁面設計邏輯及排版、案例 售后保障售后信息羅列的目的是讓客戶在店鋪中購物時吃

22、下一顆定心丸。完善的售后服務不僅可以促成訂單，還可以小小客戶售后的各種疑慮。售后信息主要包括退簽收時注意事項、退換貨流程、保修信息等。3.2 頁面設計邏輯及排版、案例l功能五：合理通道商品頁面引導、刺激、促成客戶購買只是賣出店鋪營銷的第一步。完美的商品頁面需構建合理的通道，讓客戶既方便快捷的找到需要的商品，又能深層次的了解店鋪的商品線、了解店鋪的服務及促銷活動等。網(wǎng)店頁面的通道建設包括：關聯(lián)營銷順暢溝通左側欄導航3.2 頁面設計邏輯及排版、案例 關聯(lián)營銷關聯(lián)營銷有兩種，一種是類目，另一種是單品。區(qū)別在于前者相當于推薦貨架，后者是推薦單個寶貝。引入關聯(lián)商品可以將客戶的需求點和購買力全面挖掘。商品

23、的關聯(lián)和搭配要適當，過多過雜只會降低客戶體驗。關聯(lián)商品要關注買家需求及商品的關聯(lián)性、搭配性。關聯(lián)不能只有商品的搭配還需要有一定的價格優(yōu)惠從而增強買家的購買欲望。3.2 頁面設計邏輯及排版、案例關聯(lián)營銷的位置布局有多種。許多店鋪喜歡把關聯(lián)模塊坐在詳情頁頂端，而且占據(jù)相當大的篇幅。試想下客戶的行為習慣及心理，當客戶通過搜索進入到商品頁，第一時間想看到的是大篇幅與該商品無關的廣告還是商品本身的信息？所以當客戶下決心購買后再關聯(lián)其他商品，客戶不但不會反感而且還可能繼續(xù)購買。應用舉例：裂帛爆款牛仔短褲（見圖）3.2 頁面設計邏輯及排版、案例 順暢溝通順暢溝通元素的設置就是在商品頁的關鍵點位置設計活動的旺

24、旺圖標，方便呵護第一時間與店鋪客服人員咨詢。3.2 頁面設計邏輯及排版、案例 左側欄原則上，商品頁面的任意一屏都必須有通道出現(xiàn)，不管是什么類型的通道，否則無法保證店鋪的訪問深度。當左側欄功能打開并有現(xiàn)骨干信息展現(xiàn)時，買家就多了一個通道行走。3.2 頁面設計邏輯及排版、案例 導航熱門分類和熱門導航可以有效的將客戶的需求進行深度挖掘，方便客戶購買店內(nèi)商品、節(jié)省查找時間，同時引導客戶關注更多的商品。3.2 頁面設計邏輯及排版、案例l功能六：基礎信息l色彩說明l規(guī)格說明l屬性信息購物流程3.2 頁面設計邏輯及排版、案例l色彩說明因為顯示器、拍攝及圖片后期處理的多種原因，造成了所有賣家都解決不了的問題色

25、差，因此作為賣家必須要對圖片與實物的色差提示寫進詳情頁。3.2 頁面設計邏輯及排版、案例 規(guī)格說明網(wǎng)上買服裝最大的問題是不能試穿，為了避免售后經(jīng)常出現(xiàn)的因尺碼不符的退換問題賣家必須在詳情頁寫出商品的具體尺寸。方便買家查看，如果有不同身材的試穿推薦則更好。3.2 頁面設計邏輯及排版、案例 屬性信息圖片并不能展示商品的所有信息，例如，尺寸、場地、設計者、名稱、別名、材料工藝等，這就需要賣家利用文字做一定的補充。同時買家只有了解了所有的商品相關信息，才有可能對商品產(chǎn)生最終的購買信心。3.2 頁面設計邏輯及排版、案例 購物流程why?如今電子商務已經(jīng)比較普及，但是主要是針對城市及年輕化的市場。作為賣家

26、為買家提供購物流程提示可以對那些初次購物的買家起到幫助的作用。另一方面，當?shù)赇佒惶峁┳灾徫飼r購物流程的說明就直接影響到店鋪的轉(zhuǎn)化率。3.2 頁面設計邏輯及排版、案例l功能七：功能延伸店鋪的發(fā)展，在于老客戶的積累和沉淀?？蛻糍徺I商品后，長時間沒有同樣的需求，會對店鋪的記憶減弱。如果再店鋪添加搜索方法，可以讓客戶一旦有需求，變能采用便捷的方式，第一時間找到我們的店鋪。量子恒道中可以查看店鋪的訪問來源。在所有的訪問來源中，訪問回頭客，7天內(nèi)第2次訪問或者是第3次訪問的客戶，這部分客戶的轉(zhuǎn)化率相對較高。因此在功能延伸中需要就是添加店鋪的訪問和收藏店鋪的相關信息，引導客戶產(chǎn)生2次購買。主要方式有店鋪關

27、鍵字的設置、好記的店鋪域名、店鋪收藏、二維碼訪問等。3.2 頁面設計邏輯及排版、案例SNS，即社會性網(wǎng)絡服務。SNS社會化網(wǎng)絡是一個龐大的人際關系網(wǎng)，適合網(wǎng)絡營銷。在SNS中集合了很多潛在的消費者，為電商提供了流量的基礎，有助于開辟新的盈利模式。品牌、商品及服務在這個圈子里能夠快速的復制及傳播。3.2 頁面設計邏輯及排版、案例3.2.3 頁面定位l網(wǎng)店的頁面定位有三個方向：風格定位、功能定位、風格加功能定位。功能定位：所有的元素設計、擺放只考慮為訪問深度、轉(zhuǎn)化率服務，除了頁面功能的整體協(xié)調(diào)感，其他因素基本不做考慮的一種頁面定位方式。這種定位方式適合絕大部分賣家，也適合絕大部分類型的商品，也是最

28、容易實現(xiàn)的一種定位方式。l風格定位：不在元素的數(shù)量和功能，更看重元素表達形式的一種頁面定位方法。風格定位比較適合需要有美感、有心靈共鳴就可以產(chǎn)生欲望和成交的商品。實現(xiàn)風格定位有一定的難度，因此只適合一小部分有柑橘、有想法、有設計能力的賣家。l風格加功能定位：這也是最佳的一種定位方向，實現(xiàn)難度也是最大的，需要賣家不僅對頁面的功能有較深的了解，還需要賣家有感覺、有想法、有設計能力，而且在具體實施的時候也很難兼顧到這兩點。建議將網(wǎng)店先做功能定位，然后在視覺上再做進一步優(yōu)化，逐步實現(xiàn)功能加風格的定位方式。3.2 頁面設計邏輯及排版、案例3.2.4 頁面元素布局及優(yōu)化上一節(jié)中我們羅列了30多種頁面元素，

29、頁面元素單個講起 來都很重要，但是總的數(shù)量有點多，如果全放到頁面中，會有點擁擠。但是依然建議大家把這些元素都放入頁面，只是需要根據(jù)功能來進行布局。具體如何分配，哪一個元素排在哪里？3.2 頁面設計邏輯及排版、案例l顧客行走路徑前邊的內(nèi)容中提到過回字形購物的概念。作為店鋪我們也需要規(guī)劃類似的合理的具備一定功能的頁面。讓顧客從搜索頁進入店鋪后，可以在幾個店鋪頁面中繞來繞去，這樣就可以增加店鋪的訪問深度。3.2 頁面設計邏輯及排版、案例網(wǎng)絡上一個顧客要選擇商品，首先，必須在搜索頁面中瀏覽，這個搜索頁面的功能和實體的大街是基本一致的。在網(wǎng)絡的“大街”上顧客直接看到的不是店鋪的信息，而是商品的信息。3.

30、2 頁面設計邏輯及排版、案例一個網(wǎng)店的每個商品都有機會出現(xiàn)在“大街”上，當顧客進入網(wǎng)店的單品頁后，我們需要利用有效的頁面元素去提升顧客在店內(nèi)的訪問深度，只有訪問深度提升了，購買的可能性才會增加，需要把顧客從商品頁面再引導到更多的商品頁面或者首頁和分類頁，網(wǎng)店的首頁起到了“門”的作用。而分類則起到了貨架的作用。也就是說需要讓商品的詳情頁具備合理的通道功能。但是要注意避免濫用通道（關聯(lián)銷售或廣告）而增加了詳情頁的跳失率。3.2 頁面設計邏輯及排版、案例l信息接觸點實體店的顧客行走路徑是相對固定的，大街、店面、貨架、商品，4個步驟缺一不可，而網(wǎng)店的路徑只有大街和商品，有留客意識才能主動引導顧客再進入

31、首頁和分類頁。我們建設頁面的目的主要是讓顧客在里面繞圈，提升訪問深度，同時，還要在每個電商去建設顧客的信息接觸點，實際上就是各種頁面的組成元素。行走路徑及信息接觸點示意圖3.2 頁面設計邏輯及排版、案例3.2 頁面設計邏輯及排版、案例當頁面的各種元素豐滿到位后，顧客能接觸到有效的元素，訪問深度就會增加。這就意味著，路經(jīng)健全了，但是元素不健全，深度很高，可是停留時間很短，轉(zhuǎn)化率還是上不去，所以路徑要有，健全的信息接觸點也要有，顧客才會最終形成購買。網(wǎng)店頁面結構優(yōu)化的結果是繞圈購物，實體店的顧客進店后引導他繞一個圈，可以把整個店鋪中所有東西看完，但是網(wǎng)店不行，因為網(wǎng)頁瀏覽的隨機性很強，單擊鼠標就可

32、以進入別人的店鋪，甚至離開淘寶網(wǎng)。顧客想去哪里很難把握，因而就更應該重視頁面結構和信息點的建設。但是有一點網(wǎng)店與實體店是一樣的，應該在網(wǎng)店中的每個接觸點，哪怕是空白的地方，都不滿一些信息。能找到的元素最好都是有效元素，但是需要店鋪自己去考慮如何把效果發(fā)揮出來。3.2 頁面設計邏輯及排版、案例l頁面功能元素分配每一個頁面元素就是一個信息接觸點，而信息接觸點就是在頁面不同的位置主動或被動的讓顧客接受信息的地方，只有顧客接觸到了準確的信息后，才會逐步對商品產(chǎn)生欲望，最終被打動?；貞涱櫩椭饕徺I路徑及店鋪頁面分類 搜索進入商品頁面查看商品或進入店鋪其他頁面 搜索頁、商品詳情頁、店鋪分類頁面或首頁3.2

33、 頁面設計邏輯及排版、案例從上圖看出，如果要引導顧客從一個頁面進入另一個頁面，就需要在兩個頁面之間建設路徑，而在路徑中就需要我們按不同的頁面功能去設置頁面元素。3.2 頁面設計邏輯及排版、案例下圖中把各個頁面中的信息點進行了分類，分為基礎點和新建點，基礎點是網(wǎng)店框架結構中原本有的，不可取消也不可替代，而新建點也應該具備，多于同行或優(yōu)于同行的信息旺旺才是最能打動顧客的信息。3.2 頁面設計邏輯及排版、案例l搜索頁功能單一，就是利用少量能展示出來的接觸點信息把顧客從搜索頁面拉倒店鋪中。右邊7個功能中哪個能起到主要作用？首屏信息寶貝主圖寶貝標題詳情頁營銷文案效果展示放大欲望提升競爭力刺激決心打消疑慮合理通道基礎信息功能延伸3.2 頁面設計邏輯及排版、案例l首頁應該具備的功能是提升競爭力和合理通道。提升競爭力的元素有6種：實體展示、店鋪文化、實力展示、評價引導、動態(tài)展示、增值服務。這里有一些是沒有必要的放到首頁的，從首頁本身的功能角度出發(fā)，只有店鋪文化比較適合。而合理通道分為兩種，把到達首頁的顧客引導到店鋪的商品頁或者分類頁，首頁引導至分類頁的方式