本文是移動(dòng)端界面設(shè)計(jì)中 對APP中浮層與新頁面的應(yīng)用場景討論您炉。
本文內(nèi)容借鑒了知乎用戶：愚人碼頭，譚鵬飛役电，tenione赚爵，Ettazy，周宏璇，lucia冀膝。以及我的好友王會(huì)唁奢，吳宇娟，在微信中討論的結(jié)果窝剖，在此感謝他們無私的分享麻掸，本分是看完他們的分享后，結(jié)合自己在實(shí)踐中的理解所寫的赐纱。
本文若有錯(cuò)誤的地方脊奋，請各位指出，感謝疙描！
歸納目前主流APP 浮層所被用到的情景：
（1）浮層被用于信息通知诚隙。告訴用戶：新的活動(dòng)、產(chǎn)品信息/某個(gè)功能：位置起胰、作用久又、操作/，例如：
在京東app中籽孙，點(diǎn)金京東到家入口，彈出一個(gè)全局浮層——標(biāo)題欄下方全部是浮層火俄，并且提供按鈕退出這個(gè)狀態(tài)（這個(gè)名字是我起的，不知道專業(yè)這種形式叫啥)讲冠。這個(gè)浮層的目的是：宣傳京東到家瓜客，告訴用戶產(chǎn)品的具有便捷性、時(shí)間很快的特點(diǎn)竿开，偏重于營銷廣告谱仪。同理如第二張圖的滴滴出行，滴滴利用浮層告訴用戶新的營銷活動(dòng)否彩。
為什么此時(shí)用浮層疯攒？：這類信息通知的內(nèi)容與被覆蓋的內(nèi)容沒有任何直接的聯(lián)系
效果：具有一定強(qiáng)制用戶瀏覽的作用
（2）浮層被用于當(dāng)前頁面信息的確認(rèn)、選擇列荔、修改敬尺。
美團(tuán)外賣則利用浮層，作為用戶確認(rèn)訂購?fù)赓u的購物車贴浙。
* 我的思考：為什么外賣APP購物車使用浮層形式砂吞，而淘寶購物車則使用一個(gè)單獨(dú)的頁面，：對于外賣來講崎溃，通常是一個(gè)人訂外賣比較多蜻直，人多的話可以一起出去吃，不需要定外賣了。所以一個(gè)人訂外賣的使用情景是主要情景概而，這時(shí)候呼巷，（1）一個(gè)人訂的東西不會(huì)很多，使用浮層的話赎瑰，占屏幕的位置比較小王悍，省去開新頁面的麻煩，保持用戶對于之前選擇外賣的記憶乡范；（2）外賣購物車內(nèi)的信息和選項(xiàng)少配名，只需要“名字”“價(jià)格”“幾份”“金額”“購買”幾個(gè)選項(xiàng)，再加上浮層是在同一個(gè)頁面晋辆，這樣在購物車內(nèi)的信息還可以省略一些渠脉，用戶已經(jīng)有印象了。
判斷使用浮層還是?使用下一級(jí)頁面的因素：
（1）根據(jù)信息量瓶佳。浮層承載的信息量小芋膘，下一級(jí)頁面信息量大，同時(shí)要預(yù)估這些信息/選項(xiàng)霸饲，以后是否還會(huì)增加为朋。如果以后要補(bǔ)充很多信息的話，還是一次性做到位厚脉，省得開發(fā)再改了习寸。
（2）?衡量“?待放信息”跟“已有信息”之間的關(guān)系。待放信息——你準(zhǔn)備放在浮層或下一級(jí)頁面的信息傻工，已有信息——本頁面已經(jīng)確定放置的信息霞溪。
如果“待放信息”與“已有信息”是遞進(jìn)關(guān)系、毫無任何關(guān)系——考慮使用下一級(jí)頁面中捆；
遞進(jìn)關(guān)系?舉例：手機(jī)APP注冊流程鸯匹，第一個(gè)頁面：輸入手機(jī)號(hào)，第?二個(gè)頁面：輸入驗(yàn)證碼泄伪，第三個(gè)頁面殴蓬，輸入初始密碼。這里每一個(gè)頁面的內(nèi)容都有關(guān)聯(lián)蟋滴，且為遞進(jìn)的關(guān)系染厅。
毫無任何關(guān)系舉例：用戶在沒有登錄的情況下，在淘寶APP中瀏覽商品津函，當(dāng)他想要購買商品的時(shí)候（商品詳情頁）糟秘，彈出登錄的頁面，點(diǎn)擊注冊后球散，又進(jìn)入了注冊的流程尿赚。這里“登錄”和“購買”屬于兩個(gè)不同的流程散庶，沒有直接的關(guān)系。
如果“待放信息”是“已有信息”的補(bǔ)充凌净、從屬——考慮使用浮層悲龟；
* 我覺得浮層是對當(dāng)前頁面“重要內(nèi)容”的一個(gè)補(bǔ)充， 像是解答疑惑的感覺冰寻，是對于重要內(nèi)容的一個(gè)進(jìn)一步說明须教。而當(dāng)前頁面用戶不需要的信息，就是屬于“不重要內(nèi)容”可以考慮放在下一級(jí)頁面斩芭。
浮層式的應(yīng)用場景一般是不想對用戶當(dāng)前所處的環(huán)境進(jìn)行改變轻腺，而開新窗口則是將用戶放到一個(gè)新的環(huán)境，從空間感知上看划乖，浮層是一種上下層疊的感知贬养，而新窗口則是一種左右的鏈?zhǔn)礁兄?/p>
鏈接：http://www.zhihu.com/question/19750659/answer/12845650
來源：知乎用戶譚鵬飛的回答，著作權(quán)歸作者所有琴庵。
（3）產(chǎn)品本身的設(shè)計(jì)一致性误算。參考?自身APP中?已有的形式，與它們保持一致迷殿，形成產(chǎn)品本身操作的一致性儿礼。例如：在支付寶“余額寶”和“轉(zhuǎn)賬”兩個(gè)功能界面中“?篩選”的功能。
