移動端產品難的地方就是在很小的屏幕上展示出你所有的業務。有了屏幕的限制，加上移動端的客戶碎片化閱讀的習慣和高流失率。特別是電商類app更難展示出來。所以才有了像列表式小ICON展示方式。電商的標準配置的頁都會將banner保留下來了，作為運營推廣重要的手段之一。而電商app是要展示內容多也是難做的一類app。既要保證業務頁展示完整性，還要保證用戶體驗。所以在每一個頁面設計時都要講究一些技巧和思考維度。選自佛山網站建設-創新互聯微信公眾號！

一、屏頁面需要展示的內容

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

二、底部導航欄怎么展示

底部導航一般性分為4個到5個。拿電商基本的底部導航欄設置是頁，分類，購物車，我的頁面。頁已經說過了。底部導航這樣安排的用意依次是頁，起到作用是告訴我是賣什么的，用戶你可以在我這里得到什么。然后通過第2屏幕到第6屏幕左右的瀏覽讓用戶徹底明白你這里的能買到什么，順便讓用戶進入心智模型里。徹底進行逛街瀏覽的心理。分類頁，用戶已經知道你是賣什么的了，那她就要找到自己需要的東西了。分類頁面起到搜索的作用。但這里的搜索與頁頂部的搜索框還不一樣。因為分類的搜索帶有比價心理和一定不確定性，但是卻是讓用戶導流進入的商品頁面知名且更直接的方式。這里順便說一下三種基本搜索方式：搜索框式搜索，分類類目式搜索和推薦式的搜索方式。接下去購物車，作為電商現在基本的tab類目。當用戶把想要買的東西都扔到購物車里的時候，符合用戶在逛超市時想要付錢的心理。購物車不僅僅起到提示的用戶想要購買的心理。也是不斷提醒用戶要付錢的過程。后一個我的頁面，起到個人后臺的作用，管理自己夠后的一系列狀態。所以整個tab底部導航從左到右就是用戶購買過程一個心理寫照。

三、快速抓住用戶心理

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

四、快速表達自身業務和內容

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

五、頁面布局到第3屏幕牢牢相扣

移動端app多數頁面都是設計到3屏幕左右。電商來說，一個頁面的上下信息流轉的過程是十分流暢的。拿電商詳情頁來說，先展示圖片。對于用戶來說，圖片展示比文字更具有感染力。往往好看的圖片就能讓用戶進行下單的過程。然后展示重要的信息。然用戶對各種重要的信息進行了解的過程。差不多進入第2屏幕開始，就是用戶評論。為什么是用戶評論。因為大家都有從眾心理，如果該商品購買人數多，而且評論都是好評多的話，購買的轉化率就很高了。所以在屏幕沒有決定購買時候，第二屏幕的用戶評論就能很好解決用戶這樣心理，消除購買的猶豫。第三屏開始，就是商品詳細參數進行展示。這個過程中，是增加用戶購買商品的決定，保證商品質量一個過程。所以商品詳情頁上，從用戶簡單從圖片和信息進行了解，此階段容易搞定的用戶已經進行下單了。然后通過用戶評論，解決用戶購買障礙。然后在商品詳細參數，進行一步說明商品值得購買性。頁面設計都是牢牢相扣的過程，也是用戶心理層層深入的過程。

六、做到移動端產品閉環式沉浸式

電商移動端產品要做到用戶進行沉浸式瀏覽非常難。因為對買東西來說，無非就三種。種，我知道我要買什么，買完就走。第二種，我不知道要買什么，瞎逛。第三種，上來就是來看看便宜的東西。對種用戶，形成瀏覽很難。第二種，用戶就是純瀏覽的。針對這類的用戶，電商產品絕對不單純通過通過返回來讓用戶進行瀏覽。現在大數據推送的猜你喜歡的功能就是讓產品進行閉環沉浸式的過程。包括很多推薦的功能也是讓用戶不斷進行瀏覽的過程。對于第三種用戶，他就是購買流量品帶動基數。當他真正產生需求時，他就會轉化為真正的種購買型用戶。上面從用戶角度出來，從自身電商角度出發，產品設計內部聯系緊密，對流量品帶動盈利品是一個很好的設計。關注，收藏商家的功能就是對產品閉環設計的補充。產品設計上從用戶需求到業務服務都要形成一個閉環。讓用戶沉浸式瀏覽設計才是好的設計。

七、用完即走，用戶價值為依歸

用戶價值就是通過流量帶動各種業務擴展盈利的過程。用完即走對電商app來說，就是用戶從進入app到下單離開。這才是電商app用完即走的模式。只有滿足的用戶需求后，用完即走才是有意義的。產品依托于用戶帶來價值，沒有用戶沒有產品，電商app也就無法盈利了。如果用戶體驗上和產品業務展示形成沖突后，該怎么辦？一定是用戶體驗先行，然后產品業務展示進行合理的調整，然后一定能融入產品中。以用戶需求為產品設計基準點，以服務和內容滿足用戶需求的全過程，后通過付費讓用戶感受到愉快。

后套用一句話，以上內容都是扯淡。其實移動端產品有三個重：重場景、重碎片化、重速度。移動端產品重在滿足碎片化用戶場景，通過更小的屏幕更快展示產品內容，和用戶需求完成快速對接的過程。這是移動端產品設計核心的用戶需求滿足。

文章標題：移動端電商類頁面設計說-選自成都網站建設創新互聯微信公眾號
文章URL：http://m.kartarina.com/news/210073.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站建設、微信公眾號等

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯