結(jié)合三中鏈接打開方式的頁面交互關(guān)系社付，進(jìn)行使用場景舉例疮鲫，并總結(jié)每種方式的優(yōu)缺點(diǎn)残揉，方便在設(shè)計(jì)中根據(jù)不同的場景選擇合適的頁面打開方式月弛。
頁面打開方式作為連接產(chǎn)品路徑的基礎(chǔ)肴盏，尤其是產(chǎn)品功能復(fù)雜，層級較多時(shí)帽衙，如何讓用戶按照自己的意愿清晰的瀏覽信息菜皂，保持操作連貫性，是值得體驗(yàn)設(shè)計(jì)仔細(xì)思考與分析的厉萝。
一恍飘、頁面打開方式的類型
網(wǎng)頁中可操作的鏈接，主要有按鈕谴垫，icon以及文字鏈接章母，設(shè)計(jì)中常用的打開方式主要包括：
1.當(dāng)前頁面打開
點(diǎn)擊操作鏈接后乳怎，在瀏覽器中新開一個(gè)獨(dú)立的標(biāo)簽頁面，進(jìn)行內(nèi)容顯示與操作前弯。
3.彈出窗
二、當(dāng)前頁打開 & 新開頁面
最具爭議的新開頁面和當(dāng)前頁打開剃根。在HTML語言中哩盲，target目標(biāo)有【target=_blank】和【target=_self】兩種屬性，分別代表新窗口打開和當(dāng)前窗口打開狈醉。
首先我們確定一致的功能場景：用戶從首頁中根據(jù)各種篩選條件眨猎，查找到心儀的商品，來看一下兩個(gè)網(wǎng)站的處理方式：
a.早期的W3C標(biāo)準(zhǔn)不支持targe="blank"的屬性，國外互聯(lián)網(wǎng)普及比國內(nèi)早炬称，于是用戶滿滿養(yǎng)成了習(xí)慣汁果。
b.默認(rèn)當(dāng)前頁面打開讓國外用戶覺得更有【禮貌】。如果用戶想新開頁面玲躯，可以鼠標(biāo)中鍵据德、按住ctrl點(diǎn)擊鏈接或者右鍵新窗口打開，此時(shí)用戶更有選擇權(quán)跷车，可以自己決定打開方式晋控；如果默認(rèn)新開頁面，則讓用戶失去選擇權(quán)姓赤。
c.早期國內(nèi)互聯(lián)網(wǎng)發(fā)展較為浮躁赡译，網(wǎng)站想通過新標(biāo)簽打開方式，提高PV.
d.國內(nèi)網(wǎng)絡(luò)普及晚不铆，部分用戶尤其老年人不習(xí)慣甚至或許不知道蝌焚，頁面中有個(gè)后退前進(jìn)按鈕，面包屑可用誓斥，新開頁面便于他們的操作只洒。
那么淘寶中所有的頁面打開方式都是新開嗎？不是劳坑。像【我的收藏】毕谴、【已買到的商品】、【購物車】等功能頁面就是當(dāng)前頁打開。
同一個(gè)產(chǎn)品內(nèi)部涝开，如此區(qū)別設(shè)計(jì)的原因我認(rèn)為有：
a.用戶的目的較為明確循帐，查找對象確定。用戶想要查看的對象是確定的舀武，如購物車中的產(chǎn)品拄养，用戶有明確的目標(biāo)，找到鏈接打開頁面即可银舱，不像搜索查找商品瘪匿，需要一步步縮小范圍甚至比對查看。
b.鏈接入口常駐網(wǎng)站的信息欄寻馏，用戶可以隨時(shí)切換棋弥，操作方便，且不存在重新輸入的成本诚欠。
關(guān)于這兩種打開方式顽染，到底哪種操作更順暢，確實(shí)難分高下聂薪，就跟【確定和取消哪個(gè)在左家乘，哪個(gè)在右】是一種性質(zhì)的問題，沒有好壞之分藏澳，關(guān)鍵是要看在哪種場景下使用更合適仁锯。
*新頁面打開適用的場景
a.頁面內(nèi)容沒有關(guān)聯(lián)性，且從邏輯上沒有從屬關(guān)系翔悠，相對獨(dú)立业崖。如：產(chǎn)品中的外鏈。
b.存在多頁面【比較】的操作蓄愁，需要經(jīng)常切換双炕，如：淘寶商品詳情。
c.需要保留住前一頁的操作不丟失撮抓。如：知乎上過濾出來的結(jié)果列表妇斤。
d.功能分支存在穿插，當(dāng)路徑發(fā)生交叉時(shí)丹拯，最好新開頁面站超。如：產(chǎn)品內(nèi)部的跳轉(zhuǎn)鏈接，導(dǎo)致信息關(guān)聯(lián)的層級發(fā)生改變乖酬。
e.具有輔助功能的操作死相，如：使用文檔（PDF、圖片等）需要來回參照咬像。
*當(dāng)前頁打開適用的場景
a.流程性的功能頁面算撮，前后操作存在關(guān)聯(lián)和影響生宛。如：下單支付、按步驟新增肮柜。
b.同一層級內(nèi)容的操作陷舅。如tab欄的切換。
c.同一路徑中的操作素挽，用戶當(dāng)前的操作會對主頁的內(nèi)容產(chǎn)生影響蔑赘。如編輯一個(gè)配置狸驳，用戶操作完會回到當(dāng)前頁查看最新結(jié)果预明。
d.用戶具有明確目的性的操作，當(dāng)前頁有利于鎖定用戶注意力耙箍。如淘寶中【我的收藏】撰糠。
以上是結(jié)合功能場景進(jìn)行的選擇側(cè)重，如果【用戶體驗(yàn)】一定要分出個(gè)高低上下辩昆，我個(gè)人比較支持默認(rèn)【當(dāng)前頁打開】阅酪，從體驗(yàn)角度分析有以下原因：
a.尊重用戶的決定。當(dāng)前頁打開汁针，將更多選擇機(jī)會留給用戶（鼠標(biāo)中鍵术辐、按住Ctrl點(diǎn)擊鏈接或者右鍵新窗口打開），一個(gè)具有良好用戶體驗(yàn)的產(chǎn)品施无，在用戶做操作的時(shí)候辉词，總是能讓他們按照自己的意志做決定。網(wǎng)站對每個(gè)鏈接強(qiáng)制打開新頁面則剝奪了用戶的選擇權(quán)猾骡，因?yàn)椴挥玫娜擞胁挥玫臑g覽習(xí)慣和使用需求瑞躺。
b.體驗(yàn)一致，保持一致的體驗(yàn)設(shè)計(jì)才能讓用戶產(chǎn)生信任感與安全感兴想。當(dāng)用戶在操作界面元素的時(shí)候幢哨，可以順暢的知道、理解嫂便，并且能預(yù)料到將會發(fā)生什么捞镰，不會被分神，也不會被打斷毙替。任何違反這個(gè)原則的設(shè)計(jì)都會演變成一種【以設(shè)計(jì)方意志為導(dǎo)向】的設(shè)計(jì)岸售，而不是【以用戶為中心】的設(shè)計(jì)。
*總結(jié)：當(dāng)我們不知道兩種方式如何選擇時(shí)蔚龙，或許【不強(qiáng)制用戶】才是最好的體驗(yàn)冰评，因?yàn)槲覀兠媾R的用戶多樣，電腦操作熟悉程度多樣木羹，因此不同用戶對于打開方式的習(xí)慣也具有多樣性甲雅，這個(gè)是設(shè)計(jì)者無法揣測和調(diào)查清楚的解孙。在【兩害取其輕】的情況下，在當(dāng)前窗口打開鏈接不失為一個(gè)選擇抛人，尊重用戶自己的決定弛姜，讓用戶對交互界面自主可控。
三妖枚、彈窗框
彈層又叫模態(tài)對話框廷臼，是指用戶想要對當(dāng)前對話框以外的應(yīng)用程序或內(nèi)容進(jìn)行操作時(shí)的提示方式。它一般覆蓋在整體頁面之上绝页，避免了頁面跳轉(zhuǎn)荠商。彈出框通常是為了顯示一個(gè)單獨(dú)的內(nèi)容，在不離開整體頁面的情況下有一些互動(dòng)续誉，提供信息和交互莱没。
如知乎中的【寫想法】，用戶可以快速的在彈出框中記錄個(gè)人想法酷鸦，記錄發(fā)布后饰躲，很順暢的回到之前的路徑上繼續(xù)操作，便捷高效臼隔，操作思路清晰嘹裂。
a.內(nèi)容簡單，沒有復(fù)雜的操作蛮艰，且具有臨時(shí)性腋腮。如：新增一個(gè)收貨地址，進(jìn)行簡要的輸入編輯壤蚜。
b.更為詳細(xì)的輔助說明即寡，是對房錢內(nèi)容的快速擴(kuò)展。如：縮略圖袜刷，點(diǎn)擊放大查看聪富。
因此，彈出框可以較好的實(shí)現(xiàn)上下內(nèi)容層疊的感知著蟹，不打擾用戶的主路徑墩蔓，同時(shí)作為頁面承載元素和用戶操作的補(bǔ)充梢莽，起到承前啟后的作用。
以上是個(gè)人的理解與經(jīng)驗(yàn)奸披，沒有統(tǒng)一的用法和標(biāo)準(zhǔn)昏名，在具體設(shè)計(jì)實(shí)踐中要靠設(shè)計(jì)者的直覺和經(jīng)驗(yàn)來進(jìn)行綜合考量和判斷。
作為體驗(yàn)設(shè)計(jì)師阵面，如何規(guī)劃用戶瀏覽路徑轻局，是需要嚴(yán)肅對待的命題。沒有絕對的好與壞样刷，但一定要結(jié)合產(chǎn)品類型仑扑、場景、目標(biāo)用戶等進(jìn)行具體問題具體分析颂斜。
