Human Interface Guidelines


触覚の再生


触覚を再生することで、人々の触覚を引き込み、実際の世界に親しみを持ってあなたのアプリやゲームに取り入れることができます。



システムは、視覚的および聴覚的フィードバックに加えて触覚を再生して、Apple Pay 取り扱いの確認や iOS および watchOS での通知の到着などを伝達できます。感圧タッチトラックパッドを搭載した Mac では、人々がコンテンツをドラッグしているときにアプリが触覚を再生したり、圧力クリックのさまざまな強さに反応して、スクリーン上の要素にさまざまなレベルの変更を加えたりできます。tvOS または iPadOS アプリでは、ゲームコントローラーが触覚フィードバックを提供できます。


プラットフォームによっては、システムがデフォルトで標準コンポーネントの触覚フィードバックを提供する場合があります。たとえば、スイッチ、スライダー、ピッカーなどのコンポーネントは、サポートされている iPhone のモデルで触覚フィードバックを自動的に再生します。Apple Watch では、Taptic Engine が触覚を生成し、watchOS が可聴音をそれらの一部と組み合わせます。さらに、システムは、あなたのアプリやゲームで使用できる組み込みの触覚パターンを提供したり、カスタムパターンをデザインしたりすることもできます。



ベストプラクティス


文書化された意味に従って、システムが提供する触覚パターンを使用します。 システムが標準的なコントロールの操作で一貫してそれらを再生するため、人々は標準的な触覚を認識します。文書化されたパターンの使用例があなたのアプリで意味をなさない場合は、汎用パターンを使用するか、サポートされている場合は独自のパターンを作成してください。ガイダンスについては、カスタムの触覚 を参照してください。


触覚を一貫して使用します。 人々が特定の触覚パターンを特定の体験と関連付けることを学べるように、各触覚とそれを引き起こした行動との間に明確な因果関係を構築することが重要です。触覚が因果関係を強化しない場合、それは混乱を招き、不当に見える可能性があります。たとえば、ゲームキャラクターがミッションを完了できなかったときにあなたのアプリが特定の触覚パターンを再生する場合、人々はそのパターンを否定的な結果に関連付けます。レベルの完了などの肯定的な結果に同じ触覚パターンを使用すると、人々は混乱します。


あなたのアプリ内の他のフィードバックを補完する方法で触覚を使用して下さい。 視覚的、聴覚的、および触覚的なフィードバックが調和している場合 (一般に実際の世界にあるように)、ユーザー体験はより一貫性があり、より自然に見えます。たとえば、触覚の強度と鋭さを、それに付随するアニメーションと一致させます。音を触覚と同期させることもできます。開発者向けガイダンスについては、触覚を使用したリッチなアプリ体験の提供 (Delivering Rich App Experiences with Haptics) を参照してください。


触覚を使いすぎないようにしてください。 触覚は、たまに発生するとちょうどいい感じになりますが、頻繁に再生すると疲れます。ほとんどの人が評価する、バランスを見つけるのに役立つユーザーテストを行うことが重要です。多くの場合、最高の触覚体験は、人々が意識していないかもしれないが、それがオフになっていると見逃してしまう体験です。


触覚をオプションにします。 必要に応じて、人々が触覚をオフにするかミュートして、触覚がなくてもあなたのアプリを楽しめるようにします。


触覚を再生すると、他のユーザー体験に影響を与える可能性があることに注意してください。 デザイン上、触覚は人々が振動を感じるのに十分な物理的力を生み出します。触覚振動が、カメラ、ジャイロスコープ、またはマイクを含むユーザー体験を妨げないことを確認してください。



カスタムの触覚


ゲームは、ゲームプレイを強化するためにカスタムの触覚をよく使用します。あまり一般的ではありませんが、ゲーム以外のアプリでもカスタムの触覚を使用して、より豊かで楽しい体験を提供する場合があります。


ユーザー入力またはコンテキストに基づいて動的に変化するカスタム触覚パターンをデザインできます。たとえば、ゲームキャラクターが木からジャンプするときのインパクトは、キャラクターが所定の位置にジャンプするときよりも強くなり、衝突やヒットなどの実質的な経験は、足音や迫り来る危険のようにわずかな体験とは非常に違うように感じます。


カスタムの触覚パターンを生成するために使用できる 2 つの基本的な構成要素があります。


  • 一時的な イベントは短くコンパクトで、しばしばタップや衝動のように感じられます。ホームスクリーン上の 懐中電灯 ボタンをタップする体験は、一時的なイベントの例です。

  • 継続的な イベントは、メッセージ内のレーザー効果の体験など、持続的な振動のように感じます。

  • カスタムの触覚を生成するために使用する触覚イベントの型に関係なく、その 鋭利さ強度 を制御することもできます。鋭利さは、触覚体験を、対応する物理的感覚を生み出す波形に抽象化する方法と考えることができます。鋭利さを指定すると、体験の意図をシステムに伝えることができます。たとえば、鋭利さの値を使用して、柔らかく、丸みを帯びた、または有機的な体験、または鮮明で正確な、または機械的な体験を伝えることができます。用語が意味するように、強度は触覚の強さを意味します。


    一時的なイベントと継続的なイベントを組み合わせ、鋭利さと強度を変化させて、オプションのオーディオコンテンツを含めることで、さまざまな触覚体験を作成できます。開発者向けガイダンスについては、Core Haptics (Core Haptics) を参照してください。



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


    iOS、iPadOS


    iPad は触覚を再生しませんが、あなたの iPadOS アプリでゲームコントローラー入力をサポートできます。開発者向けガイダンスについては、ゲームコントローラーでの触覚の再生 を参照してください。


    サポートされているiPhoneモデルでは、以下の方法で体験に触覚を追加できます。


  • デフォルトで Apple がデザインしたシステムの触覚を再生する標準の UI コンポーネント (スイッチスライダーピッカー、など) を使用します。

  • 理にかなっている場合は、フィードバックジェネレーターを使用して、通知影響、および 選択 のカテゴリでいくつかの事前に定義された触覚パターンの 1 つを再生します (開発者向けガイダンスについては、UIFeedbackGenerator (UIFeedbackGenerator) を参照してください)。


  • 通知


    通知の触覚は、小切手の預け入れや車両のロック解除など、タスクまたはアクションの結果に関するフィードバックを提供します。



    成功。 タスクまたはアクションが完了したことを示します。



    エラー。 エラーが発生したことを示します。



    警告。 タスクまたはアクションが何らかの警告を発生したことを示します。


    影響


    影響の触覚は、視覚体験を補完するために使用できる物理的なメタファーを提供します。たとえば、ビューが所定の位置にスナップしたときにタップを感じたり、2 つの重いオブジェクトが衝突したときにドキドキしたりする場合があります。



    軽い。 小さいまたは軽量の UI オブジェクト間の衝突を示します。



    重い。 大きい、または重量の UI オブジェクト間の衝突を示します。



    ソフト。 ソフトまたは柔軟性のある UI オブジェクト間の衝突を示します。



    中間。 中型または中型の UI オブジェクト間の衝突を示します。



    硬い。 硬い、または柔軟性のない UI オブジェクト間の衝突を示します。



    選択


    選択の触覚は、UI 要素の値が変更されている間にフィードバックを提供します。



    選択。 UI 要素の値が変更されていることを示します。





    macOS


    Magic Trackpad が利用可能な場合、あなたのアプリはドラッグ操作または強制クリックに応答して、以下の 3 つの触覚パターンのいずれかを提供できます。


    触覚のフィード
    バックパターン
    説明
    配置ドラッグしたアイテムの配置を示します。たとえば、このパターンは、人々が図形をドラッグして別の図形に配置するときに、描画アプリで使用できます。この型のフィードバックを使用できる他のシナリオには、特定の寸法に収まるようにオブジェクトをスケーリングする、オブジェクトを適切な場所に配置する、ビデオアプリのスクラバーのようなものの開始/終了または最小/最大に到達するなどがあります。
    レベル変更圧力の離散レベル間の動きを示します。たとえば、人々がビデオプレーヤーの早送りボタンを押すと、再生速度が増減したり、さまざまなレベルの圧力に達したときに触覚フィードバックが提供されます。
    汎用他のパターンが当てはまらない場合に一般的なフィードバックを提供することを目的としています。

    開発者向けガイダンスについては、NSHapticFeedbackPerformer を参照してください。



    tvOS


    Apple TV では、ゲームコントローラは触覚を再生できます。開発者向けガイダンスについては、ゲームコントローラーでの触覚の再生 を参照してください。


    watchOS


    Apple Watch Series 4 以降は、デジタル竜頭に触覚フィードバックを提供します。これにより、コンテンツをスクロールするときに、人々により触覚的な体験を与えられます。デフォルトでは、システムは、人々がデジタル竜頭を回転させたときに感じられる線形の つめ を提供します。テーブルビューなどの一部のシステムコントロールは、新しいアイテムがスクリーン上にスクロールするときに つめ を提供します。開発者向けガイダンスについては、WKHapticType(WatchKit) (WKHapticType) を参照してください。


    watchOS は、以下の一連の触覚を定義します。各触覚は、特定の意味を人々に伝えます。



    通知。 重要または異常なことが発生し、ユーザーの注意が必要であることをユーザーに通知します。ローカルまたはリモートの通知が到着すると、システムはこれと同じ触覚を再生します。




    Up。 重要な値が重要なしきい値を超えて増加したことをユーザーに通知します。




    Down。 重要な値が重要なしきい値を下回ったことをユーザーに通知します。




    成功。 アクションの完了が成功したことをユーザーに通知します。




    失敗。 アクションが失敗したことをユーザーに通知します。




    再度施行。 アクションが失敗したが、再試行される可能性があることをユーザーに通知します。




    開始。 アクティビティが開始したことをユーザーに通知します。タイマーまたは明示的に開始および停止できるその他のアクティビティを開始するときに、この触覚を使用します。この触覚の後には通常、停止触覚が続きます。




    停止。 アクティビティが停止したことをユーザーに通知します。以前に開始されたタイマーまたはその他のアクティビティを停止するときに、この触覚を使用します。




    クリック。 事前に定義された増分または間隔で、ダイヤルのクリックまたは進行の感覚を提供します。この触覚は慎重に使用してください。クリックの触覚を使いすぎると、その有用性が低下し、クリックが互いに重なると混乱することさえあります。



    目次
    Xcode の新機能

  • new HIG
  • 基礎

    概要

    アクセシビリティ

    ベストプラクティス

    操作

    ボイスオーバー

    テキスト表示

    色と効果

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

    リソース


    アプリのアイコン

    ベストプラクティス

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

    仕様

    リソース


    ブランド化

    ベストプラクティス

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

    リソース


    カラー

    ベストプラクティス

    包括的カラー

    システムカラー

    カラーマネジメント

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

    仕様

    リソース


    ダークモード

    ベストプラクティス

    ダークモードの色

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

    リソース


    アイコン

    ベストプラクティス

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

    リソース


    イメージ

    拡大率

    フォーマット

    ベストプラクティス

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

    リソース


    含まれる物

    デザインによる包括

    言語の歓迎

    親しみやすい

    性同一性

    人と設定

    ステレオタイプの回避

    アクセシビリティ

    言語

    リソース


    レイアウト

    ガイドと安全なエリア

    ベストプラクティス

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

    リソース


    マテリアル(材料)

    ベストプラクティス

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

    リソース


    モーション

    ベストプラクティス

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

    リソース


    右から左へ

    テキストの配置

    数字と文字

    コントロール

    イメージ

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

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

    リソース


    SF シンボル

    ウェイトよスケール

    デザインバリアント

    カスタムシンボル

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

    リソース


    タイポグラフィ(印刷)

    ベストプラクティス

    システムフォントの使用

    カスタムフォントの使用

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

    仕様

    リソース




    パターン

    概観


    個人データへのアクセス

    許可を求める

    ロケーションボタン

    事前アラートスクリーン

    リクエストの追跡

    データの保護

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

    リソース


    データのグラフ化

    ベストプラクティス

    効果的なグラフの設計

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

    リソース

    変更記録

    協力と共有化

    ベストプラクティス

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

    リソース

    変更記録

    ドラッグアンドドロップ

    ベストプラクティス

    フィードバックの提供

    ドロップを受け入れる

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

    リソース


    データ入力

    ベストプラクティス

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

    リソース


    フィードバック

    ベストプラクティス

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

    リソース


    ファイル管理

    ベストプラクティス

    ファイルを開く

    作業の保存

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

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

    リソース


    全画面表示

    ベストプラクティス

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

    リソース


    起動

    ベストプラクティス

    起動画面

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

    リソース


    ライブビューのアプリ

    ベストプラクティス

    EPG の体験

    クラウド DVR

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

    リソース


    ロード中

    ベストプラクティス

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

    リソース


    アカウントの管理

    ベストプラクティス

    アカウントの削除

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

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

    リソース


    通知の管理

    フォーカスとの統合

    ベストプラクティス

    買い物通知の送信

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

    リソース


    モダリティ

    ベストプラクティス

    リソース


    マルチタスク

    ベストプラクティス

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

    リソース


    ヘルプの提供

    ベストプラクティス

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

    リソース


    搭載

    ベストプラクティス

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

    リソース


    オーディオの再生

    ベストプラクティス

    中断の処理

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

    リソース


    触覚の再生

    サポートされる
    プラットフォーム

    iPhone iPad

    macOS tvOS

    watchOS

    ベストプラクティス

    カスタムの触覚

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

    リソース


    ビデオの再生

    ベストプラクティス

    TV アプリとの統合

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

    リソース


    印刷

    ベストプラクティス

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

    リソース


    格付けとレビュー

    ベストプラクティス

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

    リソース


    検索

    ベストプラクティス

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

    リソース


    設定

    ベストプラクティス

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

    リソース


    取り消しとやり直し

    ベストプラクティス

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

    リソース


    トレーニング

    ベストプラクティス

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

    リソース




    部品

    全ての部品


    コンテンツ

    イメージビュー

    テキストビュー

    Web ビュー


    レイアウトと構成

    ボックス

    コレクション

    コラムビュー

    開示コントロール

    ラベル

    リストと表

    ロックアップ

    アウトラインビュー

    スプリットビュー

    タブビュー


    メニューとアクション

    活動ビュー

    ボタン

    コンテキストメニュー

    ドックメニュー

    編集メニュー

    メニュー

    ポップアップボタン

    プルダウンボタン

    ツールバー


    ナビゲーションと検索

    ナビゲーションバー

    パスコントロール

    検索フィールド

    サイドバー

    タブバー

    トークンフィールド


    プレゼンテーション

    アクションシート

    アラート

    ページコントロール

    パネル

    ポップオーバー

    スクロールビュー

    シート

    ウィンドウ


    選択と入力

    カラーウェル

    コンボボックス

    数値入力ビュー

    イメージウェル

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

    ピッカー

    セグメントコントロール

    スライダー

    ステッパー

    テキストフィールド

    トグル(切り替え)


    状態

    活動リング

    ゲージ

    レベルインジケータ

    進捗インジケータ

    格付けインジケータ

    システムの体験

    複雑化

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

    ライブ活動

    メニューバー

    通知

    ステータスバー

    一番上の棚

    時計の文字盤

    ウィジェット




    入力

    概観


    Apple Pencil と落書き

    ベストプラクティス

    落書きのサポート

    カスタムの描画

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

    リソース


    デジタルの竜頭

    ベストプラクティス

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

    リソース


    焦点と選択

    ベストプラクティス

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

    リソース


    ゲームコントローラー

    ベストプラクティス

    ボタン

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

    リソース


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

    ベストプラクティス

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

    リソース


    キーボード

    ベストプラクティス

    キーボードショートカット

    カスタムキーボードショートカット

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

    仕様

    リソース


    ポインティングデバイス

    ベストプラクティス

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

    リソース


    リモコン

    ベストプラクティス

    ジェスチャ

    ボタン

    互換性のあるリモコン

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

    リソース


    空間的相互作用

    ベストプラクティス

    デバイスの使用法

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

    リソース


    タッチバー

    ジェスチャ

    ベストプラクティス

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

    コントロールとビュー

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

    リソース


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

    ベストプラクティス

    標準的なジェスチャ

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

    リソース




    プラットフォーム

    概観

    iOS 用デザイン

    ベストプラクティス

    リソース


    iPadOS 用デザイン

    ベストプラクティス

    リソース


    macOS 用デザイン

    ベストプラクティス

    リソース


    tvOS 用デザイン

    ベストプラクティス

    リソース


    watchOS 用デザイン

    ベストプラクティス

    リソース




    テクノロジー

    AirPlay

    序文

    アイコン

    編集者用


    常にオン

    アプリクリップ

    序文

    ユーザー体験

    アプリクリップカード

    アプリクリップのコード

    印刷ガイドライン

    法的要件


    Apple Pay

    序文

    Apple Pay の提供

    チェックアウトと支払い

    エラー処理

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

    ボタンとマーク

    編集者用


    拡張現実

    CareKit

    序文

    データとプライバシー

    ビュー

    ユーザー体験

    シンボルとブランド化


    CarPlay

    序文

    アーキテクチャ

    操作

    視覚的デザイン

    アイコンとイメージ

    システム要素


    ゲームセンター

    序文

    アクセス・ポイント

    ダッシュボード

    成果

    リーダーボード

    多数のプレイヤー

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


    HealthKit

    HomeKit

    序文

    用語とレイアウト

    設定

    Siri の操作

    カスタム機能

    アイコン

    編集者用


    iCloud

    アプリ内購入

    序文

    自動更新可能なサブスクリプト


    ライブ写真

    Mac Catalyst

    序章

    アプリの構造

    ユーザーの操作

    視覚的デザイン

    Mac の慣用句


    機械学習

    序文

    機械学習の役割

    明示的なフィードバック

    暗黙のフィードバック

    較正

    訂正

    間違い

    複数のオプション

    自信

    属性

    制限事項


    マップ

    序文

    Apple Watch のマップ

    屋内のマップ


    ビジネス向けメッセージ

    序文

    ブランド化

    ボタン

    ダークモード

    ロゴ

    メッセージバブルの内容

    スクリーンショット


    NFC

    写真編集

    ResearchKit

    SharePlay

    ShazamKit

    Apple でサインイン

    序文

    データ管理

    ボタン


    Siri

    序文

    システムの意図

    カスタムの意図

    ショートカットと提案

    編集者用


    タップして iPhone で支払う

    財布

    序文

    パスのデザイン

    注文追跡のデザイン















    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ