移動端產品難的地方就是在很小的螢幕上展示出您所有的業務。有了螢幕的限制,加上移動端的客戶碎片化閱讀的習慣和高流失率。特別是電商類 WordPress APP 更難展示出來。所以才有了像列表式小 ICON 展示方式。電商的標準配置的頁都會將 banner 保留下來了,作為運營推廣重要的手段之一。而電商 WordPress APP 是要展示內容多也是難做的一類 WordPress APP 。既要保證業務頁展示完整性,還要保證多使用者體驗。所以在每一個頁面設計時都要講究一些技巧和思考維度。選自 WordPress 網站建設-SEO 站群 WordPress 微信公眾號!
一、屏頁面需要展示的內容
先進入 WordPress APP 時候,我們頁屏就要我們業務給說清楚。拿電商 WordPress APP 為例子,先統一的 banner 。因為電商促銷活動是拉動消費大的源泉。而 banner 是很好展示活動頁面的地方。 4 到 6 個 banner 就能牢牢抓住多使用者貪便宜的心理。而且 banner 作為運營位也可以作為銷售的廣告位進行出售。所以一開始就要看見 banner 是很好的展示。接下來電商會展示 1 排或者 2 排小 icon 。這些 icon 相當於 web 端的分類類目列表作用。起到了讓多使用者知道您有哪些賣的東西和哪些服務可以做。當然像淘寶和京東這類的就是一個大業務。而小電商網站的 ICON 往往是一個分類。再往下面的頁面展示內容也都不同了。淘寶和京東會有秒殺品,秒殺品起到的作用就是流量品的作用。流量品是電商帶動流量的基礎。有了流量品才有了盈利品一說。大量流量進入 WordPress APP,才會盈利產生。之後的往下的頁面都是超出一個螢幕的,用來展示電商每個細分類別中知名的商品進行展示。用大量的品類和優惠價格打動多使用者進入進行消費。電商頁設計思路,從上往下思路是:透過 banner 活動拉動流量(產品拉新活躍多使用者,讓多使用者進來),展示全部服務類別(多使用者知道產品有哪些商品和服務),秒殺用流量品帶動購買量(讓多使用者知道該商品和服務在我這裡很便宜),屏後的頁面展示各大類別(方便多使用者進入沉浸式瀏覽方式)。
二、底部導航欄怎麼展示
底部導航一般性分為 4 個到 5 個。拿電商基本的底部導航欄設定是頁,分類,購物車,我的頁面。頁已經說過了。底部導航這樣安排的用意依次是頁,起到作用是告訴我是賣什麼的,多使用者您可以在我這裡得到什麼。然後透過第 2 螢幕到第 6 螢幕左右的瀏覽讓多使用者徹底明白您這裡的能買到什麼,順便讓多使用者進入心智模型裡。徹底進行逛街瀏覽的心理。分類頁,多使用者已經知道您是賣什麼的了,那她就要找到自己需要的東西了。分類頁面起到搜尋的作用。但這裡的搜尋與頁頂部的搜尋框還不一樣。因為分類的搜尋帶有比價心理和一定不確定性,但是卻是讓多使用者導流進入的商品頁面知名且更直接的方式。這裡順便說一下三種基本搜尋方式:搜尋框式搜尋,分類類目式搜尋和推薦式的搜尋方式。接下去購物車,作為電商現在基本的 tab 類目。當多使用者把想要買的東西都扔到購物車裡的時候,符合多使用者在逛超市時想要付錢的心理。購物車不僅僅起到提示的多使用者想要購買的心理。也是不斷提醒多使用者要付錢的過程。後一個我的頁面,起到個人後臺的作用,管理自己夠後的一系列狀態。所以整個 tab 底部導航從左到右就是多使用者購買過程一個心理寫照。
三、快速抓住多使用者心理
上面頁和 tab 頁都說明了多使用者購買心理過程。電商產品上為了快速抓住多使用者,往往採取原價多少,搶購多少。因為多使用者購買心理非常直接,誰便宜我買誰。這是人類的天性,無法改變。這種透過頁面展示上,劃去原價,標紅現價的做法會就是抓住這個心理。還有秒殺品,有時間限制,不簡單促使多使用者快速下單的心理。如果該多使用者買到該便宜實惠的東西,一定會像朋友進行炫耀。所以他的朋友也會去進行購買。就這樣,就形成了線下帶動購買的過程。而線上,您往往可能買一個東西,還太少了,所以去購買別的商品湊成滿多少減多少。這樣讓多使用者覺得買得越多越賺的心理。就這樣快速放大多使用者喜歡買優惠東西的心理。電商還有透過滿多少免郵費的策略進行銷售。因為郵費是多使用者付出,總覺的不划算。但當郵費轉加到商家那邊,多使用者就會覺得很划算。所以電商的殺手鐧一定是對商品價格上的把控,淘寶比京東優勢往往就在價格上。但是當多使用者對於服務感知上升後,就是供應鏈和物流的比較了。所以從電商產品可以看出產品時抓住一個多使用者的需求點,然後進行不斷放大過程。
四、快速表達自身業務和內容
自身業務就是透過頁和分類頁進行展示過程。當多使用者點選進入頁面後,一定要準確知道您所要表達頁面資訊。從商品列表頁開始,就是表達商品內容的一個過程。再進入具體商品頁面的時候,就是對商品內容進行詳細介紹的過程。在每一個頁面轉換的過程,一定要牢牢抓住多使用者心理,進行每一層深入。但也要快速瞭解業務。比如:從一個女裝分類頁面進入後,女裝列表頁,列表頁就要對頁面做一個篩選功能,篩選功能就是快速讓多使用者找到多使用者想要的東西。就是快速表達自身業務的過程。進入女裝詳情頁時,我們會把該商品重要的資訊(大小,顏色,尺碼等)都按序進行排列展示出來。讓多使用者快速瞭解該女裝的大小,尺碼等重要資訊後,可以快速進行做出購買決策。在移動端上,一定要讓多使用者快速瞭解業務和內容,快速做出購買決策的過程。
五、頁面佈局到第 3 螢幕牢牢相扣
移動端 WordPress APP 多數頁面都是設計到 3 螢幕左右。電商來說,一個頁面的上下資訊流轉的過程是十分流暢的。拿電商詳情頁來說,先展示圖片。對於多使用者來說,圖片展示比文字更具有感染力。往往好看的圖片就能讓多使用者進行下單的過程。然後展示重要的資訊。然多使用者對各種重要的資訊進行了解的過程。差不多進入第 2 螢幕開始,就是多使用者評論。為什麼是多使用者評論。因為大家都有從眾心理,如果該商品購買人數多,而且評論都是好評多的話,購買的轉化率就很高了。所以在螢幕沒有決定購買時候,第二螢幕的多使用者評論就能很好解決多使用者這樣心理,消除購買的猶豫。第三屏開始,就是商品詳細引數進行展示。這個過程中,是增加多使用者購買商品的決定,保證商品質量一個過程。所以商品詳情頁上,從多使用者簡單從圖片和資訊進行了解,此階段容易搞定的多使用者已經進行下單了。然後透過多使用者評論,解決多使用者購買障礙。然後在商品詳細引數,進行一步說明商品值得購買性。頁面設計都是牢牢相扣的過程,也是多使用者心理層層深入的過程。
六、做到移動端產品閉環式沉浸式
電商移動端產品要做到多使用者進行沉浸式瀏覽非常難。因為對買東西來說,無非就三種。種,我知道我要買什麼,買完就走。第二種,我不知道要買什麼,瞎逛。第三種,上來就是來看看便宜的東西。對種多使用者,形成瀏覽很難。第二種,多使用者就是純瀏覽的。針對這類的多使用者,電商產品絕對不單純透過透過返回來讓多使用者進行瀏覽。現在大資料推送的猜您喜歡的功能就是讓產品進行閉環沉浸式的過程。包括很多推薦的功能也是讓多使用者不斷進行瀏覽的過程。對於第三種多使用者,他就是購買流量品帶動基數。當他真正產生需求時,他就會轉化為真正的種購買型多使用者。上面從多使用者角度出來,從自身電商角度出發,產品設計內部聯絡緊密,對流量品帶動盈利品是一個很好的設計。關注,收藏商家的功能就是對產品閉環設計的補充。產品設計上從多使用者需求到業務服務都要形成一個閉環。讓多使用者沉浸式瀏覽設計才是好的設計。
七、用完即走,多使用者價值為依歸
多使用者價值就是透過流量帶動各種業務擴充套件盈利的過程。用完即走對電商 WordPress APP 來說,就是多使用者從進入 WordPress APP 到下單離開。這才是電商 WordPress APP 用完即走的模式。只有滿足的多使用者需求後,用完即走才是有意義的。產品依託於多使用者帶來價值,沒有多使用者沒有產品,電商 WordPress APP 也就無法盈利了。如果多使用者體驗上和產品業務展示形成衝突後,該怎麼辦?一定是多使用者體驗先行,然後產品業務展示進行合理的調整,然後一定能融入產品中。以多使用者需求為產品設計基準點,以服務和內容滿足多使用者需求的全過程,後透過付費讓多使用者感受到愉快。

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