起動とレイテンシ
コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
アプリの起動はユーザーとの最初の接点であるため、慎重に設計してください。
アプリの起動では、次の原則に留意してください。
コンテンツが読み込まれるまで手首を上げたまま待つのは不快に感じられることがあるため、アプリのパフォーマンスを重視します。
アクティビティを示す
リクエストに対してシステムが対応中であることをユーザーに知らせると、遅延に対する許容度を高めることができます。
段階的に作成する
コンテンツは利用可能になったものから段階的に作成します。方法は次のとおりです。
静的要素を表示する
先にテキスト要素、操作可能なボタン、プレースホルダ UI などの静的要素を表示しながら、残りのコンテンツを読み込みます。
check_circle
適切
他のコンテンツの読み込み中に静的要素を表示する。
cancel
不適切
動的要素を表示する(コンテンツのレイアウト、形状、形式が予測できないことがあるため、これは避けてください)。
スピナーは慎重に使用する
漠然とした読み込みスピナーは、レイテンシの問題につながることがあります。代わりに、アクティビティが行われていることを示す静的なテキストやプレースホルダ画像を表示します。
check_circle
適切
行われているアクションを示す静的テキストを表示する。
視覚的なフィードバックを優先する
ユーザーが操作を行ったらすぐに視覚的なフィードバックを得られるようにします。こうすることで、操作が行われたという確信を得ることができます。単純な操作、たとえばボタンをタップする場合は、タップ時のリップル フィードバックなどが考えられます。複雑な操作、たとえばスマートフォンで音楽の音量を変更する場合は、音量を変更する前に音量インジケーターを表示することなどが考えられます。
check_circle
適切
システムがアクションを行う必要がある場合、まず視覚的なフィードバックを表示する。
ブランドを示して起動する
アプリの起動時にアプリアイコンを中央に表示して、ユーザーに最初にアプリアイコンが表示されるようにする。これはブランドの認知度を向上させるだけでなく、進行状況を示す一つの方法でもあります。黒いウィンドウ背景とアプリアイコンを使用します。アプリアイコンは、ウォッチフェイスの中央に配置する 48x48 dp の円形アイコンにする必要があります。スプラッシュ画面のアイコンは、アプリ ランチャー アイコンと一致する必要があります。詳しくは、スプラッシュ画面を追加する方法をご覧ください。
check_circle
すべきこと
ウィンドウの背景を黒色にし、48 x 48 dp の円形のアイコンを使用します。
このページのコンテンツやコードサンプルは、コンテンツ ライセンスに記載のライセンスに従います。Java および OpenJDK は Oracle および関連会社の商標または登録商標です。
最終更新日 2024-06-27 UTC。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"必要な情報がない"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"複雑すぎる / 手順が多すぎる"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"最新ではない"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻訳に関する問題"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"サンプル / コードに問題がある"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"その他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"わかりやすい"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"問題の解決に役立った"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"その他"
}]
{"lastModified": "\u6700\u7d42\u66f4\u65b0\u65e5 2024-06-27 UTC\u3002"}
[[["わかりやすい","easyToUnderstand","thumb-up"],["問題の解決に役立った","solvedMyProblem","thumb-up"],["その他","otherUp","thumb-up"]],[["必要な情報がない","missingTheInformationINeed","thumb-down"],["複雑すぎる / 手順が多すぎる","tooComplicatedTooManySteps","thumb-down"],["最新ではない","outOfDate","thumb-down"],["翻訳に関する問題","translationIssue","thumb-down"],["サンプル / コードに問題がある","samplesCodeIssue","thumb-down"],["その他","otherDown","thumb-down"]],["最終更新日 2024-06-27 UTC。"]]