1.主題目標
這次專業(yè)討論的主題是“彈層與新頁面的設(shè)計邏輯”履恩，目的是想分辨兩種信息展現(xiàn)形式各有什么優(yōu)缺點，以及特定信息類型與展現(xiàn)形式的關(guān)聯(lián)性朴下，進而指導(dǎo)后續(xù)設(shè)計镜雨。
2.元素定義
2.1 彈層
滿足一定條件后，彈出模態(tài)頁面的信息展示形式恃疯。主流彈層可分為幾類：
Dialog
即“對話框”漏设，一般僅有關(guān)閉或確認。
Alert
即“提醒框”今妄，一般在對話框的基礎(chǔ)上郑口，還有別的跳轉(zhuǎn)引導(dǎo)。
上部/底部彈層
一般為當前頁面的功能拓展盾鳞。
2.2 新頁面
滿足一定條件后犬性，跳轉(zhuǎn)新頁面的信息展示形式。
3.案例分析
3.1 一般僅使用彈層顯示
網(wǎng)易
商品列表頁腾仅，拓展類目使用上部彈層顯示乒裆，可以快速看到所有類目并切換tab。
淘寶
微淘列表頁攒砖，關(guān)閉的拓展功能使用底部彈層顯示缸兔，可以對當前展示內(nèi)容進行更細致操作。
Moo音樂
歡迎頁吹艇，新手引導(dǎo)使用半透浮層顯示惰蜜，可以更好的將內(nèi)容與操作做關(guān)聯(lián)，起到新手教程的作用受神。
餓了么
首頁抛猖，獎勵金任務(wù)使用彈層顯示，凸顯利益點引導(dǎo)用戶快速跳轉(zhuǎn)任務(wù)專題頁鼻听，引導(dǎo)后續(xù)下單财著。
得到
首頁，登錄過期提示使用彈層強行打斷顯示撑碴，方便快速跳轉(zhuǎn)重新登錄撑教，獲得課程使用權(quán)限。
盒馬鮮生
首頁醉拓，內(nèi)測邀請?zhí)崾臼褂脧棇语@示伟姐，方便快速跳轉(zhuǎn)下載頁，促進內(nèi)測用戶量增長亿卤。
口碑
首頁愤兵，權(quán)限請求提示使用彈層顯示，引導(dǎo)跳轉(zhuǎn)本地隱私設(shè)置頁排吴，開啟通知獲得活動推送秆乳。
3.2 彈層火新頁面都適用
抖音
關(guān)注列表頁，點擊后評論內(nèi)容在當前頁以彈層形式顯示。開啟關(guān)閉都體感更快捷輕盈屹堰，方便用戶快速回到視頻內(nèi)容瀏覽肛冶，促進播放量。但評論邏輯略簡單扯键，僅支持單人評論和單層回復(fù)評論淑趾。
微博
首頁，點擊后評論內(nèi)容會在新的內(nèi)容詳情頁顯示忧陪，并且高度錨點定位到評論區(qū)域（上圖藍色區(qū)域）扣泊，上劃可以看到這條微博的完整內(nèi)容。雖然相比較返回的操作成本更高嘶摊，但是新頁面會有一種更專注的氛圍延蟹。且由于內(nèi)容在一個全新頁面展示，有了更大空間叶堆，評論的邏輯也可以更豐富阱飘，可以支持單人評論和互相回復(fù)評論。
淘寶
商品詳情頁虱颗，點擊參數(shù)沥匈，內(nèi)容以彈層形式顯示。便于用戶快速開關(guān)讀取內(nèi)容忘渔，不打擾下單主流程高帖。
淘票票
電影信息詳情頁，點擊參數(shù)畦粮，內(nèi)容以新頁面顯示散址。便于用戶清晰的了解內(nèi)容。
4.結(jié)論歸納
4.1 操作效率
“彈層的關(guān)閉”相較于“新頁面的返回或關(guān)閉”宣赔，在操作上更容易预麸，體感更輕量，因此更適合高頻操作儒将。
4.2 操作專注度?
面對彈層吏祸，大部分用戶下意識想馬上關(guān)閉，不會特別仔細地看钩蚊，容易引發(fā)誤操作贡翘。而到達新頁面時，用戶對待信息往往更專注謹慎两疚。因此一些需要用戶仔細對待的內(nèi)容床估，可能新頁面的形式更為適合含滴。
4.3 內(nèi)容關(guān)聯(lián)度
彈層往往與當前頁面主流程關(guān)聯(lián)緊密诱渤，打斷感更小谈况；新頁面的關(guān)聯(lián)度相比就沒那么緊密勺美，打斷感更強递胧。
p.s:主流程范圍需要考慮產(chǎn)品情況
4.4 內(nèi)容承載度
彈層的空間相比新頁面要小一些，因此展示內(nèi)容邏輯的復(fù)雜程度赡茸，也更趨向于簡單缎脾。
5.結(jié)語
以上是這次討論的結(jié)果總結(jié)，選擇具體展示方案時占卧，還需要緊密考慮產(chǎn)品的目標與傾向性再做判斷遗菠。
