APP頁面的四種類型，你都知道嗎？

用戶打開APP，是為了完成某項任務，打開京東為了購物或者查看物流信息；打開簡書為了寫文章或者瀏覽文章；打開微信是為了查看朋友圈、即時聊天......而這些任務都是基於APP的每個頁面去完成的。不同的頁面有著不同的作用，按照作用劃分，可以將APP頁面大致分為四種類型：聚合類；列表類；內容類；功能類。

聚合類

聚合類多見於APP的首頁，用於功能入口的聚合展示。例如京東和得到APP將很多功能聚合在首頁，用戶可以在首頁找到想要功能入口，點擊就能進入該功能模塊。聚合類相當於分流的作用，用戶打開APP，進入首頁，再通過首頁的各個功能入口進入到其他的頁面。

得到&京東

在設計聚合類頁面的時候，根據用戶的需求和產品功能的優先順序進行排列，將優先順序高的功能入口放在靠前的位置。

列表類

列表類是APP最常見的頁面類型，目的是展示同類別的信息，供用戶篩選。雖然我們將這類頁面命名為列表頁，但是其展示形式是多樣的，可以是列表的形式、也可以是網格的形式、還可以是卡片的形式。它們的本質都是展示多條信息，供用戶選擇。

得到&36kr

當設計列表頁時，應根據展現信息的不同特點選擇恰當的展示形式（列表型、網格型、卡片型），或者乾脆提供多種瀏覽方式來供用戶選擇，淘寶京東的商品列表頁既提供了列表和網格兩種展示方式。同時要將用戶關心的維度放在列表中展示出來（如標題、圖片、銷量、價格等），用戶會根據這些維度的信息來進行選擇，從而決定要不要點擊進入下級頁面。

內容類

打開APP進入京東首頁（聚合頁），搜索電腦進入搜索結果頁（列表頁），在列表頁看中了蘋果的iMac，點擊進入商品詳情頁，即內容頁。內容頁是用來展示具體信息的頁面，購物APP中的商品詳情頁，讀書APP中的書籍閱讀頁，資訊APP中的正文頁......這些都屬於內容頁。

京東&微信讀書

設計內容頁的時候，應注重用戶的閱讀體驗，盡量提供沉浸式的環境，將不必要的信息暫時隱藏。如果涉及到工具欄，可以考慮將工具欄放在頁面下方而不是上方。

功能類

第四類可以稱為功能類，即為了完成某個功能而存在的頁面，常見的有搜索頁面；發布狀態頁面；收貨信息的填寫頁面等等。

高德&微信

值得注意的是，一個頁面可能會包含兩種不同的頁面類型，例如美團首頁，第一屏是聚合頁，下面則是列表頁。上方的高德搜索頁中還包含聚合類型。

重點來了，按照作用把頁面大致分為這四類有什麼用呢？第一，目前的產品都是由一個個頁面組成的，知道了頁面的四種類型，會加深你對頁面的理解，做設計時能夠心中有數。第二，多一個角度思考產品設計，可以根據聚合類、列表類、內容類、功能類，分別思考每個類型的頁面在設計時會有什麼樣的特點，應該注意什麼。

文／鄒志楠