給店鋪裝上路標(biāo)不僅包括首頁導(dǎo)航，還包括單個(gè)頁面導(dǎo)航。讓每一個(gè)詳情頁成為你的導(dǎo)購員，節(jié)約買家時(shí)間，不要讓買家去猜去找，而是給買家最需要的直觀視覺感受。讓普通的用戶知道是什么內(nèi)容，知道如何使用。產(chǎn)品詳情展示頁是直接決定交易達(dá)成的關(guān)鍵因素之一，什么樣的寶貝詳情頁導(dǎo)航才能方便買家又能有高轉(zhuǎn)化率呢？
詳情頁：3大分析與實(shí)體商店的購物邏輯相似，在安排詳情頁的信息流邏輯順序時(shí)，也應(yīng)當(dāng)尊重消費(fèi)者遞進(jìn)的情感需求。比如去商場買一個(gè)手機(jī)，可能一眼看中一個(gè)放在柜臺醒目位置的型號，這相當(dāng)于我從店鋪首頁進(jìn)來；接下來可能會走近看看機(jī)器的整體外觀，詢問相關(guān)配置信息，這就是詳情頁的主圖和產(chǎn)品介紹文字；接下來拿起樣機(jī)看看功能、材料、做工、配件等等。這個(gè)時(shí)候相當(dāng)于瀏覽商品的細(xì)節(jié)圖。如果覺得一切都挺滿意，我再了解下售后信息以及優(yōu)惠情況就可以購買了，這就相當(dāng)于詳情頁尾的售后和活動(dòng)信息。
A首先分析用戶在進(jìn)入到詳情頁后需要獲取哪些信息。
產(chǎn)品圖、價(jià)格、產(chǎn)品基本信息、規(guī)格尺寸、細(xì)節(jié)、使用方法、質(zhì)量認(rèn)證、售后保障等。
B接下來通過以下幾類模塊來展現(xiàn)這些信息。
商品展示類——款式、色彩、搭配、細(xì)節(jié)、賣點(diǎn)、包裝；
吸引購買類——賣點(diǎn)強(qiáng)化、情感打動(dòng)、熱銷盛況、買家好評；
品牌形象類——榮譽(yù)、資質(zhì)、生產(chǎn)、銷量；
促銷信息類——熱賣推薦、關(guān)聯(lián)銷售、促銷活動(dòng)、優(yōu)惠套餐；
購物指導(dǎo)類——購買、付款、收貨、驗(yàn)貨、退換貨、保修。
C詳情頁的常規(guī)邏輯結(jié)構(gòu)分析。
1店鋪活動(dòng)信息——刺激消費(fèi)、流量引導(dǎo)、提高轉(zhuǎn)化率；
2產(chǎn)品整體展示圖——吸引顧客，強(qiáng)化賣點(diǎn)，情感共鳴；
3產(chǎn)品介紹文字——清晰完整的商品介紹，促成交易；
4產(chǎn)品細(xì)節(jié)圖——多角度展示、場景展示、細(xì)節(jié)、包裝；
5品牌介紹——品牌故事、榮譽(yù)資質(zhì)、生產(chǎn)實(shí)力，加強(qiáng)信任；
6購物須知——交易條款、常見問題、售后相關(guān)，聯(lián)系方式。
是不是所有類目的寶貝都應(yīng)該這樣排序呢？答案是否定的，不同類目、不同品牌都有其專屬的特征，在應(yīng)用時(shí)還需因地、因時(shí)制宜。
詳情頁承載的信息量很大，一定要優(yōu)先選擇自己的客戶關(guān)注的信息作為導(dǎo)航，放在頁面的前幾屏表示出來。其它次重要信息可以放在頁尾，可以新建頁面描述，也可以通過客服告知。
內(nèi)頁導(dǎo)航：5大要素和店鋪首頁的導(dǎo)航不一樣，單個(gè)頁面的導(dǎo)航工作要求很細(xì)致。每個(gè)寶貝的頁面都不一樣。到底該如何做呢？抓住以下5點(diǎn)就可以。
1．點(diǎn)睛 Banner
好的banner設(shè)計(jì)，雖然都是由圖片加文字組成，但也絕不是1+1=2那么簡單的疊加。如同一首樂曲，可以是古典交響，可以是流行電子，亦或民間小調(diào)，形式多樣，手法不一。有時(shí)候需要像作詩般字斟句酌，有時(shí)候也會有妙手偶得的驚喜。受制于互聯(lián)網(wǎng)視覺設(shè)計(jì)的特點(diǎn)，往往需要通過設(shè)計(jì)師的經(jīng)驗(yàn)思考，在較短的時(shí)間制作出能夠通情達(dá)意的作品。如下2張圖通過“標(biāo)題黨”告知買家該品牌是發(fā)飾，風(fēng)格是青春、百變。
2. 標(biāo)題導(dǎo)視牌
標(biāo)題欄一般不包含實(shí)質(zhì)內(nèi)容，它相當(dāng)于實(shí)體購物商場的導(dǎo)視牌，是寶貝頁面導(dǎo)航的重要一環(huán)。在一個(gè)信息流邏輯合理清晰的詳情頁中，它起到提示和承上啟下的作用，能夠告訴用戶所在頁面位置，方便上下搜尋信息。頁面中各個(gè)區(qū)塊標(biāo)題欄的圖形、邊框、文字和顏色等也要有統(tǒng)一的風(fēng)格。如下3張圖的“明星搭配”、“養(yǎng)生顧問點(diǎn)評”、“堅(jiān)果歷險(xiǎn)記”等使整個(gè)頁面看起來層次清晰，主題明確。
3．圖文并茂
文案是詳情頁不可或缺的組成部分，一般分為說明文字、廣告語、情感表述等。不同類型的文字，在字體字號上也應(yīng)區(qū)別對待。說明性文字重在功能，而廣告banner文案則可融于更多情感表達(dá)。再動(dòng)人的文案不如一張有說服力的照片。長篇大論不如圖文并茂地解說。精彩的文案創(chuàng)意搭配適宜的視覺設(shè)計(jì)，是許多店鋪迅速抓住人心的秘訣。如下圖的“老金魔方”文案告訴了買家該品牌的歷史、口碑、特色、品質(zhì)，這一導(dǎo)航對進(jìn)入該頁面的買家有著提醒和勸服作用。
4．場景感圖片
現(xiàn)在是“讀圖時(shí)代”和“注意力經(jīng)濟(jì)”。毋庸置疑，圖片是傳遞商品信息最快速有效的方法，它的基本訴求在于清楚的讓用戶認(rèn)識你所賣的是一個(gè)什么產(chǎn)品。除了基本的商品展示外，帶有場景的靜物或模特圖是建立品牌形象，引發(fā)用戶情感共鳴的最佳手段。
5．創(chuàng)意圖表
圖表往往用來說明產(chǎn)品使用方法、功能特性、以及規(guī)格參數(shù)等。注意：除了基本功能說明以外，圖表上的小創(chuàng)意也能夠成為頁面當(dāng)中的亮點(diǎn)。如下圖。
總結(jié)：什么是好的詳情頁導(dǎo)航設(shè)計(jì)？
視覺傳達(dá)的效果雖然無法精確量化，但一個(gè)較為理想的詳情頁導(dǎo)航設(shè)計(jì)，一般要滿足這么幾點(diǎn)：透過視覺手段依據(jù)用戶體驗(yàn)來制造視覺層次；制定視覺規(guī)范實(shí)現(xiàn)視覺語言的一致性（視覺規(guī)范）；為瀏覽或使用制造舒適的視覺感受；制造視覺愉悅感；制造視覺品牌印象。
一個(gè)成功的詳情頁導(dǎo)航始終需要關(guān)注兩點(diǎn)——“用戶體驗(yàn)”和“視覺傳達(dá)”，有了這兩樣法寶，賣家們在面對9.9包郵或者快速抄襲的電商狼群時(shí)，或許能多幾分底氣。
樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應(yīng)廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺規(guī)則
