網頁設計是非常重要的一項工作,在網頁設計過程中需要考慮到很多問題,這就需要進行專業的設計來保證效果,那么app網頁設計類型有哪些?優缺點是什么?下面一起看下吧。
APP頁面設計的四種類型
聚合類
聚合類多見于APP的首頁,用于功能入口的聚合展示。例如京東和得到APP將很多功能聚合在首頁,用戶可以在首頁找到想要功能入口,點擊就能進入該功能模塊。聚合類相當于分流的作用,用戶打開APP,進入首頁,再通過首頁的各個功能入口進入到其他的頁面。
在設計聚合類頁面的時候,根據用戶的需求和產品功能的優先級進行排列,將優先級高的功能入口放在靠前的位置。
列表類
列表類是APP最常見的頁面類型,目的是展示同類別的信息,供用戶篩選。雖然我們將這類頁面命名為列表頁,但是其展示形式是多樣的,可以是列表的形式、也可以是網格的形式、還可以是卡片的形式。它們的本質都是展示多條信息,供用戶選擇。
當設計列表頁時,應根據展現信息的不同特點選擇恰當的展示形式(列表型、網格型、卡片型),或者干脆提供多種瀏覽方式來供用戶選擇,淘寶京東的商品列表頁既提供了列表和網格兩種展示方式。同時要將用戶關心的維度放在列表中展示出來(如標題、圖片、銷量、價格等),用戶會根據這些維度的信息來進行選擇,從而決定要不要點擊進入下級頁面。
內容類
打開APP進入京東首頁(聚合頁),搜索電腦進入搜索結果頁(列表頁),在列表頁看中了蘋果的iMac,點擊進入商品詳情頁,即內容頁。內容頁是用來展示具體信息的頁面,購物APP中的商品詳情頁,讀書APP中的書籍閱讀頁,資訊APP中的正文頁......這些都屬于內容頁。
設計內容頁的時候,應注重用戶的閱讀體驗,盡量提供沉浸式的環境,將不必要的信息暫時隱藏。如果涉及到工具欄,可以考慮將工具欄放在頁面下方而不是上方。

app網頁設計(圖片來自網絡)
功能類
第四類可以稱為功能類,即為了完成某個功能而存在的頁面,常見的有搜索頁面;發布狀態頁面;收貨信息的填寫頁面等等。
值得注意的是,一個頁面可能會包含兩種不同的頁面類型,例如美團首頁,第一屏是聚合頁,下面則是列表頁。上方的高德搜索頁中還包含聚合類型。
網頁app制作的優缺點
網頁app制作不受設備端口的限制,可以跨平臺開發,也無需在應用市場下載,直接在游覽器中打開使用即可。而且開發速度快,不需要經過操作系統的審核,所有擁有一次開發,多處運行的便利性。
在網頁app運行中,可以在線上自動進行更新,提升了用戶的體驗,使用鏈接打開app應用,不用占用用戶的手機內存,減少了用戶的使用阻礙因素。
制作網頁app的缺點是只能使用相對固定的移動硬件設備功能,也由于游覽器同時支持多種設備,所以維護成本也很難下降。再一個使用網頁app必須是在有網絡的情況下,而且數據越多,對網絡的要求就越大。
在用戶體驗上,很多交互和動畫效果不好運行,頁面導航經常會和交互動效重疊,影響網頁app流程的使用。
在app的后續運行上,程序app更新每一次都需要經過應用市場的審核后由用戶主動下載更新,而網頁app由企業自行更新即可。在app開發費用上,網頁app開發的費用低于程序app開發的費用。

app網頁設計(圖片來自網絡)
app網頁設計是非常專業的一項工作,在設計過程中需要考慮到很多問題,根據情形來進行設計,以保證頁面設計效果。


在微信中搜索faceui