移动化中心
注册
Advertisement

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

要做的事[ | ]

使用正確的標籤[ | ]

每個標籤都有它的目的

  • 圖片標籤是用於圖片[1](英文) 和影片,避免在資料或導航標籤中使用。
  • 資料標籤僅適用於資料,不適合用在圖片。

使用有命名的變量[ | ]

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

還擇適當的圖片[ | ]

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

要避免的事[ | ]

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

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

避免行中的樣式更改[ | ]

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

避免太過一般性的訊息框[ | ]

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

另參見[ | ]

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

註釋[ | ]

Advertisement