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

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

app網(wǎng)頁設(shè)計(圖片來自網(wǎng)絡(luò))
app網(wǎng)頁設(shè)計是非常專業(yè)的一項(xiàng)工作,在設(shè)計過程中需要考慮到很多問題,根據(jù)情形來進(jìn)行設(shè)計,以保證頁面設(shè)計效果。


在微信中搜索faceui