《視覺營銷》課件-第七節(jié) 網(wǎng)店布局

第七講網(wǎng)店布局重難點(diǎn)分析APARTONE重難點(diǎn)：1、用戶體驗(yàn)（客戶分析、進(jìn)店瀏覽路徑）2、視覺定位（視覺信息的傳遞、分析品牌型和營銷型店鋪視覺）3、店鋪結(jié)構(gòu)（首頁、詳情頁布局、搜索列表、自定義頁面）4、商品陳列（商品陳列、商品搭配等）課程講解BPARTTWO2.1用戶體驗(yàn)用戶體驗(yàn)（簡稱）是目標(biāo)群體在使用某種產(chǎn)品或服務(wù)時(shí)建立起來的主管感受。網(wǎng)店的視覺設(shè)計(jì)歸根結(jié)底是為用戶服務(wù)的，用戶體驗(yàn)包含了戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層和表現(xiàn)層五大層面。

用戶體驗(yàn)五大層面表現(xiàn)層

視覺設(shè)計(jì)任務(wù)流信息流交互設(shè)計(jì)信息架構(gòu)功能規(guī)格內(nèi)容需要網(wǎng)站展示框架層結(jié)構(gòu)層范圍層戰(zhàn)略層具體抽象完成概念界面設(shè)計(jì)

導(dǎo)航設(shè)計(jì)1.產(chǎn)品受眾首先，需要對用戶進(jìn)行細(xì)分；其次，需要關(guān)注的是消費(fèi)者需要的是哪些信息；再者，需要了解消費(fèi)者對于產(chǎn)品和服務(wù)的關(guān)注因素；2.瀏覽習(xí)慣（1）.瀏覽習(xí)慣的特征。如，60后、70后和80后很大一部分人很難認(rèn)可新系統(tǒng)的操作界面。2.1.1客戶分析2.1.1客戶分析2.1.1客戶分析（2）交互設(shè)計(jì)。站在用戶的角度思考，讓人易懂、易用，能夠快速讓目標(biāo)客戶滿意。按需求需求分析結(jié)構(gòu)框架流程圖線框圖檢查2.1.1客戶分析2.1.1客戶分析（3）瀏覽習(xí)慣與喜好的運(yùn)用。站在用戶的角度思考，讓人易懂、易用，能夠快速讓目標(biāo)客戶滿意。2.1.1客戶分析3.消費(fèi)習(xí)慣（用戶習(xí)慣）由淘寶市場引發(fā)價(jià)格站的情形下樹立健康良性發(fā)展的要求（1）關(guān)于價(jià)格因素的影響。（2）關(guān)于新品。（3）關(guān)于熱賣商品。4.網(wǎng)店的用戶體驗(yàn)要素（1）視覺感官；（2）界面交互；（3）情感因素；（4）瀏覽習(xí)慣；（5）信任體驗(yàn)；2.1.1客戶分析2.1.1客戶分析設(shè)計(jì)風(fēng)格：能夠符合主流消費(fèi)群體的審美喜好；店鋪名或者品牌的logo：塑造品牌；頁面整體布局：突出重點(diǎn)，展示優(yōu)勢商品；頁面色彩匹配：色調(diào)統(tǒng)一協(xié)調(diào)，柔色為主；適當(dāng)?shù)囊曨l展示：突出商品的賣點(diǎn)，提升品牌形象；頁面導(dǎo)航科學(xué)性：導(dǎo)航條彌補(bǔ)商品的不完全展示；頁面的科學(xué)性：大眾人群對瀏覽器分辨率的設(shè)置；圖片的完全展示：保證圖片不變色、不變形、清晰度，減少文字對圖片商品的覆蓋；圖標(biāo)的使用：不能花哨，要與頁面整體風(fēng)格統(tǒng)一，選擇三種以內(nèi)的會(huì)讓店鋪更加協(xié)調(diào)。海報(bào)展示：展示與銷售有關(guān)的內(nèi)容，以營銷為主。（1）視覺感官體驗(yàn)流程的體現(xiàn)：對購物流程、售后服務(wù)流程的體現(xiàn)明確化；按鈕的設(shè)置：明確和清晰化，提高瀏覽量；點(diǎn)擊暗示：對主推商品，強(qiáng)調(diào)點(diǎn)擊的必要性；旺旺在線：及時(shí)與消費(fèi)者溝通，體現(xiàn)專職賣家；旺旺的位置：重要和方便的位置；搜索欄：增加商品的搜索概率；路徑優(yōu)化：為消費(fèi)者提供方便，增加店鋪的點(diǎn)擊次數(shù)和成交量。

（2）界面交互體驗(yàn)2.1.1客戶分析分類的命名：站在用戶角度對分類進(jìn)行歸納和命名；分類的層級(jí)：層次鮮明，展示核心分類；分類的內(nèi)容：不宜過多交叉；商品的原創(chuàng)性：用自己制作的店鋪頁面，在搜索引擎中忌諱復(fù)制、同類；商品更新率：不斷更新店鋪的信息，吸引老客戶，要形成用戶黏度；信息的描述方式：采用圖文結(jié)合形式；新品的標(biāo)記：對新品要給予標(biāo)記，方便買家發(fā)現(xiàn)和購買，讓店鋪保持新鮮感；輔助的推薦：在店鋪首頁、左側(cè)欄、自定義欄、編輯欄多個(gè)地方對店鋪活動(dòng)進(jìn)行提醒和引導(dǎo)，增加曝光率；活動(dòng)的推薦：友情鏈接。（3）情感因素體驗(yàn)2.1.1客戶分析相關(guān)商品的推薦：友情鏈接；收藏設(shè)置：在醒目的位置提高店鋪收藏的提醒按鈕，方便收藏店鋪；文字的排列：有規(guī)范性，大眾接受排版模式；文字的字體：選取方便用戶瀏覽的字體，并確保字體清晰；頁面底色：簡潔素雅，為商品主題做承托。頁面長度：選擇合理的值，一般瀏覽頁面程度是鼠標(biāo)滑輪滾動(dòng)2—3次為宜；2.1.1客戶分析2.1.1客戶分析友好提示：運(yùn)費(fèi)、贈(zèng)品的刺激和利益誘惑來讓更多消費(fèi)者了解店鋪；會(huì)員的交流：淘幫派的開創(chuàng)，引領(lǐng)行業(yè)群體；售后服務(wù)：及時(shí)跟蹤和反饋；會(huì)員優(yōu)惠：對會(huì)員優(yōu)惠政策；會(huì)員推薦服務(wù)：有規(guī)范性，大眾接受排版模式；鼓勵(lì)買家參與：選取方便用戶瀏覽的字體，并確保字體清晰；會(huì)員活動(dòng)：簡潔素雅，為商品主題做承托。專家答疑：選擇合理的值，一般瀏覽頁面程度是鼠標(biāo)滑輪滾動(dòng)2—3次為宜；郵件/短信的問候：

（4）瀏覽習(xí)慣體驗(yàn)2.1.1客戶分析搜索引擎優(yōu)化：運(yùn)費(fèi)、贈(zèng)品的刺激和利益誘惑來讓更多消費(fèi)者了解店鋪；公司簡介：淘幫派的開創(chuàng)，引領(lǐng)行業(yè)群體；服務(wù)的保障：及時(shí)跟蹤和反饋；聯(lián)系方式標(biāo)注：對會(huì)員優(yōu)惠政策；投訴入口：有規(guī)范性，大眾接受排版模式；法律聲明：選取方便用戶瀏覽的字體，并確保字體清晰；友情鏈接：簡潔素雅，為商品主題做承托。

（5）信任體驗(yàn)2.1.2瀏覽路徑作為視覺營銷，在視覺軌跡中，把自己需要展現(xiàn)的商品突出展現(xiàn)給消費(fèi)者，盡可能引導(dǎo)消費(fèi)者的目光按照自身店鋪設(shè)計(jì)的視覺路徑瀏覽，這叫做視覺的動(dòng)線設(shè)計(jì)。常規(guī)的動(dòng)線是“Z”或“W”。2.1.2瀏覽路徑2.2視覺定位品牌型專賣店：給人感覺價(jià)位高、商品精致、質(zhì)量好、很少打折。蔻馳品牌專賣2.2視覺定位營銷型店鋪：給人感覺大眾接受、價(jià)格實(shí)惠、買東西不是買品牌。營銷型店鋪

2.2.1視覺信息傳遞2.1.2瀏覽路徑首屏需要傳達(dá)的信息有哪些？1.是賣什么商品的店鋪;2.店鋪的產(chǎn)品風(fēng)格是什么;3.產(chǎn)品的價(jià)位是多少;4.促銷活動(dòng)的力度。2.2.2品牌型和營銷型視覺1.品牌型視覺定位突出品牌優(yōu)勢，有競爭力，弱化價(jià)格。2.營銷型視覺定位突出價(jià)格優(yōu)勢，營造熱賣的氣氛，將促銷做的吸引人。2.2.2品牌型和營銷型視覺2.2.2品牌型和營銷型視覺1.品牌型店鋪的規(guī)律給顧客創(chuàng)造品牌強(qiáng)、商品質(zhì)量優(yōu)、服務(wù)好的印象;盡量將價(jià)格轉(zhuǎn)移到價(jià)值;弱化促銷價(jià)格。2.營銷型店鋪的規(guī)律打造熱鬧的促銷氛圍;打造圍觀效應(yīng);突出低價(jià)的感覺;兩種視覺效果的對比：2.2.2品牌型和營銷型視覺2.3店鋪結(jié)構(gòu)店鋪由三部分組成。大頁面都是由頁頭、頁面、頁尾組成。店鋪首頁

LOGO

左側(cè)欄店鋪促銷區(qū)推薦寶貝頁頭頁面頁尾店鋪信息和搜索條

店鋪列表

店鋪詳情頁

店鋪招牌

左側(cè)欄

搜索列表店鋪招牌

左側(cè)欄

寶貝基礎(chǔ)頁面寶貝描述

寶貝相關(guān)信息2.3首頁布局1.首頁布局的作用（1）展示形象。形成區(qū)分和對品牌的信任感。（2）商品搜索。在首頁大眾用戶習(xí)慣的位置，方便找到需要的產(chǎn)品和下單。（3）推薦和活動(dòng)。吸引和激發(fā)客戶的潛在購買需求，并將內(nèi)容放大。2.3首頁布局2.首頁的模塊分解（1）店招。別覺的個(gè)性、酷和洋氣而降低客戶認(rèn)可度。明確信息、傳遞信息的作用。2.3首頁布局（2）logo。是一家店鋪的標(biāo)識(shí)。2.3首頁布局（3）通欄。通欄的作用是將這些自定義頁面用清晰明確的方式進(jìn)行介紹，并讓顧客馬上點(diǎn)擊。2.3首頁布局（4）導(dǎo)航。導(dǎo)航等導(dǎo)示系統(tǒng)。2.3首頁布局（5）分類。（6）活動(dòng)banner。2.3首頁布局3.首頁模塊的組合（1）以產(chǎn)品品牌為主的店鋪。

①品牌形象，logo。

②品牌產(chǎn)品優(yōu)勢。

③品牌服務(wù)優(yōu)勢。

④與同類產(chǎn)品對比的優(yōu)勢2.3首頁布局2.3首頁布局2.3首頁布局2.3.2描述頁布局1.寶貝描述包含的基本信息。2.寶貝描述功能分解。3.模塊排序。4.功能模塊排序的幾個(gè)誤區(qū)。5.兩種顧客類型的不同頁面設(shè)計(jì)。6.案例分析。7.寶貝描述設(shè)計(jì)要領(lǐng)。8.關(guān)聯(lián)營銷。9.制作寶貝描述的規(guī)范流程。2.3.2描述頁布局（1）寶貝描述圖的圖片拍攝。a.圖片清晰；b.真是展示；圖片拍攝要注意角度和景別兩方面：a.角度：多角度全面拍攝產(chǎn)品；b.景別：被攝體在畫面中呈現(xiàn)出的范圍大小區(qū)別。分為遠(yuǎn)景、全景、中景、近景、特寫。7.寶貝描述設(shè)計(jì)要領(lǐng)（2）展示產(chǎn)品的整體。2.3.2描述頁布局2.3.2描述頁布局2.3.2描述頁布局（3）展示產(chǎn)品局部細(xì)節(jié)。2.3.2描述頁布局2.3.2描述頁布局2.3.2描述頁布局2.3.2描述頁布局（4）展現(xiàn)品質(zhì)，引起買家的購物欲望。2.3.2描述頁布局（5）展現(xiàn)品牌，引起買家的購物欲望。

2.3.2描述頁布局（6）尺碼及售后說明。2.3.2描述頁布局8.關(guān)聯(lián)營銷在一個(gè)寶貝描述頁里，放另外一個(gè)或幾個(gè)產(chǎn)品促銷的信息。關(guān)聯(lián)營銷放在什么位置比較好？頁面跳失率高；轉(zhuǎn)化率高；數(shù)據(jù)決定位置；關(guān)聯(lián)營銷多少長度比較好？最多不要超過兩屏，最好在兩到三排，每排四個(gè)。關(guān)聯(lián)營銷放什么內(nèi)容比較好？?如果是跳失率高或銷量一般的寶貝描述頁，將熱銷產(chǎn)品作為關(guān)聯(lián)促銷內(nèi)容;

熱銷產(chǎn)品的寶貝描述頁，就放與該產(chǎn)品相關(guān)的產(chǎn)品;

同類產(chǎn)品相互關(guān)聯(lián)。2.3.2描述頁布局從買家角度出發(fā);分析顧客的心理需求;不要在所有的寶貝描述頁里放同樣的關(guān)聯(lián)營銷內(nèi)容。寶貝描述頁總結(jié)：把你的賣點(diǎn)喊出來；讓我知道你的優(yōu)勢與我有關(guān)；把你的品牌體現(xiàn)出來。9.制作寶貝描述的規(guī)范流程寶貝描述方案寶貝描述模版完整效果圖切片寶貝描述代碼寶貝上架2.3.2描述頁布局搜索列表頁是顧客在選擇分類或者搜索某個(gè)商品的名稱之后出現(xiàn)的一個(gè)頁面。需要注意的是：一屏以內(nèi)，輪播效果；分類設(shè)置推薦不要使用完全一致；輪播效果，關(guān)聯(lián)促銷作用。2.3.3搜索列表頁自定義頁的特點(diǎn)是：獨(dú)立頁面、有文字與圖像的組合、配合鏈接。自定義頁面的作用：（1）把賣點(diǎn)喊出來——我的優(yōu)勢與你有關(guān)。（2）把品牌體現(xiàn)出來——充分展示店鋪實(shí)力。2.3.4自定義頁2.3.4自定義頁2.3.4自定義頁2.3.4自定義頁1.顯而易見陳列的目的是促進(jìn)銷售，要做到突出產(chǎn)品，產(chǎn)品豐富多樣，就需要合理運(yùn)用空間，分配商品與商品間的間距。2.4商品陳列2.重點(diǎn)突出陳列的目的是促進(jìn)銷售，要做到突出產(chǎn)品，產(chǎn)品豐富多樣，就需要合理運(yùn)用空間，分配商品與商品間的間距。2.4商品陳列3.整齊統(tǒng)一性原則磁石效應(yīng)：是指在賣場中最能吸引顧客注意力的地方，配置合適的商品以促進(jìn)銷售，并能引導(dǎo)顧客逛完整個(gè)賣場，以提高顧客沖動(dòng)性購買比重。商品配置中的磁石點(diǎn)理論運(yùn)用的意義就在于，在賣場中最能吸引顧客注意力的地方配置合適的商品以促進(jìn)銷售，并且這種配置能引導(dǎo)顧客走遍整個(gè)賣場，最大限度地增加顧客購買率。2.4商品陳列4.色彩對比

放在一起吸引眼球。2.4商品陳列5.關(guān)聯(lián)陳列關(guān)聯(lián)陳列是指在一個(gè)中央雙面陳列貨架的兩側(cè)來陳列相關(guān)聯(lián)的商品。顧客依貨架的陳列方向行走并挑選商品，關(guān)聯(lián)性商品應(yīng)陳列在通道的兩側(cè)，或陳列在同一通道、同一方向、同一側(cè)面的不同組別的貨架上。其目的是使顧客在購買Ａ商品后，順便也購買陳列在旁邊的商品Ｂ或商品Ｃ。2.4商品陳列2.4.2商品搭配商品搭配是通過關(guān)聯(lián)陳列的運(yùn)用，針對有相似消費(fèi)需求的人群進(jìn)行研究和分析，將他們潛在需求的商品搭配在一起，從而提高客單價(jià)。商品搭配的陳列方式分為：并列式和遞進(jìn)式。2.4.2商品搭配2.4.3系列組合1.購物籃分析

購物籃分析是指通過消費(fèi)購買商品記錄來研究消費(fèi)者的購買行為，主要是為了找出哪些商品應(yīng)該放在一起，憑借顧客的購買行為來了解這些是什么樣的顧客，以及這些顧客會(huì)買哪些商品。2.同系列商品陳列

通過某一種元素或者風(fēng)格設(shè)計(jì)生產(chǎn)的獨(dú)特商品。3.商品陳列的意義

提升品牌形象，營