電視作品中，段落與場景間的過渡稱為「轉場」，為增強條理性與層次感。網站同理：由若干頁面組成，頁面由若干元素構成。為強化條理、操作邏輯、用戶體驗與轉化率，元素與頁面切換中需運用技巧。

一、過渡效果

a. 漸入漸出

常見手法：酷狗音樂盒關閉音樂時聲音逐漸停止；凡客首頁廣告輪換採用漸入漸出。

b. 過程示意

用動態效果表達進度、處理過程或反饋結果。

• 當前進度：進度條明確表現進度，減少等待焦慮。
• 操作過程及反饋：刪除淘寶收藏商品時，商品向上滑動同時漸變消失，清楚表達刪除過程與結果，無需額外提示。
• 視覺引導：凡客誠品客戶端加入購物車時的引導動畫，既表現添加過程與反饋，又間接提示購物車位置，一舉兩得。

c. 過渡動畫

頁面元素變化時需過渡效果：畫面漸變切換、下拉列表動態伸展、浮層逐漸消失。突變會生硬。趣例：淘寶收藏夾鼠標滑過時，下三角旋轉 180° 成上三角。

d. 360° 旋轉產品

網購時用戶想多角度了解商品，360° 旋轉功能滿足需求，雖早有此技術但未普及。

二、頁面跳轉優化

頁面跳轉（刷新或新窗）帶來停頓感，損害體驗。

a. 避免頻繁翻頁

翻頁可緩解閱讀疲勞、增加成就感、賦予物理位置，但會打斷閱讀（尤其網速慢時），導致用戶提前離開。內容關聯性弱的網站可減少翻頁：最簡單是增加每頁顯示量，但需考慮用戶承受極限。

• 新浪微博：頁面極長，滾動到底部即時加載後續內容，幾乎無感知，反覆幾次才見翻頁組件。
• 優眾網：無傳統翻頁，滾輪/方向鍵即可瀏覽商品。

b. 避免立即跳轉

每多一個頁面，用戶流失率增高。點擊鏈接必須刷新新頁嗎？看緩兵之計：

關聯性較弱的鏈接

• 浮層提示：說明內容少時，用浮層代替新頁。
• 浮層+二次鏈接：內容多但重點少，浮層放重點，其餘放鏈接。例：鼠標滑過「查看收費標準」出現小浮層，點擊浮層內鏈接才新窗打開詳情。減少跳轉，保持操作連續性，降低流失。
• 錨點鏈接+二次鏈接：長頁面、重點多時適用。錨點跳轉可能讓人困惑，長頁面不適合滾動過渡（易暈）。可提煉重點於錨點跳轉位置，減少頁面長度，並加滾動過渡。支付寶支付頁：點「付款遇到問題」，可視區從 A 緩慢過渡到 B 並高亮 2 秒，再還原；若未解決，點「更多幫助」新頁查看。過渡效果讓用戶清晰掌握頁面佈局與行為過程。

反例：當當網「修改地址」

點「修改」，畫面立刻跳變，無過渡。用戶不知發生何事。問題：1. 頁面不長，至少需過渡動畫。2. 「修改」操作用戶預期彈窗，但彈窗信息量有限、位置難控。可否用「頁面內展開」？

關聯性較強的操作/鏈接

• 頁面內展開：適合擴充現有內容，即時反饋，體驗自然。優點：承載量大、過渡自然、顯示位置鄰近觸發區、連貫性好。缺點：後續內容下移，干擾位置感。當當網修改地址若用此法：
• 頁面內展開+二次鏈接：內容極多時，展開底部加二次鏈接。
• 彈出窗口：適合內容簡潔、需重點關注、頁面元素位置需固定。但彈窗常居中，離觸發區可能較遠。

優眾網處理列表頁多鏈接：無多餘新窗，原頁面不完全刷新，用戶不易迷失，操作路徑清晰。彈窗比切頁快，但需考慮承載量限制與位置控制……