次の方法で共有

Windows 11 でアプリをすぐれたものにするためにできることトップ 11

Windows 11 によって、Windows オペレーティング システムの外観が進化します。 Windows の進化につれて、お客様がアプリのエクスペリエンスに対して期待する水準も高くなり続けています。 これらのお客様の期待は、主に、アプリの基礎 、ユーザー エクスペリエンス 、セキュリティ 追加された 3 つの領域に現れます。

  • アプリの基礎 - 低価格でモバイル性の高いデバイスのフォーム ファクターで優れたパフォーマンスを発揮し、アプリのライフサイクルと状態のリハイドレーションとローミングに手間がかからないこと。
  • ユーザー エクスペリエンス - 現在および将来のデバイスで自宅のように見えるさまざまな入力、設計と相互作用パターン、最新のウィンドウワークフローとシェル統合ポイントのサポートを自然に操作する機能。
  • セキュリティの強化 - ユーザー データとプライバシーを保護するセキュリティで保護されたプラットフォームにアプリを展開し、Windows Hello や Passkeys などの機能を統合して、ユーザーにセキュリティで保護されたエクスペリエンスを提供する機能を追加しました。

まったく新しいビジュアルのシグナル伝達の変化、Windows と Microsoft の長所を一緒に紹介する 署名エクスペリエンス 、さらに多くのアプリを含むまったく新しい ストア により、Windows 11 は "次の機能" の Windows として位置付けされています。

Windows 上の優れたアプリは、アプリの基礎、最新のユーザー エクスペリエンス、セキュリティの強化に関するこれらのお客様の期待を満たし、 WinUI、 MSIX、および Windows App SDK ファミリの API を通じてアプリが優れた機能を実現しやすくするために、ネイティブ Windows プラットフォームに投資しています。 このドキュメントでは、アプリが Windows 11 用に作られたとユーザーに感じてもらえるように、アプリの外観と動作を向上させるために必要な作業の概要について説明します。

Windows 11 でアプリを輝かせるために実行できる上位 10 個の 11 の操作を次に示します。

1. アプリに Windows 11 と互換性があることをテストする

ユーザーは、デバイスにインストールするアプリに対して確固とした基礎を期待しています。 アプリをアップグレードしたとき、または新しいバージョンのオペレーティング システムに移行したときには、アプリが正常に動作することを期待しています。 互換性テストを行うことで、アップグレード後にアプリの機能が変わらないことを確認できます。また、製品が十分にテストされていれば、お客様の満足度を高めることができます。

アプリが Windows 11 と互換性を持つかどうかをテストする

Microsoft は、最新バージョンの Microsoft 製ソフトウェア上でアプリが動作するように取り組んでおり、互換性を考慮して Windows 11 を構築しています。 Windows 7、8.1、10 上で動作したアプリは、Windows 11 でも動作することをお約束します。 アプリに問題が発生した場合は、ご自身で問題を修正できるように、Microsoft が無償で問題の特定を支援します。 App Assure のページにアクセスし、サインインして、専用の App Assure Manager からのサポート要求を送信します。

2. 発見しやすく、わかりやすいプライバシー ポリシーを用意する

プライバシーに関する声明を発見しやすく、わかりやすくすることで、アプリケーションに対するユーザーの信頼と信用が高まります。

次の条件を満たすプライバシー ポリシーにします。

  • 製品によってアクセス、収集、または送信される個人情報をユーザーに通知する。
    • その情報がどのように使用され、格納され、保護されるかを示す。
    • その情報が開示される当事者の種類を示す。
  • ユーザーが自分の情報の使用と共有に対して持つコントロールと、ユーザーが自分の情報にアクセスする方法を説明する。
  • 適用される法律と規制に準拠する。
  • 製品に新機能を追加するたびに最新の状態に維持する。

Microsoft のプライバシーに関する声明

3. アクセシビリティと包括性を備えたアプリにする

包括的な設計により、すべてのユーザーにとって良い製品が作成されます。 アクセシビリティと包括性を備えたアプリにするには、以下の点について、機能性と使いやすさの向上が何を意味するかを検討します。

  • 障がいを持つユーザー (一時的なものと永続的なものの両方)。
  • 個人設定。
  • 特定の作業スタイル。
  • 状況的な制約 (共有の作業場、運転、料理、まぶしさなど)。

一般的なソリューションとしては、ビデオの字幕などの代替形式で情報を提供することや、スクリーン リーダーなどのユーザー補助テクノロジの使用を有効化することなどがあります。

アクセシビリティを考慮してアプリケーションを設計すると、メンテナンス、更新、再設計が容易になります。 アクセシビリティを考慮することで、障がいを持つユーザーが使いやすいアプリになるだけでなく、アプリのメンテナンス コストを削減することができます。

Windows のアクセシビリティ

4. 最新の共通コントロールを使用する

Windows 11 では、Windows オペレーティング システムの UI が美しく一新されました。これをアプリでもご利用いただけます。 共通コントロールは、こうした更新をすぐに利用できる方法の 1 つです。 最新の共通コントロールをできるだけ使用することで、互換性とアクセシビリティの利点を無料で得ることができます。 また、メンテナンスとテストのコストを考慮すると、これらの共通コントロールは、独自のカスタム コントロールを構築するよりもコスト効率が高くなります。

一般的な UI コントロールの画像

デスクトップ アプリ (Win32)

  • Windows App SDK 1.1 以降の WinUI 3 を使用して、最新の共通コントロールを活用できる Win32 アプリケーションを作成します。
  • コントロールを評価するには、 WinUI 3 ギャラリー (メイン ブランチ) を確認してください。
  • UXTheme を使用する Win32 コントロールは、選択した若返ったコントロール ビジュアルのライト テーマの "再描画" を自動的に取得します。 問題が発生した場合は、必ずテストしてください。 サーフェスが自動的に更新されない場合は、可能であれば手動でビジュアルを更新して、他の更新部分との一貫性を持たせてください。

UWP アプリ

  • アプリで UWP XAML または WinUI を使用している場合は、 WinUI 2.6 以降を使用するように更新します。 WinUI には、UWP XAML と WinUI の両方のコントロールに新しいスタイルが用意されています。また、既定のスタイルは、ビジュアルとアニメーションが刷新され、既定で更新されています。
  • サポートされているコントロールの一覧については、ドキュメントを参照してください。
  • WinUI 2 ギャラリー (winui 2 ブランチ) を使用してコントロールを評価します。

WebView と他のプラットフォーム

  • 個々の WebView サーフェスは、手動でスタイルを採用するために作業が必要です。 一元化されたスタイルは提供しませんが、 デザイン ツールキット と WinUI 2 ギャラリーを使用してスタイルをコピーできます。

5. 最新のデザイン素材 (アクリル、マイカ) の使用

アプリを通じてユーザーのデスクトップの背景を輝かせる Mica という新しい素材が導入されています。 マイカは非常にパフォーマンスの高い素材であり、アプリがアクティブか非アクティブかの状態を伝えるために、TitleBar のような長時間表示される UI サーフェスに使用することを想定しています。 マイカは、バッテリの消費を抑えながら、視覚的な楽しみもあるテクスチャです。

デザイン マテリアルを使用した 2 つのアプリ ウィンドウの画像。

  • マイカは、アプリのアクティブな状態を伝えるためにアプリの UI のベース レイヤーに使用され、アプリにフォーカスがないときには単色にフォールバックされます。 そのため、TitleBar の背景にマイカを使用することをお勧めします。
  • NavigationView などの一部のコントロールは、既に既定の動作が組み込まれています。
  • マイカを使用するアプリが Windows 10 以前の環境で動作する場合は、問題なくデグレードされます (マイカは単色にフォールバックされます)。
  • マイカは長期間使用される表面に使用するものであり、一時的な表面に使用することをアクリルとは異なります。
  • アクリル素材を使用している場合は、色をより鮮やかに更新したので、既存の アクリルガイダンス に従ってください。

マイカガイダンス、 アクリルガイダンス

6. ウィンドウに丸い角を使用し、スナップ レイアウトをサポートする

アプリのウィンドウには、丸い角やスナップ レイアウトのメニューなどの新機能があり、ほとんどの場合、アプリに自動的に反映されます。 ウィンドウやタイトル バーをカスタマイズしている場合は、必要に応じて、これらの新機能がサポートされているかどうかを確認してください。

Windows 11 では、ウィンドウの境界線の角が丸くなりました。 Microsoft のユーザー調査チームは、角を丸い形状にすると、心理的に安心感を覚え、アプリの UI をはるかに把握しやすくなることを発見しました。 これにより、ユーザーは威圧感を覚えず、アプリをより魅力的に感じられるようになります。 丸みの程度も慎重に選択しました。 企業とユーザーの調査結果を踏まえて、プロフェッショナルな印象と、よりソフトで魅力的な印象とのバランスを検討しました。

角が丸いアプリ ウィンドウの画像。

スナップ レイアウトは、ウィンドウ スナップの機能をユーザーに紹介するための Windows 11 の新機能です。 スナップ レイアウトは、ウィンドウの最大化ボタンの上にマウスを置くか、Win + Z キーを押すことで簡単に使用できます。使用できるレイアウトを表示するメニューを呼び出した後、レイアウト内のゾーンをクリックしてウィンドウをその特定のゾーンにスナップし、さらにスナップ アシストを使用してウィンドウのレイアウト全体の構築を完了することができます。 スナップ レイアウトは、現在の画面サイズと向きに合わせて調整され、横長の大画面に 3 つのウィンドウを横に並べて表示したり、縦長の画面には上下に重ねて表示したりすることができます。

  • ほとんどのアプリには、丸い角とスナップレイアウト対応のメニューが自動的にサポートされますが、一部ではそれを得るために多少の作業が必要となる場合もあります。
  • UWP を使用している場合、または Windows App SDK のウィンドウ機能を採用している場合は、これらの機能が自動的に取得されます。
    • 事前に定義されたテンプレートを使用して、ウィンドウのスタイルを構成します。
    • ウィンドウのタイトル バーをカスタマイズします。

7. 濃色テーマと淡色テーマをサポートする

Microsoft では、淡色テーマと濃色テーマをサポートしています。これは、ユーザーの個性を表現するために適した方法です。 純色の白と黒を避けて目に優しい色調に更新しており、より楽しい色使いになっています。 濃色テーマのサポートは、さまざまな種類のユーザーにとってより使いやすく、魅力的なアプリにするためにも最適です。

左側にライト テーマ、右側に濃色テーマのアプリの分割画像。

  • WinUI のカラー パレットが更新され、より軽く感じられるようになりました (WinUI 2.6 以降を使用)。 アプリにカスタム カラーがハードコーディングされている場合は、テクノロジに関係なく、状況に応じて全体的な色の理論に合わせて更新する必要があります。
  • UXTheme ベースの Win32 サーフェスを使用している場合、Light テーマには、コントロール (丸いボタンなど) が若返ります。 アプリをテストして、更新されたグローバルの既定値がローカルのスタイル設定によって上書きされないことを確認する必要があります。 (Win32 アプリの場合は、「 Win32 アプリでのダーク テーマとライト テーマのサポート」を参照してください)。

8. アプリのコンテキスト メニューの拡張機能と [共有] のターゲットを最適化する

Windows 11 では、エクスプローラーの右クリック コンテキスト メニューと [共有] ダイアログのコンテキスト ファイル操作の動作が向上しています。 アプリによってコンテキスト メニューが作成される場合、または共有のターゲットが定義される場合は、Windows 11 で適切に機能するように、必要に応じて変更を加えます。

コンテキスト メニュー

Windows 11 では、エクスプローラーのコンテキスト メニューの動作がいくつかの点で向上しました。

  • [切り取り]、[コピー]、[貼り付け]、[削除] などの一般的なコマンドがメニューの上部に移動されました。
  • Open と Open with がグループ化されるようになりました。
  • アプリの拡張機能は、シェルの動詞の下にグループ化されました。 複数の動詞を持つアプリは、アプリの属性と共にポップアップにまとめられました。
  • クラウド ファイル プロバイダー アプリ は、ファイルをハイドレートまたは退避するためにシェル コマンドの横に配置されます。
  • Windows 10 の以前のコンテキスト メニュー (以前のコンテキスト メニューの使用頻度の低いコマンドと共に) は、メニューの下部にある [ その他のオプションを表示 ] 項目から引き続き使用できます。 + キーまたはキーボード メニュー キーを押すと、Windows 10 コンテキスト メニューも読み込まれます。

Windows 11 のコンテキスト メニューの画像

アプリにコンテキスト メニュー拡張機能を定義している場合、その拡張機能を Windows 11 の新しいコンテキスト メニューに表示するには、次の要件を満たす必要があります。 それ以外の場合、アプリのコンテキスト メニュー拡張機能は、[ その他のオプションの表示 ] 項目で使用できる古いコンテキスト メニューに表示されます。

  • コンテキスト メニュー拡張機能は、 IExplorerCommand インターフェイスを使用して実装する必要があります。 IContextMenu を実装するコンテキスト メニュー拡張機能は、代わりに古いコンテキスト メニューに表示されます。
  • 実行時にパッケージ ID が設定されるように、アプリは "パッケージ化アプリ" である必要があります。 アプリをパッケージ化するための一部のオプションについては、「 パッケージ ID を必要とする機能 」を参照してください。

[共有] ダイアログ

Windows 11 では、[共有] ダイアログの動作をいくつかの点で向上しました。

  • 近くの共有に関する検出可能性設定がダイアログの上部に表示され、下部にはその他の設定が表示されます。
  • パッケージ化されていないデスクトップ アプリや Microsoft Edge 経由でインストールされた PWA など、すべてのアプリがターゲットとして [共有] ダイアログに表示されるようになりました。
    • 以前にパッケージ化されていないデスクトップ アプリは、外部の場所でパッケージ化した場合、共有ダイアログにターゲットとして参加できます (外部の場所で パッケージ化してパッケージ ID を付与するを参照)。 その方法を示すサンプル コードについては、 SparsePackages サンプル アプリを参照してください。
    • PWA が Web 共有ターゲット API を実装している場合、PWA は [共有] ダイアログに参加できます。

Windows 11 の [共有] ダイアログの画像

9. 美しいアイコンとタイポグラフィを使用する

アイコンが更新され、"Segoe UI Variable" という新しい UI フォントが導入されました。 Windows 11 上の一貫性を保つために、すべてのアプリがこの新しいアイコンとフォントを使用するように切り替えることをお勧めします。 この新しいフォントは、よりソフトな形状を実現し、テキストの読みやすさが格段に向上しています。

ウィンドウ アイコンの選択の画像。

  • モノライン アイコンには "Segoe Fluent Icons" という新しいアイコンが導入されました。 WinUI 2.6 以降のコントロールには、新しいアイコンとタイポグラフィが自動的に使用されます。
  • ファイルの種類のアイコンが更新されました。 imageres.dll または shell32.dll でアイコンを使用しているアプリの場合、アイコンは自動的に更新されます。 それ以外の場合は、スタイルの手動更新が必要になることがあります。
  • アプリ アイコン - スタート画面やタスク バーのランチャーなどの場所で使用される アプリ アイコンの最新の設計ガイダンス に従います。
  • アニメーション アイコン - Lottie アニメーションのサポートが WinUI に追加され、 AnimationIcon 機能を使用してアイコンを意味のある方法でアニメーション化することをお勧めします。 他のスタイルの変更と同様に、WinUI 2.6 以降が必要です。
  • コードに Segoe UI を指定する XAML で書かれたカスタム エクスペリエンスの場合は、代わりに Segoe UI Variable を指定してください。

注

新しいフォントを使用するアプリが Windows 10 以前のレベルで実行された場合、以前のフォントを使用するようにフォールバックされ、適切にデグレードされます。

10. Windows で利用できる革新的で安全な機能を利用する

Windows は、従来のデバイスだけでなく、ますます多様化する最新のデバイスでも実行されています。 現在のデバイスには、x86/x64 ベースだけでなく、Arm ベースのアーキテクチャもあります。マウスとキーボードだけでなく、タッチスクリーン、タッチパッド、ペンも使用できます。カメラ、GPS、ジャイロスコープのようなセンサーを使用する。と素晴らしいビジュアルだけでなく、ハードウェアアクセラレータ人工知能(AI)を可能にするグラフィックスとニューラル処理チップセットを備えています。 お客様は、(お金を払って購入した) ハードウェアがアプリによって活用され、デバイスのフォーム ファクターが認識され、適切に最適化されたエクスペリエンスが提供されることを期待しています。

Windows の強化されたセキュリティ機能

Windows はセキュリティとプライバシーの基盤上に構築されており、Windows 11 は Windows の最も安全なバージョンとして設計されており、Windows の最新のセキュリティ機能を利用するセキュリティで保護されたアプリの構築に取り組んでいます。

11. アプリケーションのパッケージ化と配布に MSIX と Windows ストアを使用する

ビジネスに適した任意の場所でアプリを配布できます。 Windows では、既存の Web サイト、アプリ管理システム、または Windows ストアから配布できます。

  • ストアには、ネイティブ Windows アプリでもプログレッシブ Web アプリ (PWA) でも、すべての Windows アプリを変更せずに掲載できます。 既存の Windows アプリをストアに掲載することで、アプリを見つけやすくすることができます。 ストアの商用およびアプリ配布システムを使用するか、ご自身の既存のシステムを使用することができます。 いずれにしても、アプリは Windows ストアで見つけやすくなります。

    Windows ストアの詳細

  • アプリが自動更新をサポートしていること、インストールが効率的であること、MSIX で管理できることを確認します。

    アプリケーションの最新バージョンをお客様に提供することは、お客様の維持と評価の鍵になります。 MSIX を使用すると、アプリの更新プロセスを個別に実行することなく、アプリをシームレスにインストールして最新の状態に保つことができます。 その方法とスケジュールは完全に制御できます。

    MSIX とは

関連コンテンツ