移動(dòng)端電商類頁(yè)面設(shè)計(jì)說(shuō)-選自大連網(wǎng)站建設(shè)沙漠風(fēng)微信公眾號(hào)

移動(dòng)端產(chǎn)品難的地方就是在很小的屏幕上展示出你所有的業(yè)務(wù)。有了屏幕的限制，加上移動(dòng)端的客戶碎片化閱讀的習(xí)慣和高流失率。特別是電商類app更難展示出來(lái)。所以才有了像列表式小ICON展示方式。電商的標(biāo)準(zhǔn)配置的頁(yè)都會(huì)將banner保留下來(lái)了，作為運(yùn)營(yíng)推廣重要的手段之一。而電商app是要展示內(nèi)容多也是難做的一類app。既要保證業(yè)務(wù)頁(yè)展示完整性，還要保證用戶體驗(yàn)。所以在每一個(gè)頁(yè)面設(shè)計(jì)時(shí)都要講究一些技巧和思考維度。選自網(wǎng)站建設(shè)-創(chuàng)新互聯(lián)微信公眾號(hào)！

一、屏頁(yè)面需要展示的內(nèi)容

先進(jìn)入app時(shí)候，我們頁(yè)屏就要我們業(yè)務(wù)給說(shuō)清楚。拿電商app為例子，先統(tǒng)一的banner。因?yàn)殡娚檀黉N活動(dòng)是拉動(dòng)消費(fèi)大的源泉。而banner是很好展示活動(dòng)頁(yè)面的地方。4到6個(gè)banner就能牢牢抓住用戶貪便宜的心理。而且banner作為運(yùn)營(yíng)位也可以作為銷售的廣告位進(jìn)行出售。所以一開(kāi)始就要看見(jiàn)banner是很好的展示。接下來(lái)電商會(huì)展示1排或者2排小icon。這些icon相當(dāng)于web端的分類類目列表作用。起到了讓用戶知道你有哪些賣的東西和哪些服務(wù)可以做。當(dāng)然像淘寶和京東這類的就是一個(gè)大業(yè)務(wù)。而小電商網(wǎng)站的ICON往往是一個(gè)分類。再往下面的頁(yè)面展示內(nèi)容也都不同了。淘寶和京東會(huì)有秒殺品，秒殺品起到的作用就是流量品的作用。流量品是電商帶動(dòng)流量的基礎(chǔ)。有了流量品才有了盈利品一說(shuō)。大量流量進(jìn)入app，才會(huì)盈利產(chǎn)生。之后的往下的頁(yè)面都是超出一個(gè)屏幕的，用來(lái)展示電商每個(gè)細(xì)分類別中知名的商品進(jìn)行展示。用大量的品類和優(yōu)惠價(jià)格打動(dòng)用戶進(jìn)入進(jìn)行消費(fèi)。電商頁(yè)設(shè)計(jì)思路，從上往下思路是：通過(guò)banner活動(dòng)拉動(dòng)流量（產(chǎn)品拉新活躍用戶，讓用戶進(jìn)來(lái)），展示全部服務(wù)類別（用戶知道產(chǎn)品有哪些商品和服務(wù)），秒殺用流量品帶動(dòng)購(gòu)買量（讓用戶知道該商品和服務(wù)在我這里很便宜），屏后的頁(yè)面展示各大類別（方便用戶進(jìn)入沉浸式瀏覽方式）。

二、底部導(dǎo)航欄怎么展示

底部導(dǎo)航一般性分為4個(gè)到5個(gè)。拿電商基本的底部導(dǎo)航欄設(shè)置是頁(yè)，分類，購(gòu)物車，我的頁(yè)面。頁(yè)已經(jīng)說(shuō)過(guò)了。底部導(dǎo)航這樣安排的用意依次是頁(yè)，起到作用是告訴我是賣什么的，用戶你可以在我這里得到什么。然后通過(guò)第2屏幕到第6屏幕左右的瀏覽讓用戶徹底明白你這里的能買到什么，順便讓用戶進(jìn)入心智模型里。徹底進(jìn)行逛街瀏覽的心理。分類頁(yè)，用戶已經(jīng)知道你是賣什么的了，那她就要找到自己需要的東西了。分類頁(yè)面起到搜索的作用。但這里的搜索與頁(yè)頂部的搜索框還不一樣。因?yàn)榉诸惖乃阉鲙в斜葍r(jià)心理和一定不確定性，但是卻是讓用戶導(dǎo)流進(jìn)入的商品頁(yè)面知名且更直接的方式。這里順便說(shuō)一下三種基本搜索方式：搜索框式搜索，分類類目式搜索和推薦式的搜索方式。接下去購(gòu)物車，作為電商現(xiàn)在基本的tab類目。當(dāng)用戶把想要買的東西都扔到購(gòu)物車?yán)锏臅r(shí)候，符合用戶在逛超市時(shí)想要付錢(qián)的心理。購(gòu)物車不僅僅起到提示的用戶想要購(gòu)買的心理。也是不斷提醒用戶要付錢(qián)的過(guò)程。后一個(gè)我的頁(yè)面，起到個(gè)人后臺(tái)的作用，管理自己夠后的一系列狀態(tài)。所以整個(gè)tab底部導(dǎo)航從左到右就是用戶購(gòu)買過(guò)程一個(gè)心理寫(xiě)照。

三、快速抓住用戶心理

上面頁(yè)和tab頁(yè)都說(shuō)明了用戶購(gòu)買心理過(guò)程。電商產(chǎn)品上為了快速抓住用戶，往往采取原價(jià)多少，搶購(gòu)多少。因?yàn)橛脩糍?gòu)買心理非常直接，誰(shuí)便宜我買誰(shuí)。這是人類的天性，無(wú)法改變。這種通過(guò)頁(yè)面展示上，劃去原價(jià)，標(biāo)紅現(xiàn)價(jià)的做法會(huì)就是抓住這個(gè)心理。還有秒殺品，有時(shí)間限制，不簡(jiǎn)單促使用戶快速下單的心理。如果該用戶買到該便宜實(shí)惠的東西，一定會(huì)像朋友進(jìn)行炫耀。所以他的朋友也會(huì)去進(jìn)行購(gòu)買。就這樣，就形成了線下帶動(dòng)購(gòu)買的過(guò)程。而線上，你往往可能買一個(gè)東西，還太少了，所以去購(gòu)買別的商品湊成滿多少減多少。這樣讓用戶覺(jué)得買得越多越賺的心理。就這樣快速放大用戶喜歡買優(yōu)惠東西的心理。電商還有通過(guò)滿多少免郵費(fèi)的策略進(jìn)行銷售。因?yàn)猷]費(fèi)是用戶付出，總覺(jué)的不劃算。但當(dāng)郵費(fèi)轉(zhuǎn)加到商家那邊，用戶就會(huì)覺(jué)得很劃算。所以電商的殺手锏一定是對(duì)商品價(jià)格上的把控，淘寶比京東優(yōu)勢(shì)往往就在價(jià)格上。但是當(dāng)用戶對(duì)于服務(wù)感知上升后，就是供應(yīng)鏈和物流的比較了。所以從電商產(chǎn)品可以看出產(chǎn)品時(shí)抓住一個(gè)用戶的需求點(diǎn)，然后進(jìn)行不斷放大過(guò)程。

四、快速表達(dá)自身業(yè)務(wù)和內(nèi)容

自身業(yè)務(wù)就是通過(guò)頁(yè)和分類頁(yè)進(jìn)行展示過(guò)程。當(dāng)用戶點(diǎn)擊進(jìn)入頁(yè)面后，一定要準(zhǔn)確知道你所要表達(dá)頁(yè)面信息。從商品列表頁(yè)開(kāi)始，就是表達(dá)商品內(nèi)容的一個(gè)過(guò)程。再進(jìn)入具體商品頁(yè)面的時(shí)候，就是對(duì)商品內(nèi)容進(jìn)行詳細(xì)介紹的過(guò)程。在每一個(gè)頁(yè)面轉(zhuǎn)換的過(guò)程，一定要牢牢抓住用戶心理，進(jìn)行每一層深入。但也要快速了解業(yè)務(wù)。比如：從一個(gè)女裝分類頁(yè)面進(jìn)入后，女裝列表頁(yè)，列表頁(yè)就要對(duì)頁(yè)面做一個(gè)篩選功能，篩選功能就是快速讓用戶找到用戶想要的東西。就是快速表達(dá)自身業(yè)務(wù)的過(guò)程。進(jìn)入女裝詳情頁(yè)時(shí)，我們會(huì)把該商品重要的信息（大小，顏色，尺碼等）都按序進(jìn)行排列展示出來(lái)。讓用戶快速了解該女裝的大小，尺碼等重要信息后，可以快速進(jìn)行做出購(gòu)買決策。在移動(dòng)端上，一定要讓用戶快速了解業(yè)務(wù)和內(nèi)容，快速做出購(gòu)買決策的過(guò)程。

五、頁(yè)面布局到第3屏幕牢牢相扣

移動(dòng)端app多數(shù)頁(yè)面都是設(shè)計(jì)到3屏幕左右。電商來(lái)說(shuō)，一個(gè)頁(yè)面的上下信息流轉(zhuǎn)的過(guò)程是十分流暢的。拿電商詳情頁(yè)來(lái)說(shuō)，先展示圖片。對(duì)于用戶來(lái)說(shuō)，圖片展示比文字更具有感染力。往往好看的圖片就能讓用戶進(jìn)行下單的過(guò)程。然后展示重要的信息。然用戶對(duì)各種重要的信息進(jìn)行了解的過(guò)程。差不多進(jìn)入第2屏幕開(kāi)始，就是用戶評(píng)論。為什么是用戶評(píng)論。因?yàn)榇蠹叶加袕谋娦睦恚绻撋唐焚?gòu)買人數(shù)多，而且評(píng)論都是好評(píng)多的話，購(gòu)買的轉(zhuǎn)化率就很高了。所以在屏幕沒(méi)有決定購(gòu)買時(shí)候，第二屏幕的用戶評(píng)論就能很好解決用戶這樣心理，消除購(gòu)買的猶豫。第三屏開(kāi)始，就是商品詳細(xì)參數(shù)進(jìn)行展示。這個(gè)過(guò)程中，是增加用戶購(gòu)買商品的決定，保證商品質(zhì)量一個(gè)過(guò)程。所以商品詳情頁(yè)上，從用戶簡(jiǎn)單從圖片和信息進(jìn)行了解，此階段容易搞定的用戶已經(jīng)進(jìn)行下單了。然后通過(guò)用戶評(píng)論，解決用戶購(gòu)買障礙。然后在商品詳細(xì)參數(shù)，進(jìn)行一步說(shuō)明商品值得購(gòu)買性。頁(yè)面設(shè)計(jì)都是牢牢相扣的過(guò)程，也是用戶心理層層深入的過(guò)程。

六、做到移動(dòng)端產(chǎn)品閉環(huán)式沉浸式

電商移動(dòng)端產(chǎn)品要做到用戶進(jìn)行沉浸式瀏覽非常難。因?yàn)閷?duì)買東西來(lái)說(shuō)，無(wú)非就三種。種，我知道我要買什么，買完就走。第二種，我不知道要買什么，瞎逛。第三種，上來(lái)就是來(lái)看看便宜的東西。對(duì)種用戶，形成瀏覽很難。第二種，用戶就是純?yōu)g覽的。針對(duì)這類的用戶，電商產(chǎn)品絕對(duì)不單純通過(guò)通過(guò)返回來(lái)讓用戶進(jìn)行瀏覽?，F(xiàn)在大數(shù)據(jù)推送的猜你喜歡的功能就是讓產(chǎn)品進(jìn)行閉環(huán)沉浸式的過(guò)程。包括很多推薦的功能也是讓用戶不斷進(jìn)行瀏覽的過(guò)程。對(duì)于第三種用戶，他就是購(gòu)買流量品帶動(dòng)基數(shù)。當(dāng)他真正產(chǎn)生需求時(shí)，他就會(huì)轉(zhuǎn)化為真正的種購(gòu)買型用戶。上面從用戶角度出來(lái)，從自身電商角度出發(fā)，產(chǎn)品設(shè)計(jì)內(nèi)部聯(lián)系緊密，對(duì)流量品帶動(dòng)盈利品是一個(gè)很好的設(shè)計(jì)。關(guān)注，收藏商家的功能就是對(duì)產(chǎn)品閉環(huán)設(shè)計(jì)的補(bǔ)充。產(chǎn)品設(shè)計(jì)上從用戶需求到業(yè)務(wù)服務(wù)都要形成一個(gè)閉環(huán)。讓用戶沉浸式瀏覽設(shè)計(jì)才是好的設(shè)計(jì)。

七、用完即走，用戶價(jià)值為依歸

用戶價(jià)值就是通過(guò)流量帶動(dòng)各種業(yè)務(wù)擴(kuò)展盈利的過(guò)程。用完即走對(duì)電商app來(lái)說(shuō)，就是用戶從進(jìn)入app到下單離開(kāi)。這才是電商app用完即走的模式。只有滿足的用戶需求后，用完即走才是有意義的。產(chǎn)品依托于用戶帶來(lái)價(jià)值，沒(méi)有用戶沒(méi)有產(chǎn)品，電商app也就無(wú)法盈利了。如果用戶體驗(yàn)上和產(chǎn)品業(yè)務(wù)展示形成沖突后，該怎么辦？一定是用戶體驗(yàn)先行，然后產(chǎn)品業(yè)務(wù)展示進(jìn)行合理的調(diào)整，然后一定能融入產(chǎn)品中。以用戶需求為產(chǎn)品設(shè)計(jì)基準(zhǔn)點(diǎn)，以服務(wù)和內(nèi)容滿足用戶需求的全過(guò)程，后通過(guò)付費(fèi)讓用戶感受到愉快。

后套用一句話，以上內(nèi)容都是扯淡。其實(shí)移動(dòng)端產(chǎn)品有三個(gè)重：重場(chǎng)景、重碎片化、重速度。移動(dòng)端產(chǎn)品重在滿足碎片化用戶場(chǎng)景，通過(guò)更小的屏幕更快展示產(chǎn)品內(nèi)容，和用戶需求完成快速對(duì)接的過(guò)程。這是移動(dòng)端產(chǎn)品設(shè)計(jì)核心的用戶需求滿足。

分享標(biāo)題：移動(dòng)端電商類頁(yè)面設(shè)計(jì)說(shuō)-選自大連網(wǎng)站建設(shè)沙漠風(fēng)微信公眾號(hào)
分享路徑：http://muchs.cn/news2/180952.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁(yè)設(shè)計(jì)公司、靜態(tài)網(wǎng)站、標(biāo)簽優(yōu)化、網(wǎng)站設(shè)計(jì)公司、動(dòng)態(tài)網(wǎng)站、域名注冊(cè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)