包括的


包括的アプリは、敬意を表するコミュニケーションを優先し、誰もがアクセスして理解できる方法でコンテンツと機能を提示することにより、人々を最優先します。



包括的なアプリのデザインを支援するために、使用する単語やイメージ、および提供する体験を確認する際に、以下の目標を検討してください。


すべてのデザインと同様に、包括的なアプリのデザインは、正しく行うのに時間がかかる反復的なプロセスです。プロセス全体を通して、他の人々がどのように考え、感じ、進化する知識と理解を受け入れるかについてのあなたの仮定を検討する準備をしてください。



デザインによる包括


単純で直感的な体験は、よくデザインされたアプリの中核です。直感的な体験をデザインするには、まず人々の目標と視点を調査して、人々の共感を呼ぶコンテンツを提示できるようにします。


共感は、さまざまな視点を持つ人々が、あなたが作成したコンテンツや体験にどのように反応するかを理解するのに役立つため、この調査における重要なツールです。たとえば、ある観点から、あなたのアプリ内の単語やイメージが理解できない、またはあなたの意図しない意味を持っていることに気付く場合があります。


各人の視点は、明確でダイナミックな人間の資質の独特な交差点で構成されていますが、すべての視点は、以下のような人間の特性と体験から生まれます。


  • 年令
  • 性別と性別のアイデンティティ
  • 人種と民族
  • 性的関心
  • 物理的な属性
  • 認知的な属性
  • 永続的、一時的、および状況に応じた障害
  • 言語と文化
  • 宗教
  • 教育
  • 政治的または哲学的意見
  • 社会的および経済的状況

  • さまざまな観点からあなたのアプリを検討するときは、不快感を与えるコンテンツの単なる検索として作業を組み立てることは避けてください。不快な素材や体験を含むアプリはありませんが、不快でないアプリは必ずしも包括的なアプリではありません。包括的に焦点を当てることで、不快感を与える可能性のあるコンテンツを回避すると同時に、誰もが楽しめる居心地の良い体験を作り出すこともできます。



    言語の歓迎


    わかりやすく、包括的な言語を使用すると、誰でも歓迎し、あなたのアプリを理解するのに役立ちます。あなたのアプリの記述を注意深く見直して、口調や言葉が人を排除しないようにします。ここでは、テキスト (コピーとも呼ばれます) を作成するためのヒントをいくつか紹介します。これは、直接的で、理解しやすく、包括的です。


    さまざまな観点からコピーの口調を検討してください。 あなたの書き方は、あなたが使う言葉とほとんど同じように伝わります。アプリによって使用する通信スタイルは異なりますが、使用する口調が意図しないメッセージを送信しないようにしてください。たとえば、アカデミックな口調は、アプリが高レベルの教育を受けた人のみを歓迎しているように見せます。あなたのアプリに適したスタイルを探すときは、明確で、直接的で、敬意を払うことに重点を置いてください。


    人々をどのように参照するかに注意してください。 通常、あなたあなたの を使って人々に直接話しかけるのはうまくいきます。間接的に人々を ユーザー と呼ぶと、あなたのアプリが遠ざかり、不快に感じる可能性があります。また、あなたのアプリや会社を表すために、私たち私たちの のような言葉を予約することを検討してください。そうでなければ、これらの用語は、侮辱的または見下すようなものとして解釈される可能性のある人々との個人的な関係を示唆します。


    専門用語や技術用語を定義せずに使用することは避けてください。 専門用語や技術用語を使用すると、文章をより簡潔にすることができますが、その用語の意味を知らない人々は除外されます。そのような用語を使用しなければならない場合は、必ず最初にそれらを定義し、人々が簡単に定義を参照できるようにしてください。人々が文章の専門用語または技術用語の定義を知っている場合でも、代わりに平易な言葉を使用すると、その文章は読みやすく、翻訳しやすくなります。


    口頭表現を平易な言葉に置き換えます。 口頭表現は文化に固有のものであることが多く、翻訳が難しい場合があります。さらに悪いことに、いくつかの口語的なフレーズは、あなたが知らないかもしれない排他的な意味を持っています。たとえば、ピーナッツギャラリーgrandfathered in の両方のフレーズは、抑圧的な文脈から生じ、人々を排除し続けます。口語的なフレーズに排他的な意味がない場合でも、それを理解していないすべての人を除外することがあります。


    ユーモアを含める前に慎重に検討してください。 ユーモアは非常に主観的であり、口頭での表現と同様に、ある文化から別の文化に翻訳するのは困難です。あなたのアプリにユーモアを含めると、ユーモアを理解しない人々を混乱させたり、ユーモアに繰り返し遭遇することにうんざりしている人を苛立たせたり、違う解釈をする人々を侮辱したりする危険があります。追加の書き込みガイダンスについては、包括的書き込み (Writing inclusively) を参照してください。



    親しみやすい


    親しみやすいアプリは、人々が使用する前に特定のスキルや知識を持っている必要はありません。また、時間の経過とともに理解を深めるための明確な道筋を人々に示します。


    あなたのアプリがさまざまな、強力な機能を有効にする場合でも、1 つの簡単なタスクを実行する場合でも、アプリを親しみやすくするためには 2 つの方法があります。


  • 明確でわかりやすいインターフェースを提示します。各プラットフォーム上の他のアプリに適合する、シンプルなインターフェイスのデザインを支援するには、iOSiPadOSmacOSwatchOS、および tvOS のデザインを参照してください。

  • あなたのアプリの使用方法の学び方を構築します。経験豊富なユーザーが、必要なコンテンツに直接スキップできるようにしながら、新しいユーザーが段階的なアプローチを取るのに役立つ初回の起動経験をデザインすることを検討してください。ガイダンスについては、搭載 を参照してください。


  • 性同一性


    歴史を通して、世界中の文化は、女性と男性の二元的なバリエーションを超えて拡大する自己同一性と表現のスペクトルを認識してきました。


    特定の性別への不必要な言及を避けることで、誰もがあなたのアプリで歓迎されていると感じられます。たとえば、"サブスクライバーが彼または彼女のレシピあなたのを共有フォルダーに投稿できるようにする" などのコピーを使用するレシピ共有アプリは、 "サブスクライバーがあなたのレシピを共有フォルダーに投稿できる" などの代替コピーを使用することで、不要な性別の参照を回避できます。性別中立の名詞 "subscribers" を使用することに加えて、改訂されたコピーでは、不要な単数形代名詞の "彼の" と "彼女の" を回避し、性別の代名詞を使用する言語にローカライズされたときに文が包括的であり続けるのに役立ちます。


    特定の性別への不必要な言及の別の例は、アバター、絵文字、またはグリフです。全ての人を歓迎するために、彼らが彼らを正確に表すアバターと絵文字を作成するために必要なツールを人々に与えてください。一般の人または人々を描写する必要がある場合は、性別のない人間のイメージを使用して、一般の人男性女性 ではなく 人間 を意味するというメッセージを強調しましょう。SF シンボルは、以下に示す図や人物のシンボルなど、使用できる多くの性別のないグリフを提供します。




    person.crop.circle




    person.3.fill




    figure.wave



    ほとんどのアプリは人の性別を知る必要はありませんが、健康や法的な理由などであなたのアプリがこの情報を必要とする場合は、バイナリでなく自己識別状態への辞退 などの包括的なオプションを提供することを検討してください。この状況では、必要に応じて適切に対処できるように、使用する代名詞を人々に指定させることもできます。



    人と設定


    人間の多様性を表現することは、あなたのアプリがすべての人を歓迎できる最も顕著な方法の 1 つです。人々がアプリとその関連資料の中で自分のような人を認識すると、排除されていると感じなくなり、アプリからの恩恵を受けると考える可能性が高くなります。


    人々を表すコピーやイメージを作成するときは、さまざまな人間の特徴や活動を描写します。たとえば、フィットネスアプリは、さまざまな人種的背景、体型、年齢、および身体能力を持つ人々によって示される運動の動きを特徴とすることができます。一般的な職業を描写する必要がある場合は、男性の医師や女性の看護師だけを表示するなど、典型的な表現は避けてください。


    表示する設定とオブジェクトも確認してください。たとえば、シナリオによっては、高レベルの豊かさを示すことが理にかなっている場合もありますが、それ以外の場合は、歓迎されないため、アプリが手に負えないように見えることがあります。あなたのアプリで意味がある場合は、ほとんどの人々にとってなじみがあり、親しみやすい場所、家、アクティビティ、アイテムを表示することをお勧めします。



    ステレオタイプの回避


    誰もが偏見とステレオタイプ (固定概念) を持っており、多くの場合無意識のうちであり、それらがあなたの思考にどのように影響するかを発見するのは難しい場合があります。包括的デザインの目標は、あなたの偏見と一般化を認識して、それらがあなたのデザインの決定に影響を与える所を認識できるようにすることです。


    たとえば、人々がさまざまな家族のアカウントアクセスを管理するのに役立つアプリを考えてみましょう。このアプリが、女性、男性、およびその生物学的子供などの 家族 の典型的な定義を使用している場合、そのコピーとイメージでこの視点を伝える可能性があります。このアプリは、人々の家族がこの狭い定義に適合することを前提としているため、家族が異なるすべての人を除外します。


    アカウントアクセスのアプリで行われた仮定は明らかな間違いのように見えるかもしれませんが、すべての仮定を簡単に見つけることができるわけではないことを理解することが重要です。たとえば、以下のような将来の身元確認のために回答できるセキュリティに関する質問を選択するアプリについて考えてみます。


  • 大学で好きな科目は何でしたか?
  • あなたの最初の車の車種は何でしたか?
  • 虹を最初に見たとき、どのように感じましたか?

  • いくつかの観点から、これらの質問はありふれた出来事に言及していますが、すべてが誰もが持っているわけではない体験に基づいています。コンテキスト固有の体験を使用して何かを伝達することは、そのコンテキストを共有せず、事実上それらを除外するすべての人にとって役に立ちません。上記の文化および能力に固有の質問に代わるものを作成するには、以下のような、より普遍的な人間の体験を参照することができます。


  • あなたの好きな趣味は何ですか?
  • あなたの最初の友達の名前は何ですか?
  • あなたを最もよく表す性質は何ですか?

  • 一般化では人間の視点の多様性を反映できないため、固定概念または仮定に基づいてデザインを決定すると、必然的に除外につながります。仮定を避け、代わりに包含に焦点を合わせると、すべての人に利益をもたらす体験を作成するのに役立ちます。



    アクセシビリティ


    包括的なアプリは誰でもアクセスできます。人々は、VoiceOver、ディスプレイ設備、クローズドキャプション、スイッチコントロール、スピークスクリーンなどのアップルのアクセシビリティ機能を利用して、個々のニーズに合わせてデバイスをカスタマイズしているため、あなたのアプリでこれらの機能をサポートすることが不可欠です。


    また、障害によって誰かがあなたのアプリを使いたがらないと想定しないようにすることも不可欠です。このような仮定を行うと、アプリの潜在的な視聴者を制限するデザインになる可能性があります。対照的に、各アプリの体験をアクセス可能にすることに重点を置くと、誰もが自分に合った方法であなたのアプリから利益を得る機会が得られます。


    誰もが楽しめるアプリをデザインするために、以下のことを覚えておいてください。


  • それぞれの障害はスペクトルです。 たとえば、視覚障害は低視力から完全な失明までの範囲であり、色盲、ぼやけた視力、光感度、末梢視力喪失などが含まれます。

  • 誰もが障害を経験しえます。ほとんどの人が年をとるにつれて経験する障害に加えて、感染による短期間の難聴などの 一時的な障害 や、騒がしい電車の中で聞こえないなどの 状況的な障害 があり、さまざまな時期にすべての人に影響を与える可能性があります。

  • すべての能力の人々を歓迎するコンテンツをデザインするときは、以下のヒントを考慮してください。


    障害のある人々を除外するイメージや言葉は避けてください。 たとえば、さまざまな人々を表す場合は、障害のある人々を含め、障害を使用して否定的な性質を表現する言葉は避けてください。


    障害のある人々について書くときは、人々を第一に考えるアプローチを取ります。 たとえば、個人の障害について言及する前に、個人の成果と目標を説明することができます。特定の人やコミュニティについて書いている場合は、それらがどのように自己識別しているかを調べてください。詳細なガイダンスについては、障害についての記述 (Writing about disability) を参照してください。


    シンプルさと知覚可能性を優先します。 タスクの実行を簡単にし、視覚、聴覚、触覚のいずれを使用する場合でも、誰もがコンテンツを認識できるようにする、使い慣れた一貫性のある操作を優先します。


    あなたのアプリをアクセス可能にする方法の詳細については、アクセシビリティ を参照してください。



    言語


    人々は、テキストの言語と、日付、時刻、お金などの値を書式化するための領域を選択することによって、デバイスをカスタマイズすることを期待しています。世界中の視聴者を歓迎するには、まず、あなた自身以外の言語と地域を処理するようにあなたのアプリを準備し (国際化 と呼ばれるプロセス)、特定のロケールに翻訳されたテキストとリソースを提供します。国際化の概要については、アプリを新しい市場に拡大する を参照してください。ローカリゼーションに関する開発者向けガイダンスについては、ローカリゼーション (Localization) を参照してください。


    包括的に焦点を合わせると、ローカリゼーションの準備に役立ちます。たとえば、平易な言語を使用し、不要な性別の参照を避け、さまざまな人々を表現し、固定概念や文化固有のコンテンツを避けることで、より多くの言語にローカライズされたバージョンのアプリを作成するのに適した立場になります。あなたのアプリのグリフに SF シンボル を使用すると、ローカリゼーションを合理化するのにも役立ちます。多くの言語固有のグリフを提供することに加えて、SF シンボルには、左から右および右から左の両方のコンテキストで使用できるグリフも含まれています。ガイダンスについては、右から左 を参照してください。


    あなたのアプリと関連コンテンツをローカライズするときは、色の使用方法にも注意してください。色には文化固有の強い意味があることが多いため、サポートする各ロケールで人々が特定の色にどのように反応するかを発見することが不可欠です。たとえば、ある場所では、白は死や悲しみに関連付けられていますが、他の場所では、純粋さや平和に関連付けられています。コミュニケーションの手段として色を使用する場合は、あなたのアプリの各バージョンで色の選択が同じことを伝えるようにしてください。


    リソース


    関連


    包括的に書く (Writing inclusively)

    アクセシビリティ


    開発者用文書


    Localization (Localization)


    ビデオ




    包括的デザインのプロセス
    WWDC21





    目次
    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

    序章

    アプリの構造

    ユーザーの操作

    視覚的デザイン

    Mac の慣用句


    機械学習

    序文

    機械学習の役割

    明示的なフィードバック

    暗黙のフィードバック

    較正

    訂正

    間違い

    複数のオプション

    自信

    属性

    制限事項


    マップ

    序文

    Apple Watch のマップ

    屋内のマップ


    ビジネス向けメッセージ

    序文

    ブランド化

    ボタン

    ダークモード

    ロゴ

    メッセージバブルの内容

    スクリーンショット


    NFC

    写真編集

    ResearchKit

    SharePlay

    ShazamKit

    Apple でサインイン

    序文

    データ管理

    ボタン


    Siri

    序文

    システムの意図

    カスタムの意図

    ショートカットと提案

    編集者用


    タップして iPhone で支払う

    財布

    序文

    パスのデザイン

    注文追跡のデザイン














    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ