行動化訊息框/最佳實踐

行動化訊息框提供了很多的彈性，但這個也是雙面刃，有可能造成混亂而難以使用。以下是一些由使用者建議的最佳實踐方式，可以讓訊息框有效而對用戶友善。

要做的事

使用正確的標籤

每個標籤都有它的目的

• 圖片標籤是用於圖片（英文） 和影片，避免在資料或導航標籤中使用。
• 資料標籤僅適用於資料，不適合用在圖片。

使用有命名的變量

雖然有些用編號表示的變量也很好用，它們對於一般使用者是很不友善的，要了解如何更改它們也會變得困難。另外，你應該儘量試著將 {{{parameters}}}的數量減到最少。而儘量使用 "source"屬性內容。

還擇適當的圖片

太長的圖片可能會蓋住讀者想看到的內容。因此，訊息框會自動重設圖片的大小，以500px為上限，，以使它變得容易閱讀。它也會依照銀幕的大小而有不同的寬度，但一般來說寬度是270px，因此一個好的正方形圖片，大約是在I250 x 250 px。

要避免的事

避免過多的parser函數或魔術字

訊息框是要設計使創建它簡單。因此使用太多的Parser函數或魔術字不是好的方式，因為這會讓它變得難以理解，如果有需要，試者把一些其他的功能放入一個協助的模板。

避免行中的樣式更改

在這些訊息框背後的設計概念，是要將顯示方式（樣式）與內容區分開來，以便讓它能在各種裝置上適當顯示。 因此雖然這些訊息框是設計用於行動化，並在需要的時候裁剪不必要的內容，但行中的樣式更改會讓訊息框變得複雜而難以修改。

避免太過一般性的訊息框

儘可能讓一種訊息框負責專門的功能。例如不要把一個訊息框同時用在角色、書籍和遊戲，這會讓它變得笨重而難以維講。。

另參見

• 行動訊息框/提示與技巧