移動端產品難的地方就是在很小的螢幕上展示出您所有的業務。有了螢幕的限制,加上移動端的客户碎片化閲讀的習慣和高流失率。特別是電商類 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 也就無法盈利了。如果多用户體驗上和產品業務展示形成衝突後,該怎麼辦?一定是多用户體驗先行,然後產品業務展示進行合理的調整,然後一定能融入產品中。以多用户需求為產品設計基準點,以服務和內容滿足多用户需求的全過程,後通過付費讓多用户感受到愉快。

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