ユーザーの操作


iPad と Mac はどちらも、マルチタッチディスプレイ、キーボード、マウス、トラックパッドなど、さまざまなデバイスからのユーザー入力を受け入れます。通常、タッチ操作は iOS の規則を通知し、一方キーボードとマウスの操作は macOS の規則を通知します。Mac Catalyst であなたの Mac アプリを作成する場合は、まず iPad と Mac でのユーザー操作の違いを確認してください。次に、ユーザーがあなたの Mac アプリをどのように操作するかを考え、macOS の規則に従うように変更を加えて下さい。


たとえば、Mac ユーザーは通常、コンテンツとコントロールを操作するために 2 段階のプロセスを使用します。最初にオブジェクトを選択し、次にそれに対してアクションを実行します。これらのステップの間に時間が経過するため、人々がアクションの選択を完了するまで、オブジェクトの選択状態が維持されなければなりません。Mac ユーザーは、使用する入力デバイスに関係なく、選択の持続性 と呼ばれるこの動作を期待しています。


一方、iPad ユーザーはジェスチャ (選択の持続性にほとんど依存しない) を介してアクションを実行するか、キーボード、マウス、またはトラックパッドを使用してアクションを実行できます。


プラットフォームごとの規則がユーザー体験にどのように影響するかを示す他の例を以下に示します。


  • Mac ユーザーは、特にマウスを使用している場合、ページ間をスワイプするなどの iPad やトラックパッドのジェスチャの代わりに、[次へ] ボタンと [前へ] ボタンを高く評価します。

  • Mac ユーザーは、[Delete] キーを使用するか、メニューで [削除] コマンドを選択することを期待しているため、通常、UI に [削除] ボタンを表示する必要はありません。

  • Mac ユーザーはメニューコマンドまたはツールバーのボタンが新しいコンテンツをロードすることを期待していますが、iPad ユーザーはビューをプルダウンしてコンテンツを更新することに慣れています。

  • iOS ユーザーの操作を Mac の操作に変換するときは、プラットフォームの規則に準拠した方法でオブジェクトを操作できるように重点を置いてください。Mac ユーザーは、キーボードとマウスまたはトラックパッドを同時に簡単に使用できるという事実を利用してください。たとえば、コレクションビューで人々が複数のセルを選択したり、矢印キーを使用したり、文字キーや数字キーを押したり、キーボードショートカットを使用したりして永続的な選択を変更できます。



    アプリのメニュー


    Mac では、スクリーン上部のメニューバーにより、アプリとシステムの両方を制御するコマンドの一貫した場所が人々に提供されます。メニューバーには、常に使用可能なシステムレベルのコマンドを一覧表示する Apple メニューに加えて、現在のアプリの標準メニューとカスタムメニューが含まれています。Mac ユーザーは、すべての Mac アプリがメニューバーでほとんどのコマンドを使用できることを期待しています。iOS アプリはコントロールを使用してメイン UI にコマンドを表示するため、すべてのアプリコマンドの論理的で直感的なメニューバーの場所を見つけることは、適応プロセスの重要な部分です。



    あなたのアプリの Mac バージョン用のメニューバーのメニューを設計するには、人々が実行できるすべてのアクションをリストし、それらを標準のメニューバーのメニューで定義されたカテゴリにグループ化することから始めます。

    注意

    ほとんどの Mac アプリには、[表示] メニューと [ウィンドウ] メニューが含まれています。これらのメニューは似ているように見えますが、目的が異なります。人々は [表示] メニューを使用して、アプリウィンドウの外観をカスタマイズし、さまざまな機能領域間を移動します。一方、[ウィンドウ] メニューを使用して、アプリ内のウィンドウのコレクションをナビゲートし、整理し、および管理します。ガイダンスについては、メニューバー を参照してください。


    あなたのリストの一部のアクションが標準のメニューバーのメニューでは意味をなさない場合は、カスタムメニューを追加する必要があるかもしれません。Mac アプリは、多くの場合、コアアプリオブジェクトまたはコアアプリワークフローのいずれかに関連したコマンドのカスタムメニューバーのメニューを追加します。たとえば、macOS の メール は、[メッセージ] メニューと [メールボックス] メニューを使用して、これらの基本的なアプリオブジェクトを操作するコマンドを一覧表示します。対照的に、Keynote は [配置] メニューを使用して、スライドデッキ内のオブジェクトを配置するコアワークフローに関連するコマンドを一覧表示します。


    あなたのアプリのアクションをメニューにグループ化したら、各メニューの項目を意味のある順序に並べます。各標準メニューは項目の推奨順序を定義しているため、あなたがサポートする項目についてはこの順序に従うことが重要です。たとえば、Mac ユーザーは、[ファイル] メニューには以下の順序で項目が表示されることを期待します。


  • 新規

  • 開く...

  • 最近使った項目を開く

  • 閉じる

  • カスタムメニューバーのメニューでは、重要性、使用頻度、またはあなたのアプリで意味のある別のスキームに従って項目を並べ替えます。メニューバーのメニューには、項目を論理的にグループ化するのに役立つサブメニューと区切りを含めることもできます。ガイダンスについては、メニュー を参照してください。

    開発者用ノート


    カスタムメニューを追加および削除するには、UIMenuBuilder (UIMenuBuilder) を使用し、あなたの iOS アプリのコマンドを表すメニュー項目を UICommand (UICommand) でメニュー項目として追加します。



    キーボード入力


    Mac ユーザーは、アプリが一般的なコマンドのキーボードショートカットなどの macOS キーボード規則をサポートすることを期待しており、通常、各キーのコマンドは対応するメニューバーのメニュー項目に由来しています。


    ユーザーがキーボードを使用してあなたの Mac アプリをナビゲートできるようにします。 たとえば、各タブなどの各主要なビュー領域をキーボードショートカットの ⌘1、⌘2 などに割り当てます。次に、キーのコマンドを [表示] メニューに追加します。

    開発者用ノート


    コマンドのキーボードショートカットをサポートするメニュー項目を追加するには、UIKeyCommand (UIKeyCommand) を使用します。開発者向けガイダンスについては、メニューバーとユーザーインターフェイスへのメニューとショートカットの追加 (Adding Menus and Shortcuts to the Menu Bar and User Interface) を参照してください。


    あなたのメニューのすべての一般的なコマンドのキーボードショートカットをサポートして下さい。 キーボードを使用する Mac ユーザーと iPad ユーザーの両方が、この変更の恩恵を受けることができます。例えば:


  • キーボードを使用するユーザーが、あなたの Mac アプリの UI に [取り消し] ボタンを表示する代わりに、キーボードショートカットと、対応するメニュー項目を使用して前の操作を取り消せるようにします。

  • あなたのアプリの macOS バージョンから [削除] ボタンを取り除き、人々が代わりに [削除] キーまたはアプリの [編集] > [削除] メニューコマンドを使用できるようにします。

  • ガイダンスについては、カスタムキーボードショートカット を参照してください。


    開発者向けガイダンスについては、メニュー要素を使用してアクションにアクセス (Accessing Actions Using Menu Elements) および 削除メニュー要素の利用 (Take advantage of the delete menu element) を参照してください。



    支援


    iOS アプリは通常、アプリ内または Web サイトの情報セクションにユーザーを誘導することで支援を提供しますが、一方 Mac ユーザーは、アプリが支援メニューバーのメニューからスクリーン上の支援文書を提供することを期待しています。ガイダンスについては、ヘルプメニュー および ヘルプの提供 を参照してください。



    コンテキストメニュー


    コンテキストメニューは、人々がメニューバーのメニューを開かなくても、オブジェクトに対して実行できるアクションを見つけるのに役立ちます。あなたの iOS アプリで コンテキストメニュー をサポートする場合、システムはそれをあなたのアプリの macOS バージョンのコンテキストメニューに自動的に変換します。


    Mac ユーザーに最高の体験を提供するには、コンテキストメニューをサポートする追加の場所を探してください。たとえば、人々があなたのアプリ内のオブジェクトに対して実行できる一般的なアクションがある場合は、これらのアクションを一覧表示するコンテキストメニューを追加して下さい。オブジェクトを表すビューにコンテキストメニューを追加することもできます。たとえば、Finder のフォルダオブジェクトは、[新しいタブで開く]、[名前の変更]、[複製] などのアクションを提供するコンテキストメニューをサポートします。


    iOS 14 以降では、人々が選択できるアイテムまたはアクションを一覧表示するプルダウンメニューまたは単にメニューをボタンに表示できます。Mac Catalyst で Mac アプリを作成すると、メニューは自動的に macOS メニューになります。ガイダンスについては、プルダウンボタン を参照してください。



    ジェスチャ


    Mac Catalyst であなたの Mac アプリを作成すると、ほとんどの iOS ジェスチャが自動的に変換されます。例えば:


    iOS ジェスチャ...マウス操作への変換
    タップ 左または右クリック
    タッチアンドホールド (長押し)クリックアンドホールド (長押し)
    パン左クリックしてドラッグ


    iOS ジェスチャ...トラックパッドジェスチャへの変換
    タップクリック
    タッチアンドホールド (長押し)クリックアンドホールド (長押し)
    パンクリックアンドドラッグ
    ピンチ (つまむ)ピンチ (つまむ)
    回転回転


    具体的な例として、人々がオブジェクトをタップしてドラッグできる iOS アプリを考えてみましょう。macOS では、人々はオブジェクトをクリックしてホールドしてからドラッグします。原則として、あなたの Mac アプリでは標準のコントロールとビューを使用するようにしてください。これらはほとんどの標準的なクリックとジェスチャに自動的に応答するからです。システム全体のアプリ間ジェスチャを再定義することは避け、カスタムジェスチャは慎重に定義してください。さらに、誰もがマウスやトラックパッドを持っているわけではないため、特定のデバイスやジェスチャが利用できるかどうかに依存しないでください。また、人々はあなたの知らないうちにジェスチャを無効にしたり、再定義したりすることもあります。ガイダンスについては、ポインティングデバイス を参照してください。

    開発者用ノート

    ピンチと回転ジェスチャの 2 つのタッチは、各タッチの下のビューではなく、ポインターの下のビューに送信されます。




    リソース


    関連


    macOS 用デザイン



    開発者用文書


    Mac Catalyst (Mac Catalyst)



    ビデオ





    目次
    Xcode の新機能

  • new HIG
  • 基礎

    概要

    アクセシビリティ

    ベストプラクティス

    操作

    ボイスオーバー

    テキスト表示

    色と効果

    プラットフォームの考慮事項

    リソース


    アプリのアイコン

    ベストプラクティス

    プラットフォームの考慮事項

    仕様

    リソース


    ブランド化

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    カラー

    ベストプラクティス

    包括的カラー

    システムカラー

    カラーマネジメント

    プラットフォームの考慮事項

    仕様

    リソース


    ダークモード

    ベストプラクティス

    ダークモードの色

    プラットフォームの考慮事項

    リソース


    アイコン

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    イメージ

    拡大率

    フォーマット

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    含まれる物

    デザインによる包括

    言語の歓迎

    親しみやすい

    性同一性

    人と設定

    ステレオタイプの回避

    アクセシビリティ

    言語

    リソース


    レイアウト

    ガイドと安全なエリア

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    マテリアル(材料)

    ベストプラクティス

    プラットフォームに関する考慮事項

    リソース


    モーション

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    右から左へ

    テキストの配置

    数字と文字

    コントロール

    イメージ

    インターフェイスアイコン

    プラットフォームの考慮事項

    リソース


    SF シンボル

    ウェイトよスケール

    デザインバリアント

    カスタムシンボル

    プラットフォームの考慮事項

    リソース


    タイポグラフィ(印刷)

    ベストプラクティス

    システムフォントの使用

    カスタムフォントの使用

    プラットフォームの考慮事項

    仕様

    リソース




    パターン

    概観


    個人データへのアクセス

    許可を求める

    ロケーションボタン

    事前アラートスクリーン

    リクエストの追跡

    データの保護

    プラットフォームの考慮事項

    リソース


    データのグラフ化

    ベストプラクティス

    効果的なグラフの設計

    プラットフォームの考慮事項

    リソース

    変更記録

    協力と共有化

    ベストプラクティス

    プラットフォームの考慮事項

    リソース

    変更記録

    ドラッグアンドドロップ

    ベストプラクティス

    フィードバックの提供

    ドロップを受け入れる

    プラットフォームの考慮事項

    リソース


    データ入力

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    フィードバック

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    ファイル管理

    ベストプラクティス

    ファイルを開く

    作業の保存

    クイックルックプレビュー

    プラットフォームの考慮事項

    リソース


    全画面表示

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    起動

    ベストプラクティス

    起動画面

    プラットフォームの考慮事項

    リソース


    ライブビューのアプリ

    ベストプラクティス

    EPG の体験

    クラウド DVR

    プラットフォームの考慮事項

    リソース


    ロード中

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    アカウントの管理

    ベストプラクティス

    アカウントの削除

    TV プロバイダーアカウント

    プラットフォームの考慮事項

    リソース


    通知の管理

    フォーカスとの統合

    ベストプラクティス

    買い物通知の送信

    プラットフォームの考慮事項

    リソース


    モダリティ

    ベストプラクティス

    リソース


    マルチタスク

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    ヘルプの提供

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    搭載

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    オーディオの再生

    ベストプラクティス

    中断の処理

    プラットフォームの考慮事項

    リソース


    触覚の再生

    ベストプラクティス

    カスタムの触覚

    プラットフォームの考慮事項

    リソース


    ビデオの再生

    ベストプラクティス

    TV アプリとの統合

    プラットフォームの考慮事項

    リソース


    印刷

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    格付けとレビュー

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    検索

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    設定

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    取り消しとやり直し

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    トレーニング

    ベストプラクティス

    プラットフォームの考慮事項

    リソース




    部品

    全ての部品


    コンテンツ

    グラフ

    イメージビュー

    テキストビュー

    Web ビュー


    レイアウトと構成

    ボックス

    コレクション

    コラムビュー

    開示コントロール

    ラベル

    リストと表

    ロックアップ

    アウトラインビュー

    スプリットビュー

    タブビュー

    メニューとアクション

    活動ビュー

    ボタン

    コンテキストメニュー

    ドックメニュー

    編集メニュー

    メニュー

    ポップアップボタン

    プルダウンボタン

    ツールバー


    ナビゲーションと検索

    ナビゲーションバー

    パスコントロール

    検索フィールド

    サイドバー

    タブバー

    トークンフィールド


    プレゼンテーション

    アクションシート

    アラート

    ページコントロール

    パネル

    ポップオーバー

    スクロールビュー

    シート

    ウィンドウ


    選択と入力

    カラーウェル

    コンボボックス

    数値入力ビュー

    イメージウェル

    スクリーン上のキーボード

    ピッカー

    セグメントコントロール

    スライダー

    ステッパー

    テキストフィールド

    トグル(切り替え)


    状態

    活動リング

    ゲージ

    レベルインジケータ

    進捗インジケータ

    格付けインジケータ

    システムの体験

    複雑化

    ホーム画面のクイックアクション

    ライブ活動

    メニューバー

    通知

    ステータスバー

    一番上の棚

    時計の文字盤

    ウィジェット




    入力

    概観


    アクションボタン

  • ベストプラクティス
  • プラットフォームの考慮事項
  • リソース
  • 変更記録
  • Apple Pencil と落書き

  • ベストプラクティス
  • ホバー
  • ダブルタップ
  • 落書き

  • カスタムの描画
  • プラットフォームの考慮事項
  • リソース
  • 変更記録
  • デジタルの竜頭

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    焦点と選択

  • ベストプラクティス
  • プラットフォームの考慮事項
  • リソース

  • ゲームコントローラ

  • ベストプラクティス
  • ボタン
  • プラットフォームの考慮事項
  • リソース

  • ジャイロスコープと加速度計

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    キーボード

  • ベストプラクティス
  • キーボードショートカット
  • カスタムキーボードショートカット
  • プラットフォームの考慮事項
  • 仕様
  • リソース

  • ポインティングデバイス

  • ベストプラクティス
  • プラットフォームの考慮事項
  • リソース

  • リモコン

  • ベストプラクティス
  • ジェスチャ
  • ボタン
  • 互換性のあるリモコン
  • プラットフォームの考慮事項
  • リソース

  • 空間的相互作用

  • ベストプラクティス
  • デバイスの使用法
  • プラットフォームの考慮事項
  • リソース

  • タッチバー

  • ジェスチャ
  • ベストプラクティス
  • インターフェイスアイコン
  • コントロールとビュー
  • プラットフォームの考慮事項
  • リソース

  • タッチスクリーンジェスチャ

  • ベストプラクティス
  • 標準的なジェスチャ
  • プラットフォームの考慮事項
  • リソース



  • プラットフォーム

    概観

    iOS 用デザイン

  • ベストプラクティス
  • リソース

  • iPadOS 用デザイン

  • ベストプラクティス
  • リソース

  • macOS 用デザイン

    ベストプラクティス

    リソース


    tvOS 用デザイン

    ベストプラクティス

    リソース


    watchOS 用デザイン

  • ベストプラクティス
  • リソース



  • テクノロジー

    全てのテクノロジー

    AirPlay

    序文

    アイコン

    編集者用

    常にオン

    アプリクリップ

    序文

    ユーザー体験

    アプリクリップカード

    アプリクリップのコード

    印刷ガイドライン

    法的要件


    Apple Pay

    序文

    Apple Pay の提供

    チェックアウトと支払い

    エラー処理

    サブスクリプションと寄付

    ボタンとマーク

    編集者用


    拡張現実

    CareKit

    序文

    データとプライバシー

    ビュー

    ユーザー体験

    シンボルとブランド化

    CarPlay

    序文

    アーキテクチャ

    操作

    視覚的デザイン

    アイコンとイメージ

    システム要素

    ゲームセンター

    序文

    アクセス・ポイント

    ダッシュボード

    成果

    リーダーボード

    多数のプレイヤー

    カスタムダッシュボードのリンク


    HealthKit

    HomeKit

    序文

    用語とレイアウト

    設定

    Siri の操作

    カスタム機能

    アイコン

    編集者用


    iCloud

    アプリ内購入

    ライブ写真

    Mac Catalyst

    序文

    アプリの構造

    ユーザーの操作

    iPad macOS

  • リソース

  • 視覚的デザイン

    Mac の様式


    機械学習

    序文

    機械学習の役割

    明示的なフィードバック

    暗黙のフィードバック

    較正

    訂正

    間違い

    複数のオプション

    自信

    属性

    制限事項


    マップ

    序文

    Apple Watch のマップ

    屋内のマップ


    ビジネス向けメッセージ

    序文

    ブランド化

    ボタン

    ダークモード

    ロゴ

    メッセージバブルの内容

    スクリーンショット


    NFC

    写真編集

    ResearchKit

    SharePlay

    ShazamKit

    Apple でサインイン

    序文

    データ管理

    ボタン


    Siri

    序文

    システムの意図

    カスタムの意図

    ショートカットと提案

    編集者用


    タップして iPhone で支払う

    財布

    序文

    パスのデザイン

    注文追跡のデザイン









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ