目前25學(xué)堂官方群里很多新加入的APP設(shè)計(jì)師,很多都是第一次進(jìn)行APP設(shè)計(jì)。但是很多老鳥都是潛水狀態(tài),不愿分享太多APP設(shè)計(jì)之道。下面25學(xué)堂跟大家一起來分享一個(gè)成功的APP設(shè)計(jì)方案遴選過程。
其實(shí)基于項(xiàng)目的實(shí)際需要以及對(duì)競(jìng)品分析的思考總結(jié),設(shè)計(jì)師往往嘗試了多種設(shè)計(jì)方案,并對(duì)每一款方案的優(yōu)劣之處進(jìn)行了詳細(xì)分析或評(píng)估,也許這些正是產(chǎn)品經(jīng)理和設(shè)計(jì)共同面對(duì)的事情。
今天,我們先來探討下3種常見的APP導(dǎo)航設(shè)計(jì)方案優(yōu)劣勢(shì)。
APP導(dǎo)航設(shè)計(jì)方案一
如上圖所示
設(shè)計(jì)說明:
? ABCD是產(chǎn)品的四個(gè)功能板塊,組成全局導(dǎo)航。
? 全局導(dǎo)航在屏幕頂端保持懸停不動(dòng)。
? E是新消息發(fā)布入口,屬于用戶常用功能。
? E采用半透明顯示方式。
? E停留在屏幕的右下角
該方案的優(yōu)點(diǎn):
屏幕頂端只有全局導(dǎo)航一欄,導(dǎo)航的輕量化為正文內(nèi)容區(qū)節(jié)省了盡量大的顯示空間;全局導(dǎo)航懸停不動(dòng),可以便于用戶快速切換到不同的功能板塊。
該方案的缺點(diǎn):
右下角的新信息發(fā)布入口致使瀏覽頁面不夠清爽,會(huì)對(duì)用戶造成一定的視覺干擾;新信息發(fā)布入口沒有必要在任何頁面都顯示,于是可尋性出現(xiàn)了危機(jī);品牌logo無法顯示,品牌感較弱。
APP導(dǎo)航設(shè)計(jì)方案二
設(shè)計(jì)說明:
? E是新消息發(fā)布入口,屬于用戶常用功能。
? ABCD是產(chǎn)品的四個(gè)功能板塊,組成全局導(dǎo)航。
? 屏幕頂端的兩行導(dǎo)航欄在用戶剛進(jìn)入頁面的時(shí)候出現(xiàn),在用戶滑動(dòng)屏幕瀏覽信息的時(shí)候消失。
? 屏幕右下角半透明功能鍵在導(dǎo)航欄消失后出現(xiàn),點(diǎn)擊該鍵導(dǎo)航欄出現(xiàn)。
該方案的優(yōu)點(diǎn):
瀏覽信息的時(shí)候?qū)Ш綑谙?,為用戶提供提供了最大的正文?nèi)容顯示空間;可以顯示logo,品牌感較強(qiáng);新信息發(fā)布入口的可尋性較好。
該方案的缺點(diǎn):
屏幕右下角半透明功能鍵致使瀏覽頁面不夠清爽,會(huì)對(duì)用戶造成一定的視覺干擾。
APP導(dǎo)航設(shè)計(jì)方案三
設(shè)計(jì)說明:
? E是新消息發(fā)布入口,屬于用戶常用功能。
? ABCD是產(chǎn)品的四個(gè)功能板塊,組成全局導(dǎo)航。
? 屏幕頂端的兩行導(dǎo)航欄在用戶剛進(jìn)入頁面的時(shí)候出現(xiàn),在用戶滑動(dòng)屏幕瀏覽信息的時(shí)候第一欄向上消失,第二欄上移至頂部保持懸停不動(dòng)。
? 手動(dòng)下拉全局導(dǎo)航欄,可以下拉出第一欄導(dǎo)航。
該方案的優(yōu)點(diǎn):
瀏覽正文信息的時(shí)候,僅顯示全局導(dǎo)航一欄,做到了導(dǎo)航的輕薄化;全局導(dǎo)航懸停不動(dòng),可以便于用戶快速切換到不同的功能板塊。
該方案的缺點(diǎn):
下拉全局導(dǎo)航時(shí),可能會(huì)有誤操作的危險(xiǎn),雖然可能性很小。
綜合以上的分析,考慮到正文內(nèi)容區(qū)顯示空間的大小、對(duì)產(chǎn)品的操作便利性以及產(chǎn)品品牌感三方面因素,最終決定將方案三作為導(dǎo)航設(shè)計(jì)的基本形式,并繼續(xù)進(jìn)行進(jìn)一步豐富細(xì)化。
APP導(dǎo)航設(shè)計(jì)方案總結(jié):
其實(shí)最佳方案總是產(chǎn)品和設(shè)計(jì)權(quán)衡的結(jié)果。每一款設(shè)計(jì)方案解決某些問題的同時(shí)也會(huì)產(chǎn)生新的問題。此時(shí)設(shè)計(jì)師需要知道哪些功能是最重要、優(yōu)先級(jí)最高的,保證核心功能的良好用戶體驗(yàn)是評(píng)判設(shè)計(jì)方案的重要準(zhǔn)繩。所以,設(shè)計(jì)師必須學(xué)會(huì)做設(shè)計(jì)減法原則。
全站高品質(zhì)素材免費(fèi)下載!