網(wǎng)頁(yè)設(shè)計(jì)是非常重要的一項(xiàng)工作,在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中需要考慮到很多問(wèn)題,這就需要進(jìn)行專業(yè)的設(shè)計(jì)來(lái)保證效果,那么app網(wǎng)頁(yè)設(shè)計(jì)類型有哪些??jī)?yōu)缺點(diǎn)是什么?下面一起看下吧。
APP頁(yè)面設(shè)計(jì)的四種類型
聚合類
聚合類多見(jiàn)于APP的首頁(yè),用于功能入口的聚合展示。例如京東和得到APP將很多功能聚合在首頁(yè),用戶可以在首頁(yè)找到想要功能入口,點(diǎn)擊就能進(jìn)入該功能模塊。聚合類相當(dāng)于分流的作用,用戶打開(kāi)APP,進(jìn)入首頁(yè),再通過(guò)首頁(yè)的各個(gè)功能入口進(jìn)入到其他的頁(yè)面。
在設(shè)計(jì)聚合類頁(yè)面的時(shí)候,根據(jù)用戶的需求和產(chǎn)品功能的優(yōu)先級(jí)進(jìn)行排列,將優(yōu)先級(jí)高的功能入口放在靠前的位置。
列表類
列表類是APP最常見(jiàn)的頁(yè)面類型,目的是展示同類別的信息,供用戶篩選。雖然我們將這類頁(yè)面命名為列表頁(yè),但是其展示形式是多樣的,可以是列表的形式、也可以是網(wǎng)格的形式、還可以是卡片的形式。它們的本質(zhì)都是展示多條信息,供用戶選擇。
當(dāng)設(shè)計(jì)列表頁(yè)時(shí),應(yīng)根據(jù)展現(xiàn)信息的不同特點(diǎn)選擇恰當(dāng)?shù)恼故拘问剑斜硇?、網(wǎng)格型、卡片型),或者干脆提供多種瀏覽方式來(lái)供用戶選擇,淘寶京東的商品列表頁(yè)既提供了列表和網(wǎng)格兩種展示方式。同時(shí)要將用戶關(guān)心的維度放在列表中展示出來(lái)(如標(biāo)題、圖片、銷量、價(jià)格等),用戶會(huì)根據(jù)這些維度的信息來(lái)進(jìn)行選擇,從而決定要不要點(diǎn)擊進(jìn)入下級(jí)頁(yè)面。
內(nèi)容類
打開(kāi)APP進(jìn)入京東首頁(yè)(聚合頁(yè)),搜索電腦進(jìn)入搜索結(jié)果頁(yè)(列表頁(yè)),在列表頁(yè)看中了蘋果的iMac,點(diǎn)擊進(jìn)入商品詳情頁(yè),即內(nèi)容頁(yè)。內(nèi)容頁(yè)是用來(lái)展示具體信息的頁(yè)面,購(gòu)物APP中的商品詳情頁(yè),讀書APP中的書籍閱讀頁(yè),資訊APP中的正文頁(yè)......這些都屬于內(nèi)容頁(yè)。
設(shè)計(jì)內(nèi)容頁(yè)的時(shí)候,應(yīng)注重用戶的閱讀體驗(yàn),盡量提供沉浸式的環(huán)境,將不必要的信息暫時(shí)隱藏。如果涉及到工具欄,可以考慮將工具欄放在頁(yè)面下方而不是上方。
app網(wǎng)頁(yè)設(shè)計(jì)(圖片來(lái)自網(wǎng)絡(luò))
功能類
第四類可以稱為功能類,即為了完成某個(gè)功能而存在的頁(yè)面,常見(jiàn)的有搜索頁(yè)面;發(fā)布狀態(tài)頁(yè)面;收貨信息的填寫頁(yè)面等等。
值得注意的是,一個(gè)頁(yè)面可能會(huì)包含兩種不同的頁(yè)面類型,例如美團(tuán)首頁(yè),第一屏是聚合頁(yè),下面則是列表頁(yè)。上方的高德搜索頁(yè)中還包含聚合類型。
網(wǎng)頁(yè)app制作的優(yōu)缺點(diǎn)
網(wǎng)頁(yè)app制作不受設(shè)備端口的限制,可以跨平臺(tái)開(kāi)發(fā),也無(wú)需在應(yīng)用市場(chǎng)下載,直接在游覽器中打開(kāi)使用即可。而且開(kāi)發(fā)速度快,不需要經(jīng)過(guò)操作系統(tǒng)的審核,所有擁有一次開(kāi)發(fā),多處運(yùn)行的便利性。
在網(wǎng)頁(yè)app運(yùn)行中,可以在線上自動(dòng)進(jìn)行更新,提升了用戶的體驗(yàn),使用鏈接打開(kāi)app應(yīng)用,不用占用用戶的手機(jī)內(nèi)存,減少了用戶的使用阻礙因素。
制作網(wǎng)頁(yè)app的缺點(diǎn)是只能使用相對(duì)固定的移動(dòng)硬件設(shè)備功能,也由于游覽器同時(shí)支持多種設(shè)備,所以維護(hù)成本也很難下降。再一個(gè)使用網(wǎng)頁(yè)app必須是在有網(wǎng)絡(luò)的情況下,而且數(shù)據(jù)越多,對(duì)網(wǎng)絡(luò)的要求就越大。
在用戶體驗(yàn)上,很多交互和動(dòng)畫效果不好運(yùn)行,頁(yè)面導(dǎo)航經(jīng)常會(huì)和交互動(dòng)效重疊,影響網(wǎng)頁(yè)app流程的使用。
在app的后續(xù)運(yùn)行上,程序app更新每一次都需要經(jīng)過(guò)應(yīng)用市場(chǎng)的審核后由用戶主動(dòng)下載更新,而網(wǎng)頁(yè)app由企業(yè)自行更新即可。在app開(kāi)發(fā)費(fèi)用上,網(wǎng)頁(yè)app開(kāi)發(fā)的費(fèi)用低于程序app開(kāi)發(fā)的費(fèi)用。
app網(wǎng)頁(yè)設(shè)計(jì)(圖片來(lái)自網(wǎng)絡(luò))
app網(wǎng)頁(yè)設(shè)計(jì)是非常專業(yè)的一項(xiàng)工作,在設(shè)計(jì)過(guò)程中需要考慮到很多問(wèn)題,根據(jù)情形來(lái)進(jìn)行設(shè)計(jì),以保證頁(yè)面設(shè)計(jì)效果。