スマートウォッチの画面サイズはハンドヘルド デバイスよりも小さいため、アクセスしやすく、使用可能な画面スペースを効率的に使用する方法で要素を配置して表示することが重要です。アイテムが画面に収まるようにするには、マテリアル ガイドラインで指定されている適切な量のパディングとマージンを使用します。
デザインが画面に収まる場合でも、ユーザーが次のいずれかの操作を行うと、インターフェースの要素が切り取られたり、切り取られたりすることがあります。
- 表示言語を変更します。
- 文字のサイズを変更します。
- [太字] システム設定を有効にします。
さまざまなユーザー環境にシームレスに適応できるように、これらの点を念頭に置いてデザインをテストすることが重要です。
インタラクティブな要素を常に表示する
インターフェースにインタラクティブな要素が含まれている場合は、ユーザーがこれらの要素を完全にスクロールできることを確認します。特に、これらの要素がページの端に配置されている場合は、注意が必要です。アプリで Horologist ライブラリを使用する場合は、responsive()
レイアウト ファクトリを使用します。それ以外の場合は、スペーサーを使用して ScalingLazyColumn
オブジェクトの上部と下部にマージンを追加し、最初と最後のリストアイテムが常にクリップされないようにします。
高密度レイアウトでカードの代わりにチップを使用する
高密度のレイアウトが必要な場合は、カードの代わりに CompactChip
を使用します。カードの表示領域が大きくなると、テキストの切り捨てやコンテンツのクリッピングを防ぐことが難しくなります。