# 移動端頁面內容切換
上周做了一個和頁面切換相關的需求，為了探尋在需求場景下最符合用戶心理模型的交互方式，當時一共輸出了有四五種方案。總結一下各種切換頁面內容的方式的特點和他們適用的場景。## 一、Tab頁面切換
tab頁面切換是目前移動端最為常見的一種切換方式，微博、淘寶、小紅書等等，可以在各類軟件上看到它的身影。
最常見的一個使用tab場景就是當需要對當前頁面的內容進行分類：

tab是最常見的組件之一

通常tab的標簽內容是同類型內容分類，作為分類檢索便于用戶快速定位自己感興趣的內容。
另外，tab也用于同級信息的切換，例如上面的一級tab標簽，關注和推薦就是這種類型。
不論是移動端還是pc端，使用標簽的場景非常多，通常情況下tab會給用戶以下心理暗示：
1. 標簽對應的兩個頁面之間不會相互干擾
2. 標簽內容是同等級的，不存在歸屬問題
3. 標簽之間相互切換只是用戶暫時離開，應該保留頁面的相關編輯狀態
換句話說就是我在A分頁做的操作，不會影響B分頁的內容。在tab標簽這種形式下，A、B兩個頁面的獨立性是很強的,若兩個頁面之間有共同需要保持一致的屬性，就要謹慎使用這種切換形式。
使用tab時，用戶的心理模型更貼近于有幾個標簽就有幾個分頁，如果你只有一個頁面，卻想使用tab來切換頁面的狀態，就會給用戶造成誤解。## 二、文字鏈切換頁面內容
這種切換方式常見于登錄頁面

還有一些需要上傳證件信息的頁面，在支持ocr掃描和用戶自己輸入信息的情況下，也會采用文字鏈的形式支持用戶進行切換。
這種形式的切換方式會給用戶非常明確的感受就是：在辦同一件事，但是方式可改變。而且也會很明確的將推薦方式和次要方式區分出來。對于不便于給用戶推薦具體方式的場景，這種方式就不適用了。## 三、選擇控件切換部分頁面內容
這種切換方式就和上面有明顯的差別，一般用于只是有微小差異的場景：

這種方式多用于表單填寫的場景，根據用戶的選擇展示不同的字段，幫助用戶聚焦當前的內容
---
上面三種方式都是最為基礎的切換方式，在實際設計過程中遇到的場景往往更為復雜，需要在基礎的控件上做出調整，視覺表現手法上也要相應的進行調整。

總結

以上是生活随笔為你收集整理的怎么把一个控件放到tab页面上去?_移动端页面内容切换的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。