目前頁面內(nèi)容打開方式有3種形式:當(dāng)前頁刷新、新頁面打開、彈窗打開
一般我們看到的比較普遍的鏈接打開方式是當(dāng)前頁面刷新打開,深入了解了下,出現(xiàn)這種原因有幾個(gè)方面:
1. 頁面刷新打開能讓用戶的瀏覽保持連續(xù)性,前后內(nèi)容的關(guān)系比較直觀
2. 互聯(lián)網(wǎng)發(fā)展早期,技術(shù)限制原因,不支持新標(biāo)簽打開的實(shí)現(xiàn)方式,久而久之,用戶的操作習(xí)慣已經(jīng)培養(yǎng),一般慣性思維是當(dāng)前頁面刷新打開
3. 用戶有需求瀏覽多個(gè)網(wǎng)頁,可以通過按住鍵盤的ctrl鍵實(shí)現(xiàn)
但是在具體產(chǎn)品的設(shè)計(jì)過程中,到底哪種形式更好,或者對(duì)產(chǎn)品的用戶更有利,還是取決于我們設(shè)計(jì)對(duì)象的實(shí)際業(yè)務(wù)場景
就目前我做的后臺(tái)管理系統(tǒng)來說,也不是一概而論的定義打開方式。我們需要先明確這幾種打開方式優(yōu)劣勢,根據(jù)實(shí)際業(yè)務(wù)場景或用戶旅程操作地圖去采取不同的頁面方式
1. 當(dāng)前頁面刷新打開
優(yōu)點(diǎn):符合用戶使用的慣性思維和行為習(xí)慣;使用戶瀏覽內(nèi)容保持連貫性;讓用戶聚焦內(nèi)容內(nèi)容本身
缺點(diǎn):受網(wǎng)絡(luò)等因素影響,頁面刷新響應(yīng)時(shí)間需要絕對(duì)保證,否則會(huì)挑戰(zhàn)用戶等待耐心;需要內(nèi)容對(duì)比的場景下,刷新頁面會(huì)導(dǎo)致對(duì)比內(nèi)容不直觀,即使可以按住CTRL鍵實(shí)現(xiàn)新標(biāo)簽,但不保證所有用戶的操作習(xí)慣都知曉這個(gè)功能
2. 新標(biāo)簽打開
優(yōu)點(diǎn):當(dāng)前頁面內(nèi)容不可見,避免一些需要反復(fù)查看的使用場景的重復(fù)性頁面刷新;提前內(nèi)容預(yù)加載,減少用戶的等待時(shí)間;
缺點(diǎn):打開窗口多,服務(wù)器壓力大:數(shù)據(jù)緩存多,性能壓力大;頁面內(nèi)容的先后邏輯或?qū)蛹?jí)關(guān)系不明顯
3. 彈窗打開
優(yōu)點(diǎn):內(nèi)容獨(dú)立,不打斷當(dāng)前瀏覽的內(nèi)容;響應(yīng)速度快,降低用戶等待時(shí)間;操作便捷,輕量、簡單的內(nèi)容查看比較高效率
缺點(diǎn):內(nèi)容顯示區(qū)域有限,承載信息的內(nèi)容受限;
綜合以上,總結(jié):在實(shí)際業(yè)務(wù)設(shè)計(jì)過程中,根據(jù)當(dāng)前設(shè)計(jì)業(yè)務(wù)的操作場景,選擇不同的打開方式
那當(dāng)前的后臺(tái)設(shè)計(jì):產(chǎn)商品管理臺(tái)舉例
產(chǎn)品新創(chuàng)建時(shí),用新窗口打開:1. 新創(chuàng)建的內(nèi)容與當(dāng)前頁面沒有前后緊密的邏輯內(nèi)容關(guān)聯(lián),適用新窗口打開;2. 當(dāng)前頁面承載的信息量比較多,當(dāng)前頁面打開影響系統(tǒng)刷新響應(yīng)時(shí)間,避免用戶因等待時(shí)長事情耐心;3. 內(nèi)容新建需要具體的步驟流程,頁面承載內(nèi)容較多,不適合彈窗顯示
產(chǎn)品SKU管理的添加頁面,彈窗形式打開:1. 與創(chuàng)建不同,SKU添加的操作相對(duì)頻繁,承載的內(nèi)容又很固定且集中,適合彈窗 2. 用戶在進(jìn)行添加時(shí),可以當(dāng)前窗口查看到已有的數(shù)據(jù)內(nèi)容,輔助添加的信息配置;3. 添加完成后的連續(xù)性信息如二次確認(rèn)或操作反饋,在當(dāng)前頁面顯示會(huì)更容易感知
因此在具體業(yè)務(wù)設(shè)計(jì)時(shí),從用戶實(shí)際操作場景考慮,以用戶的真實(shí)訴求為出發(fā)點(diǎn),適時(shí)選擇不同的打開方式,才能有更好的用戶體驗(yàn)