移動端常見十大互動正規化
常用的十大互動正規化
一、什麼是互動正規化
互動正規化：一組被可重複使用、被使用者熟知、蘊含設計經驗的介面互動模式。
通俗點說，就像是一組組的模板，我們在使用模板時，需要考慮到報告的主題、聽眾。同樣，互動正規化在使用時也需要考慮到產品的定位、運營能力、使用者群等。今天我就來簡單介紹下移動端常見的十大互動正規化。
二、常用的十大互動正規化
正規化一：抽屜式
特點：
1.隱藏內容，需要時展開;
2..抽屜欄一般從頂部，底部，兩側拉出（側邊欄）;
3.抽屜展示一般是具體內容，彈框一般是完成設定或任務;
4.抽屜隱喻在互動體驗上更加自然，和原介面融合較好.
適用於：
1. 常見於瀏覽器、瀏覽性產品（閱讀、資訊）;
2. 高階操作、隱藏較深（專家使用者的快捷鍵）;
3. 動效果控制時間在0.2s左右;
4. 抽屜並不是高頻的操作，主流體驗在當前介面上面。
舉例：
正規化二：下拉式
特點：
1.通常伴隨動作；
2.是早期谷歌平臺的設計規範；
3.可以節省介面。
適用於：
非高頻操作、快捷操作。
舉例：
正規化三：列表式（重要）
特點：
1.最常用的佈局之一，簡單、使用者接受度高；
2.閱讀習慣—手機螢幕一般豎屏顯示，文字橫屏顯示，豎排列表可包含較多資訊；
3.列表長度可以沒有限制，通過上下滑動可以檢視更多內容；
4.豎排列表在視覺上整齊美觀，使用者接受度很高；
5.常用於並列元素的展示，包括目錄、分類、內容等。
適用於：
1. 應用廣泛；
2. 不受限制（做國際化產品時經常用到）。
舉例：
新聞類列表，一般有左圖右文和左文右圖兩種，具體的選擇根據產品、運營決定，不同產品線側重點不同，圖片在裡面起到的作用也不同。
正規化四：宮格式
特點：
1. 九宮格是非常經典的設計，展示形式簡單，使用者接受度很廣；
2. 當元素數量固定不變為8、9、12、16時，則適合採用九宮格；
3. 雖然它有時候給人設計老套的感覺，不過它的一些變體目前比較流行，比如METRO風格，一行兩格的設計等。
適用於：
1. 偏平臺級、內容量比較大的產品，比如支付寶；
2. 功能非常多，但並不能確定哪些是重要哪些是次要，比如360安全衛士；
3. 跟開發模式有一定關係：宮格導航—一個入口一個團隊，比如美圖秀秀、比如淘寶首頁（導流）。
舉例：
正規化五：Tab式
特點：
1.受螢幕寬度限制可顯示的數量較少；
2.採用Tab可以減少介面跳轉的層級，減少使用者的點選次數，提高效率；
3.可以將並列的資訊通過橫向或豎向Tab來表現；
4.有時可通過左右滑動檢視更多內容，需要使用者主動探索；
5.當功能之間聯絡密切，使用者需要頻繁在各功能之間進行切換時，Tab佈局是首選。
適用於：
1.功能和功能間關係密切、需要頻繁切換；
2.體量比較大的產品。
Tab結構的變形：
1. 舵式導航：快捷操作切換（高頻且重要）；
2.豎向的tab（應用的侷限性更大，常見於Pad端—pad端空間大）比如閱讀類產品：豎向tab+滾動，佔面積的問題；
3. 資料夾結構—佔用空間多；
4.Tab套tab— 在平臺上更常見（對視覺設計師要求更高，必須清晰表達在哪個tab下的哪個子集）。
舉例：
正規化六：卡片式
特點：
1. 樣式豐富、承載量大；
2. 通常伴隨大圖；
3. 應用時需要考慮多種因素 ：圖片資訊是否重要（例如Airbnb—圖片資訊非常重要；音樂類產品圖片起渲染）；運營能力（一天可以運營十篇還是一百篇，並且是否可以保證轉化）；內容—是PGC還是UGC（UGC要求質量)；卡片大小（圖片資訊的重要程度，同時匹配圖片質量）；一屏展示幾張圖（圖片展示的越大，形成轉化的可能性越大），使用者習慣對於資訊類，一般刷3-5屏，所以要保證這個範圍內有不同的資訊。
4.卡片式變形：瀑布流。
舉例：
在這裡我們可以想一下，為什麼小紅書用瀑布流而沒有用卡片式？原因在於：
1. UGC（使用者上傳的圖片）定寬不定高，什麼樣的圖片都可以適配在瀑布流裡面，比較整齊；對使用者來說，自由度比較大 ——瀑布流適應UGC；
2. 瀑布流特別像女性在逛街，符合女性逛街的心態；
3. 效率高、運營能力高。
正規化七：彈窗式
特點：
1.彈框是很常見的一種佈局設計；
2.在需要的時候才彈出，以節省螢幕空間；
3.可在原有介面上進行操作，不必跳出介面，彈出框在安卓系統上的使用很普遍，比選單、單選框、多選框等，在IOS系統上使用相對少些；
4.非毀滅性操作儘量不使用彈框，例如：低電，病毒，刪除，支付，出錯等。
舉例：
正規化八：輪播
特點：
1. 相互內容之間是邏輯平衡的關係；
2. 內容切換、可以左右滑動。
適用於：
1. 手機桌面上（相同體系進行左右切換）
變形：coverflow
舉例：
正規化九：主題結構
特點：
主題內容，獨立於與其他正規化，根據產品特點進行創意發揮。
適用於：
1.常見於功能簡單的小工具（比如日曆、計算機，遊戲等）；
2.個性化的小眾APP，手機桌面等等。
舉例：
正規化十：組合
特點：
1. 混合式，適用於平臺級的產品；
2. 會增加使用者的認知負擔。
舉例：淘寶首頁
思考：淘寶的首頁佈局就是是頂部搜尋框（非常重要）+banner輪播（精準推送的廣告、形成變現）+宮格（給阿里系產品進行導流）+卡片+底部tab。