一(yī)體(tǐ)化(huà)解決方案

移動端産品難的(de)地(dì)方就(jiù)是(s™>↕Ωhì)在很(hěn)小(xiǎo)的(de)屏幕上(shàng)展示出你(nǐ&‍¶)所有(yǒu)的(de)業(yè)務。有(yǒu)了(le)屏幕的(deβ™≈)限制(zhì)，加上(shàng)移動端的(de)客戶碎片化(huà)閱讀  ♣★(dú)的(de)習(xí)慣和(hé)高(gāo)流₽ε失率。特别是(shì)電(diàn)商類app更難 ™÷展示出來(lái)。所以才有(yǒu)了(le)像列表式小(xiǎo)I♣ &£CON展示方式。電(diàn)商的(de)标準配置的(de)頁都(dōu)<←§會(huì)将banner保留下(xià)來(lái)了(&♦>≈le)，作(zuò)為(wèi)運營推廣重要(y÷♣®ào)的(de)手段之一(yī)。而電(diàn)商app是(≠≥shì)要(yào)展示內(nèi)容多(duō)也(yě)是(shì)難做★∞÷(zuò)的(de)一(yī)類app。既要(σ¥✔±yào)保證業(yè)務頁展示完整性，還(hái)要(yà™>o)保證用(yòng)戶體(tǐ)驗。所以在每一(y←σī)個(gè)頁面設計(jì)時(shí)都(dōu)要•₽γ(yào)講究一(yī)些(xiē)技(jì)巧和(hé)思考維度。選自ε↓(zì)網站(zhàn)建設-三好(hǎo)網絡微(wēi)₽☆δ÷信公衆号！

先進入app時(shí)候，我們頁屏就(jiù)要(yào)我們業(yè)務™←&給說(shuō)清楚。拿(ná)電(dià±↓n)商app為(wèi)例子(zǐ)，先統一(yī)的(de)banner。 '☆γ因為(wèi)電(diàn)商促銷活動是(shìδ¶)拉動消費(fèi)大(dà)的(de)源泉。而bann$↓er是(shì)很(hěn)好(hǎo)展示活動頁面的(dβ↓↕e)地(dì)方。4到(dào)6個(gè)banner就(jiù)能δ÷✔λ(néng)牢牢抓住用(yòng)戶貪便宜的(de)心理(lǐ)‌™λ。而且banner作(zuò)為(wèi)運營位 Ωλ也(yě)可(kě)以作(zuò)為(wèi)銷售的(d↕≥α"e)廣告位進行(xíng)出售。所以一(yī)開(kāi♥≤₩↑)始就(jiù)要(yào)看(kàn)©‍×見(jiàn)banner是(shì)很(hěn)好(hǎo)的☆§≈(de)展示。接下(xià)來(lái)電(diàn‍ )商會(huì)展示1排或者2排小(xiǎo)icon。這(zhè)些(xi♣♠ē)icon相(xiàng)當于web端的(de)分(fēn)類類目列表作(z÷Ω&λuò)用(yòng)。起到(dào)了(♥αle)讓用(yòng)戶知(zhī)道(dào)你(≠£nǐ)有(yǒu)哪些(xiē)賣的(de)東(dōn≤→g)西(xī)和(hé)哪些(xiē)服εσ∑務可(kě)以做(zuò)。當然像淘寶和(hé)京東(dōng)這(zhè)♣₩₹類的(de)就(jiù)是(shì)一(yī)個(§€δgè)大(dà)業(yè)務。而小(xi₩•§ǎo)電(diàn)商網站(zhàn)的(de)ICON往往是(s ¥hì)一(yī)個(gè)分(fēn)類。再往下(xià)面的(d←™&♣e)頁面展示內(nèi)容也(yě)都(dōu)不(bù)同了(le)。淘寶α‌和(hé)京東(dōng)會(huì)有•§₽(yǒu)秒(miǎo)殺品，秒(miǎo)殺品起到(dào"₹)的(de)作(zuò)用(yòng)就(jiù)是(shì)流量≈∑♥​品的(de)作(zuò)用(yòng)。流量品是(shì)♦σ£♥電(diàn)商帶動流量的(de)基礎。有(yǒu)了(le)流量品±¶才有(yǒu)了(le)盈利品一(yī)說(shuō)。大(dà≤♠)量流量進入app，才會(huì)盈利産生(shēng)♦εφ。之後的(de)往下(xià)的(de)頁面都(d✔₩ōu)是(shì)超出一(yī)個(gè)屏幕的(de)，用(yòng)來(l☆←☆ái)展示電(diàn)商每個(gè)細分(fēn)類别中知(¶₹↑zhī)名的(de)商品進行(xíng)展示。用(yòng)大(dà)量§☆×的(de)品類和(hé)優惠價格打動用(yòng)戶€•進入進行(xíng)消費(fèi)。電(diàn)商頁設計(jì)思λ α®路(lù)，從(cóng)上(shàng)往下(xià)思路(lù)是(shìΩβ)：通(tōng)過banner活動拉動流量（産品拉新活躍用(yòn♣∏₽♦g)戶，讓用(yòng)戶進來(lái)），展£λα示全部服務類别（用(yòng)戶知(zhī)道(dào)産品有(yǒu)哪些 ↕↔₹(xiē)商品和(hé)服務），秒(miǎo)殺用≥±≤(yòng)流量品帶動購(gòu)買量（讓用(yòng)戶知(zhī)道(dà™₩o)該商品和(hé)服務在我這(zhè)裡(l ≠♥ǐ)很(hěn)便宜），屏後的(de)頁面展示各大(dà×↓♠)類别（方便用(yòng)戶進入沉浸式浏覽方式）。

底部導航一(yī)般性分(fēn)為(wèi)4個(gè)到(dà‍★♣∞o)5個(gè)。拿(ná)電(diàn)商基本的(de)♦∞≤<底部導航欄設置是(shì)頁，分(fēn)類，購(gòu)物(wù)←$‌ 車(chē)，我的(de)頁面。頁已經說(shuō)過了(le)。底×&πβ部導航這(zhè)樣安排的(de)用(yòng)σ‌‍∞意依次是(shì)頁，起到(dào)作(zuò)用(yòng)λ₽∞↑是(shì)告訴我是(shì)賣什(shén)麽的∞₽↓(de)，用(yòng)戶你(nǐ)可(kě)以在我↑♠ 這(zhè)裡(lǐ)得(de)到(dào)什(shén)麽。然後通(π¥tōng)過第2屏幕到(dào)第6屏幕左右 '≤的(de)浏覽讓用(yòng)戶徹底明(míng)白(bái)你(n∑αǐ)這(zhè)裡(lǐ)的(de)能(n ≥±♣éng)買到(dào)什(shén)麽，順便讓用(yòng)戶進入心智$®模型裡(lǐ)。徹底進行(xíng)逛街(jiē)浏覽的(de)心理(lǐ)。ε↓分(fēn)類頁，用(yòng)戶已經知(zhī)§←道(dào)你(nǐ)是(shì)賣什(shé&™≤≈n)麽的(de)了(le)，那(nà)她(tā)就(jiù)要(yào)找到™≤α(dào)自(zì)己需要(yào)的(de)東(dōng)西(xī)了(≥↕σ≠le)。分(fēn)類頁面起到(dào)搜索的(de)作(zuò)ε♥↕用(yòng)。但(dàn)這(zhè)裡(l±•φ‌ǐ)的(de)搜索與頁頂部的(de)搜索框還(hái)♠★₹®不(bù)一(yī)樣。因為(wèi)分(fēn)類的(de)搜索帶有(yǒu↕♣ α)比價心理(lǐ)和(hé)一(yī)定不(bù)确定性，但(dσ àn)是(shì)卻是(shì)讓用(yòng)戶導流進入的‍±£(de)商品頁面知(zhī)名且更直接的(de)方式。這(zhè)裡(lǐ)順←↕便說(shuō)一(yī)下(xià)三種基本搜索方式≠←"：搜索框式搜索，分(fēn)類類目式搜索和(hé)推薦式的(de)↔→搜索方式。接下(xià)去(qù)購(g∏λòu)物(wù)車(chē)，作(zuò)為(wèi)電(d∑✘§≤iàn)商現(xiàn)在基本的(de)tab類目。當用(¶♠Ω♠yòng)戶把想要(yào)買的(de)東(dōng)西★₩(xī)都(dōu)扔到(dào)購(gòu)物(wù)車(chē)裡(lǐ↑€ )的(de)時(shí)候，符合用(yò÷ →ng)戶在逛超市(shì)時(shí)想要(yào<♦♦≈)付錢(qián)的(de)心理(lǐ)。購(gòu)物(wù)車☆∞✔÷(chē)不(bù)僅僅起到(dào)提示的(de)用(yòng)戶想要™★ (yào)購(gòu)買的(de)心理(lǐ)。也(yě)是(sh↔↑↕ì)不(bù)斷提醒用(yòng)戶要(yào)付錢(q↕→ián)的(de)過程。後一(yī)個(gè)我的(de)頁面，起∑≠到(dào)個(gè)人(rén)後台的(de)α≤作(zuò)用(yòng)，管理(lǐ)自(zì)γ•♣己夠後的(de)一(yī)系列狀态。所以整個(gè)t↔©ab底部導航從(cóng)左到(dào)右就(jiù)≠←♦是(shì)用(yòng)戶購(gòu)買過程σπ一(yī)個(gè)心理(lǐ)寫照(zhào)。

上(shàng)面頁和(hé)tab頁都(dōu)說(shuō)明(míng÷ε‌)了(le)用(yòng)戶購(gòu)買心理(lǐ)₩•±$過程。電(diàn)商産品上(shàng)為(wèi)了(le)快(k‌₹∞•uài)速抓住用(yòng)戶，往往采取​₹♥←原價多(duō)少(shǎo)，搶購(gò <α"u)多(duō)少(shǎo)。因為(wèi)用(±  yòng)戶購(gòu)買心理(lǐ)非常直接，誰便宜我買誰™♥✔∏。這(zhè)是(shì)人(rén)類的(de)天性，無法改≈↓"δ變。這(zhè)種通(tōng)過頁面展示上(shàng)，劃去(q←↓ù)原價，标紅(hóng)現(xiàn)價的©∏™&(de)做(zuò)法會(huì)就(jiù)是(shì)抓住這(zhè)個(<©¥gè)心理(lǐ)。還(hái)有(yǒu☆ε✔)秒(miǎo)殺品，有(yǒu)時(shí)間(jiān)δ↕₽限制(zhì)，不(bù)簡單促使用(yòng™α)戶快(kuài)速下(xià)單的(de)心理(lǐ)。如♣&♥(rú)果該用(yòng)戶買到(dào)該便宜實惠的(d®₩®Ωe)東(dōng)西(xī)，一(yī)定會(huì"≥γ)像朋(péng)友(yǒu)進行(xíng)炫耀。所以他(tā)的λ ÷≥(de)朋(péng)友(yǒu)也(yě)會(huì)去(q• ¶≥ù)進行(xíng)購(gòu)買。就(jiù)這(zhè)樣，就(jiù)♠↔形成了(le)線下(xià)帶動購(gòu)買的(de)過程。而線上(shàn→≥&₩g)，你(nǐ)往往可(kě)能(nén←♦♠g)買一(yī)個(gè)東(dōng)西(xī)，還(hái)太少(s∞Ω≤ hǎo)了(le)，所以去(qù)購(gòu)買别的(de)商品湊成滿多(du £✘ ō)少(shǎo)減多(duō)少(shǎo)。這(zhè)樣讓用(yòng)'σγ€戶覺得(de)買得(de)越多(duō)越賺的(••de)心理(lǐ)。就(jiù)這(zhè)樣λ±&快(kuài)速放(fàng)大(dà)用(yòng)戶喜歡買優惠東☆•↑(dōng)西(xī)的(de)心理(lǐ)。電(diànε♣↑)商還(hái)有(yǒu)通(tōng)過滿多(du‌♣∞ō)少(shǎo)免郵費(fèi)的(de)策略進行(xíng)銷售"↑。因為(wèi)郵費(fèi)是(shì)用(yòng)戶付出，總♠∑$覺的(de)不(bù)劃算(suàn)。但(dànπε↑)當郵費(fèi)轉加到(dào)商家(jiā)那(nà)邊，用(y''òng)戶就(jiù)會(huì)覺得(de)很¥€(hěn)劃算(suàn)。所以電(diàn)ε£商的(de)殺手锏一(yī)定是(shì)對•¥(duì)商品價格上(shàng)的(de)把控，淘寶比京東(dō →÷✘ng)優勢往往就(jiù)在價格上(shàng)。但ε£(dàn)是(shì)當用(yòng)戶對(duì)于服務感知(zhī→☆ ↔)上(shàng)升後，就(jiù)是(shì)供應鏈和(hé)物(wù ÷)流的(de)比較了(le)。所以從(cóng)電('β diàn)商産品可(kě)以看(kàn)出産品時(shσΩí)抓住一(yī)個(gè)用(yòng)戶的(dφ₹♥e)需求點，然後進行(xíng)不(bù)斷放(fàng)大(∑§•dà)過程。

自(zì)身(shēn)業(yè)務就(jiù)®≤是(shì)通(tōng)過頁和(hé)β&®σ分(fēn)類頁進行(xíng)展示過程。當用(yòng)'δ≠戶點擊進入頁面後，一(yī)定要(yào)準确知(✔♠£zhī)道(dào)你(nǐ)所要(yào)表達頁面信息。從(cγ©↕óng)商品列表頁開(kāi)始，就(jiù)是(shì)表達商品內(nèi)→₽​容的(de)一(yī)個(gè)過程。再進入具體→↔(tǐ)商品頁面的(de)時(shí)候，就(jiù)是(shì)對(duγε≈♣ì)商品內(nèi)容進行(xíng)詳細介紹的(de)過程。在每÷↕'γ一(yī)個(gè)頁面轉換的(de)過程£→，一(yī)定要(yào)牢牢抓住用(yòng)戶心理(lǐ)，進行(x≤ "☆íng)每一(yī)層深入。但(dàn)也(yě)σ>要(yào)快(kuài)速了(le)解業(yè)務。比如←Ω(rú)：從(cóng)一(yī)個(gè)女(nǚ)裝分(fēπ₽n)類頁面進入後，女(nǚ)裝列表頁，列表頁就(jiù)要(yào)對(d∞β₹♥uì)頁面做(zuò)一(yī)個(gè)篩選功能(néng)，篩✔"&♣選功能(néng)就(jiù)是(shì)快(kuài)速讓用(yòng)​λ戶找到(dào)用(yòng)戶想要(yào)的(de)δ₩東(dōng)西(xī)。就(jiù)是(shì)快(kuài)∞β♠×速表達自(zì)身(shēn)業(yè)務的(de)過程。¥→'進入女(nǚ)裝詳情頁時(shí)，我們會(huì)把該商品重要(yào↕ ↕")的(de)信息（大(dà)小(xiǎo)，∞≤₹顔色，尺碼等）都(dōu)按序進行(xín&✔g)排列展示出來(lái)。讓用(yòng)戶φπ快(kuài)速了(le)解該女(nǚ)裝的(de)大(≠₽πdà)小(xiǎo)，尺碼等重要(yào)信息後，可(kě)以快(kuài)σε速進行(xíng)做(zuò)出購(gòu)買決策。在移動端上(shàng)®¥​，一(yī)定要(yào)讓用(yòng)戶快(kuài)速了(le)解業(y>•è)務和(hé)內(nèi)容，快(kuàβ¥→i)速做(zuò)出購(gòu)買決策的(de) ★¥β過程。

移動端app多(duō)數(shù)頁面都(dōu)是(shì)設≤✘€計(jì)到(dào)3屏幕左右。電(diàn)商來(lái)€↕說(shuō)，一(yī)個(gè)頁面的>λ (de)上(shàng)下(xià)信息流轉的(de)過程是(shì)十&®​©分(fēn)流暢的(de)。拿(ná)電(‍≥∑♦diàn)商詳情頁來(lái)說(shuō)，先展示圖片。對(duì)α↔于用(yòng)戶來(lái)說(shuō)，π>‍圖片展示比文(wén)字更具有(yǒu)感染力。往往好(hǎo)看(k‌γ♦àn)的(de)圖片就(jiù)能(néng)讓用(yòn☆§g)戶進行(xíng)下(xià)單的(de)過程。然後展®™示重要(yào)的(de)信息。然用(yòng)戶對(duì)各種重要(y​ ào)的(de)信息進行(xíng)了(le)解的(de)§♠©過程。差不(bù)多(duō)進入第2屏幕開(kāi)始，就(jiù)是(sh¥πì)用(yòng)戶評論。為(wèi)什(s<✔>hén)麽是(shì)用(yòng)戶評論。因為♠>$α(wèi)大(dà)家(jiā)都(dōu)有(yǒu←>)從(cóng)衆心理(lǐ)，如(rú)果該商品購(gòu)買人(ré'₹n)數(shù)多(duō)，而且評論都(dōu)是(shì)好(hǎo) ÷₽評多(duō)的(de)話(huà)，購(gòu)買的(de)轉化(huà)率¥★¥α就(jiù)很(hěn)高(gāo)了(le)。所以在屏幕沒₩•£₩有(yǒu)決定購(gòu)買時(shí)候，第二屏幕的(de)用(yòng₽♣)戶評論就(jiù)能(néng)很(hěn)好(hǎΩ♠o)解決用(yòng)戶這(zhè)樣心理(lǐ)，消除購(g Ω®®òu)買的(de)猶豫。第三屏開(kāi)始，就(jiù)是(shì)商品詳細♠÷¶★參數(shù)進行(xíng)展示。這(zhè✘•✘)個(gè)過程中，是(shì)增加用(yòng)戶購(gòu)買商品的€εβ(de)決定，保證商品質量一(yī)個(gè)過程。所以商品詳情頁上(shàn ↑g)，從(cóng)用(yòng)戶簡單從(cóng)圖片和(hé)信息進行↔₽≈÷(xíng)了(le)解，此階段容易搞定的(de)用(Ω§↓yòng)戶已經進行(xíng)下(xià)單了(le)。 δ↑"然後通(tōng)過用(yòng)戶評論，解決用(yòng)戶購(gòu)買× 障礙。然後在商品詳細參數(shù)，進行(xíng) '≤一(yī)步說(shuō)明(míng)商品值得(de)購(g¶φΩòu)買性。頁面設計(jì)都(dōu)是(÷•'shì)牢牢相(xiàng)扣的(de)過程，也♥α≥(yě)是(shì)用(yòng)戶心理(lǐ)層層深入的(deγ≥₩")過程。

電(diàn)商移動端産品要(yào)做(>'λ₩zuò)到(dào)用(yòng)戶進行(xíng)沉浸式浏覽非±¥♦常難。因為(wèi)對(duì)買東(dōng)西(xī)來(lái)說(£<‌≤shuō)，無非就(jiù)三種。種，我知(zhī)道(dào)我要(yà"↔o)買什(shén)麽，買完就(jiù)走。第二種，我不♣‌☆(bù)知(zhī)道(dào)要(yào)買什(shén)麽，↑α↔瞎逛。第三種，上(shàng)來(lái)就(jiù)是(♣>shì)來(lái)看(kàn)看(kàn)便"φ'∑宜的(de)東(dōng)西(xī)。對(duì)種用(yòn•♦φ↕g)戶，形成浏覽很(hěn)難。第二種，用(yòn×<≥γg)戶就(jiù)是(shì)純浏覽的(de)。針β§'ε對(duì)這(zhè)類的(de)用(yòng)戶，電(diàn)商産品'✔β↔絕對(duì)不(bù)單純通(tōng)過通(tōng)過★$Ω返回來(lái)讓用(yòng)戶進行(xíng)浏覽。現< ≈(xiàn)在大(dà)數(shù)據推送£♥÷的(de)猜你(nǐ)喜歡的(de)功能(nénπ•↕g)就(jiù)是(shì)讓産品進行(xí♠"€<ng)閉環沉浸式的(de)過程。包括很(hěn)多(duō)推薦的(♥‌de)功能(néng)也(yě)是(shì)讓用(yòng'≈÷ )戶不(bù)斷進行(xíng)浏覽的(de)過程。對(duì)于第三✔♥∑≈種用(yòng)戶，他(tā)就(jiù)是(shì)購(π®ε®gòu)買流量品帶動基數(shù)。當他(tā)真×​↕正産生(shēng)需求時(shí)，他παΩ(tā)就(jiù)會(huì)轉化(huà)為(wèi)真正的(de)種購(γ§>♠gòu)買型用(yòng)戶。上(shà≤Ω≤ng)面從(cóng)用(yòng)戶角度出來(l₹♠ ái)，從(cóng)自(zì)身(shēn § )電(diàn)商角度出發，産品設計(jì)內(↑&nèi)部聯系緊密，對(duì)流量品帶動盈利品是(s <<♥hì)一(yī)個(gè)很(hěn)好(hǎo)的(de)設計(☆♣>jì)。關注，收藏商家(jiā)的(de)功能(n÷∞λéng)就(jiù)是(shì)對(duì)産品閉環設計☆←<(jì)的(de)補充。産品設計(jì)上(s€≈hàng)從(cóng)用(yòng)戶需求到(dào)業(yè)務服務都(∑∑←λdōu)要(yào)形成一(yī)個(gè)閉環。讓用(yòn§↕g)戶沉浸式浏覽設計(jì)才是(shì)¥≠✔Ω好(hǎo)的(de)設計(jì)。

用(yòng)戶價值就(jiù)是(shì)通(tōng)過流量π→$帶動各種業(yè)務擴展盈利的(de)過•λ✘≤程。用(yòng)完即走對(duì)電(d©☆iàn)商app來(lái)說(shuō)，就(ji÷¶ù)是(shì)用(yòng)戶從(cóng)進入×♦©®app到(dào)下(xià)單離(lí) ↑↓±開(kāi)。這(zhè)才是(shì)電(diàn)商appβ★用(yòng)完即走的(de)模式。隻有(yǒu•​"•)滿足的(de)用(yòng)戶需求後，用(yòng)完即✘σ走才是(shì)有(yǒu)意義的(de)。産品依托于δ✔  用(yòng)戶帶來(lái)價值，沒有(yǒu)用(y₩₹ £òng)戶沒有(yǒu)産品，電(diàn)商app也(yě)就(j​‌γiù)無法盈利了(le)。如(rú)果用(yòng)戶體(t÷♣ǐ)驗上(shàng)和(hé)産品業(yè)務展示形成沖突後，該怎麽辦 α≥？一(yī)定是(shì)用(yòng)©®戶體(tǐ)驗先行(xíng)，然後産品業(yè)©‍務展示進行(xíng)合理(lǐ)的(de)調整，然後一(yī)定能♥₹(néng)融入産品中。以用(yòng)戶需求為(wèi&εΩ)産品設計(jì)基準點，以服務和(hé)內(nèiΩ©↔&)容滿足用(yòng)戶需求的(de)全過程，後通(tōng)過付費(♣•±fèi)讓用(yòng)戶感受到(dào)愉快(kuài)。

後套用(yòng)一(yī)句話(huà)，以上(shàn∑•↔g)內(nèi)容都(dōu)是(shì)扯淡。↕‍其實移動端産品有(yǒu)三個(gè)重：重​±場(chǎng)景、重碎片化(huà)、重速度。移動端産品重在滿足碎片$£®β化(huà)用(yòng)戶場(chǎng)景，通(tō♥>ng)過更小(xiǎo)的(de)屏幕更快(kuài)展示産±€ €品內(nèi)容，和(hé)用(yòng)戶需求完成快(kuài)♣↔速對(duì)接的(de)過程。這(zhè)是(shì)✘₽移動端産品設計(jì)核心的(de)用(yòng•λ'∏)戶需求滿足。