界面與頁面,你真的搞得清嗎?

界面與頁面,你真的搞得清嗎?

很多產品小白界面清單和頁面清單列不出來,界面流程圖和頁面流程圖傻傻分不清,其實歸根到底,大家是對“界面”和“頁面”兩個概念混淆不清,那麼,今天,我們來理一理。

頁面(Pages)是一個物理存在,比較容易理解。你在你屏幕裡看見的任何內容都是頁面,不管你裡面的內容如何變化,狀態的改變或事頁面的跳轉等等,嗯,都是頁面的承載。你可以把它想象成一個盤子,這個盤子裡承載的內容就是頁面的內容了。

那麼,讓我們來看看,什麼是界面。

界面(Interface)是一個抽象概念,比較難於理解,界面是人與機器(計算機)之間傳遞和交換信息的媒介,是用戶和系統進行雙向信息交互的支持軟件、硬件以及方法的集合。通俗點說,就是基於機器和人進行交互過程中承載的視圖,作為告知我們編寫和讀取的介質所存在。在移動端,通常情況下,界面被氛圍三個模塊:欄、視圖和控件。(詳細內容,參考創享學院課程《產品界面設計和導航設計》)

我們來理一理區別:

頁面是物理的,它獨立存在於我們的窗口中;界面是抽象的,它需要我們進行歸納和總結到“某某界面”中去。

我們來看一個例子:

以下是購買商品的功能的頁面流程圖,我們可以清晰看見每一個模塊都是一個頁面,都是具體的我們可以看見的物理存在,而界面是整個發佈功能的對應模塊,也就是涉及到購買商品的四個頁面都只是一個購買界面(接口)。

界面與頁面,你真的搞得清嗎?

需要明確的是,每個頁面是明確圍繞某個任務只做一件事情的,通常,我們把界面分為五類(注意,這裡的分類都是基於產品的分類,想要劃分出我們的任務的分類,而不是開發意義上的分類):

①. 展示頁(用於產品或商品、個人信息等展示界面,目的是提高曝光);

②. 功能頁(圍繞某個任務所操作的一系列頁面的集合);

③. 正文頁(出現在資訊及詳情說明的閱讀界面);

④. 列表頁(更多偏向於一種信息集合的形式展現出的界面,提供用戶進行查看的功能或信息);

⑤. 輔助及特殊頁(輔助產品進行承上啟下類型的界面)。

更多產品經理相關知識請關注“星河系研究院”閱讀!


分享到:


相關文章: