Google フォトの大画面向けの開発によって 1 日のアクティブ ユーザーが増加
コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
Google フォトは思い出の拠点です。Google フォトの開発チームは、ユーザーがあらゆるデバイスで思い出を楽しめるべきだと考えています。Android タブレット、折りたたみ式デバイス、ChromeOS デバイスでアプリの機能が適切に動作するように、すべての画面でレスポンシブ レイアウトの開発に投資しました。
Eyecon の取り組み
Google フォトの開発チームは、大画面向けにレイアウトを変更する方法を検討しました。同社はユーザビリティに関するベスト プラクティスに基づき、大画面向けにレイアウトをどのように変更するかを検討しました。まず、タブレットでは 600 dp を超えて、ノートパソコンでは 1, 008 dp より大きくなったら密度を下げることで、グリッド レイアウトを改善しました。これにより、大きなフォーム ファクタで写真の閲覧やスクロールが簡単になりました。
その後、情報パネルの下部ドロワーをサイドバーに置き換えました。タブレットやデスクトップ画面は横向きで使用されることが多いため、このアプローチの変更により、広い画面への表示部分が小さくなり、タブレット ユーザーがデバイスの持ち方をより快適に利用できるようになります。また、ボトムシートのダイアログを改善し、大画面でユーザー メッセージを簡単に表示するためのスナックバーを追加しました。
ナビゲーション コンポーネントをボトムバーから垂直レールに変更し、ユーザーが簡単に移動してタスクを完了できるようにしました。Google フォトでは独自のコードベース内でこれを構築していますが、デベロッパーは新しいナビゲーション レール マテリアル コンポーネントを使用してこれを構築できます。これにより、エルゴノミクスの改善、伸縮の軽減、縦スクロール アプリの画面領域の拡大を実現できます。
また開発チームは、グリッドのサイズ変更を動的に行うことで、形状や画面サイズ間の移行を効率化し、キーボードやタッチペンなどのアクセサリに対するサポートを改善しました。生産性のために ChromeOS デバイスを使用する消費者の増加に伴い、キーボード、マウス、タップなどのさまざまな入力方法をアプリでサポートすることがますます重要になっています。
結果
A/B テストを通じてこれらの変更をロールアウトしたところ、大画面での主要プロダクトの DAU が全体的に増加し、Archive の使用は 53% も増加しました。Google フォトチームは、あらゆるデバイスで快適にご利用いただけるよう、今後もあらゆる画面サイズでのユーザー エクスペリエンスの向上に投資していきます。
使ってみる
詳しくは、大画面向けにアプリを最適化する方法をご覧ください。
このページのコンテンツやコードサンプルは、コンテンツ ライセンスに記載のライセンスに従います。Java および OpenJDK は Oracle および関連会社の商標または登録商標です。
最終更新日 2021-09-02 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 2021-09-02 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"]],["最終更新日 2021-09-02 UTC。"]]