#深圳UI設(shè)計(jì)培訓(xùn)#深圳UI設(shè)計(jì)#UI設(shè)計(jì)培訓(xùn)#交互設(shè)計(jì)#深圳UI培訓(xùn)#優(yōu)途UI教育#交互設(shè)計(jì)培訓(xùn)
一款好的APP產(chǎn)品,其首頁(yè)設(shè)計(jì)不僅能清晰展示產(chǎn)品核心功能、特點(diǎn),能夠快速幫助用戶找到想要的信息,有著較好的用戶體驗(yàn),在APP設(shè)計(jì)時(shí)至關(guān)重要,作為最重要的模塊,它的產(chǎn)品設(shè)計(jì)和運(yùn)營(yíng),會(huì)對(duì)公司業(yè)務(wù)產(chǎn)生關(guān)鍵影響。首頁(yè)改版,舉足輕重,是設(shè)計(jì)師的一大難題。
首頁(yè)的作用是什么?
1、承擔(dān)了產(chǎn)品最核心的功能,決定了產(chǎn)品的屬性和基調(diào);
2、體現(xiàn)產(chǎn)品的功能布局,以方便用戶快速進(jìn)入對(duì)應(yīng)的需求模塊;
3、展示公司的品牌形象,強(qiáng)化在用戶心中的品牌認(rèn)知度。
APP首頁(yè)常見的類型有以下幾種
1.列表型
列表型首頁(yè)是指首頁(yè)展示同一級(jí)別的模塊,模塊由標(biāo)題文字、圖片組合而成,圖片可以是相片也可以是圖標(biāo),這種布局方式由于統(tǒng)一的信息樣式,至上而下的瀏覽方式,可以快速過濾信息,提高效率。
最上面的永遠(yuǎn)是新的消息框,符合用戶潛在認(rèn)知。例如微信就是采用這種布局方式
列表型布局
2.宮格(圖標(biāo))型
當(dāng)首頁(yè)包含多個(gè)主要功能時(shí),并且這些功能權(quán)重不分上下,還有可能會(huì)繼續(xù)添加其他業(yè)務(wù),這種對(duì)擴(kuò)展型要求比較強(qiáng)的項(xiàng)目可以采用圖標(biāo)型布局,例如支付寶
圖標(biāo)型布局
3.卡片型
在遇到既有操作按鈕、頭像和信息比較復(fù)雜的情況下,可以選用卡片型首頁(yè)展示,這樣可以讓信息緊密結(jié)合在一起,讓用戶一目了然,還能有效的加強(qiáng)點(diǎn)擊性
4.feed流的形式布局
產(chǎn)品的內(nèi)容形態(tài)比較相似,可以讓用戶在首頁(yè)無限加載內(nèi)容,一般使用瀑布流,feed流的形式布局。給到用戶內(nèi)容豐富的體驗(yàn),提高用戶粘性和活躍度。
feed流布局
5.綜合型
綜合性的首頁(yè)設(shè)計(jì)要特別注意分割線和顏色的區(qū)別不能太明顯,選擇較淡的分割線和背景來區(qū)分即可,綜合性首頁(yè)通常有搜索區(qū)、banner區(qū)、金剛區(qū)、瓷片區(qū)、推薦區(qū)等,電商類型用得比較多
綜合型布局
每一種類型的特點(diǎn)還不一樣,我們需要根據(jù)自己app業(yè)務(wù)特點(diǎn)選擇適合自己的首頁(yè)布局方法.