編輯導讀：首頁是訪問用戶最多的頁面，這里展示的業務都需要引導用戶去購買商品或完成特定的行為。那么，APP首頁應該放些什么內容呢？本文作者將從導購思維的角度進行分析，希望對你有幫助。

設計首頁該放什么內容，團隊成員的關注點都不一樣，需要綜合考慮進去，放什么內容模塊可能是基于個人喜好來定的，也可能是基于群體智慧來定的。不管基于什么原因，總的來說，首頁的布局和展示什么內容不能脫離業務目標，否則就是個頁面而已。

在堆放頁面內容時，我建議始終微軟“導購思維”來做，首頁是訪問用戶最多的頁面，這里展示的業務都需要引導用戶去購買商品或完成特定的行為。設計功能模塊時，優先考慮效用，效用不高的板塊就不要放上去了，除了能安慰自己以為，用戶很難在意沒有效用的內容。

回顧上一篇文章，我交代清楚了奢侈品項目的業務背景和新業務的使命，這一篇就直接進入到首頁的規劃了。

一、長短頁面交互重點不同

手機屏幕上用戶關注點最高的是屏幕的頂部、底部和邊上的幾個角落，所以iOS和Android的設計規范里把按鈕放在些位置，按鈕放在屏幕右上角的場景常見于社交產品發布動態頁面的“發布”按鈕，QQ音樂APP社區的界面就是普遍的例子；按鈕放在頁面底部的場景常見于電商產品的“立即購買”按鈕。

但除了按鈕以外，我們在設計首頁時需要放跟多的信息，這里需要注意一下，需要用戶上下翻幾屏的長頁面和不需要翻只有一頁的頁面交互重點是不同的。對長頁面來說，信息對用戶的優先級是從上到下遞減的，越是放在頁面上方的內容，越是能夠優先抓住用戶的注意力。對于只需要一屏的短頁面來說，信息對用戶的優先級是集中在頁面的頭部和底部。

二、無限退APP首頁功能有哪些

在設計首頁的時候，需要把重要的內容先堆放在頁面的頭部，所以我在設計首頁的時候，會選擇把新人專享商品、會員卡放在頁面的頭部。其中，新人專享商品目的是為了把新用戶在轉換成付費用戶，在和運營團隊討論的時候必須要明確這一點，否則會碰見運營不理解業務目標的情況下，上傳不具備吸引力的商品；而會員卡是團隊最主要的營收，并且會員卡里面還有無限退的折扣特權，所以會員卡有必要放出來，展示給沒有購買會員卡的用戶瀏覽。

剩下的主要內容是一個砍價專區和平臺商品的展示區域，本次版本是第一版，所以商品的排序只根據添加時間，不會去做復雜的標簽和用戶推薦，先來看一下完成的首頁原型圖，如下所示：

圖1-首頁原型圖

頁面從上到下的功能整理成一個表格，分別看一下詳細描述：

1. 輪播圖管理

輪播圖的管理后臺就沿用租賃業務的，只需要在原來的系統上添加一個單選分類即可，該分類的名成是“無限退首頁”，勾選該分類后就把輪播圖添加到無限退業務的首頁，不需要重新開發全新的功能，原型如下圖：

圖2-廣告管理原型圖

2. 商品管理邏輯說明

我把新人專享、特價清倉、砍價叫做商品管理，這些專區的商品管理邏輯是從全站SPU商品庫里面調出的庫存，目的是為了保證商品信息的準確性以及庫存保持一致，邏輯圖如下：

圖3-商品管理邏輯圖

整體來講，邏輯就是從總的商品里面選出指定的數量來參加活動，直到數量賣完后對應的SKU就下架，建議在設計商品或其他類似的內容時，也設定SPU庫的概念，內容和活動業務分離，靈活相互組合和調用。

3. 創建新人專享商品

① 商品列表

圖4-新人專享后臺商品列表原型圖

首先來看看新人專享商品列表的原型，狀態上只需要分上架中和已下架兩個類即可，上架中的商品需要顯示參與新人專享活動的商品完整信息，這里要注意，每個SKU單獨顯示一條信息，比如同一個古馳的包有兩個成色，且都參與了該活動，則每個成色的顯示一條單獨的商品信息。

上架中的商品顯示哪些信息呢？商品價格、參加活動的庫存量和已售出的數量是必須顯示的，其他的信息可根據自己的需求來定義，注意，根據業務定義，不要盲目的定義一大堆無效信息顯示出來。

而在列表的操作欄里面，“編輯”和“下架”兩個操作按鈕是有必要顯示的，兩個按鈕的規則需要明確一下：

編輯：

即編輯當前商品的信息，但哪些信息可以改、哪些不可以改呢？商品的圖片、標題可以任意修改；商品的價格不可以改，如果這里改價格，則前端已購用戶會有亦或，即同一條商品要么買貴了、要么買的很便宜，這會造成用戶困擾和售后麻煩，不能修改。

而庫存量是可以改的，但只能改大于新建時的庫存，不能改小，同樣，改小庫存在APP端處理比較麻煩，比如當前庫存為2件，有兩個用戶同時下單正進入支付環節，結果后臺把庫存改為1，這個時候兩個用戶同時發起支付時，要去判斷是是先進入訂單確認頁的，而后進入的那個又要去處理庫存不足的提示和行為糾錯，類似的邊緣情況太多，并且沒必要。如果有人說商品不夠了要改小庫存（我就遇見過類似的提問），那大可下架商品就好了。

下架：

是手動下架商品，像剛才說的那種線下商品庫存不夠了、或者是供應鏈價格變高了等情況，需要手動下架時可使用該功能，其他的邊緣情況亦是如此。

② 添加新商品

圖5-添加新（專享）商品第一步原型圖

圖6-添加新（專享）商品第二步原型圖

添加新的專享商品時，第一步是先設定“搶購時間”，也就是在該時間段內商品是以新人專享價格顯示在前臺的，然后再從商品庫里面選定需要添加的商品，如圖5。

第二步是對選定的商品設定規則，如原型上所示，加入我們選定了原型上的商品，該商品有四個SKU，則需要從每個SKU里面選擇用來參加活動的數量，并設定該SKU的新人專享價格。如果某個SKU的專享活動庫存不輸入數字，則代表該SKU不參與活動。

設定好以后點擊“確定發布”按鈕，則按照搶購時間顯示該商品，APP端用戶在購買時就可以選擇不同的SKU了。

三、總結

本文到此，我們分析了APP首頁該放什么內容是由業務驅動的，首頁的活動版塊商品由總庫存里面借調而來，比如新人專享的商品就從總庫存的SPU庫里面借調而來的。

同理，其他類型活動的商品也是如此操作，不過是需要設定的規則不一樣，比如砍價，砍價需要根據拉新成本來計算單個商品至少需要拉幾個新用戶。

#專欄作家#

芒果道長，人人都是產品經理專欄作家，起點學院特聘導師。

本文原創發布于人人都是產品經理，未經本站許可，不得轉載，謝謝合作。

題圖來自 Unspalsh，基于 CC0 協議。