記載


あなたのアプリ内で選択する言葉は、ユーザー体験の不可欠な部分です。



オンボーディング体験の構築、アラートの記載、アクセシビリティのためのイメージの説明の記載のいずれであっても、言語のレンズを通してデザインすることで、人々があなたのアプリやゲームを最大限に活用できるようになります。



始めましょう


あなたのアプリの声を決定します。 誰と話しているかを考えて、使用する語彙の種類を把握してください。あなたのアプリを使用している人々が親しんでいる単語の種類は何ですか?人々にどのように感じてもらいたいですか?たとえば、バンキングアプリの言葉は信頼と安定を伝え、ゲームの言葉は興奮と楽しさを伝えます。一般的な用語のリストを作成し、そのリストを参照して、言語の一貫性を保って下さい。一貫した言葉遣いと、あなたのアプリの価値観を反映した声は、すべてがよりまとまりを感じるのに役立ちます。


あなたのトーンをコンテキストに合わせます。 あなたのアプリの声を確立したら、状況に応じてトーンを変えます。実際の世界とアプリ自体の両方で、あなたのアプリを使用しているときに人々が何をしているかを考えてください。彼らは運動してゴールに達していますか?それとも、支払いをしようとしてエラーが発生したでしょうか?状況の要因は、あなたの発言内容とスクリーン上のテキストの表示方法の両方に影響します。


Apple Watch の以下の 2 つの例のトーンを比較してください。初めのトーンは率直で直接的で、状況の深刻さを反映しています。2 つ目のトーンは明るく、お祝いの言葉です。




明確にしてください。 簡単に理解できる言葉を選び、正しいことを伝えましょう。各単語をチェックして、そこにあるべきことを確認してください。より少ない言葉で済む場合は、そうして下さい。疑わしいときは、あなたの記載を声に出して読んでください。


みんなのために記載してください。 あなたのアプリができるだけ多くの人々に役立つようにするには、できるだけ多くの人に話しかける必要があります。シンプルで平易な言葉を選び、アクセシビリティとローカリゼーションを念頭に置いて記述し、特殊用語や性別用語を避けます。ガイダンスについては、包括的な記述 (Writing inclusively) と アクセシビリティ を参照してください。開発者向けガイダンスについては、ローカライズ (Localization) を参照してください。



ベストプラクティス


各スクリーンの目的を検討してください。 スクリーン上の要素の順序に注意を払い、最も重要な情報を最初に配置します。読みやすいようにテキストをフォーマットします。複数のアイデアを伝えようとしている場合は、テキストを複数のスクリーンに分割し、それらのスクリーン間の情報の流れについて考えてください。


アクション志向であること。 アクティブな音声と明確なラベルにより、人々はあなたのアプリを今のステップから次のステップへ、またはあるスクリーンから別のスクリーンへとナビゲートできます。ボタンやリンクにラベルを付けるときは、ほとんどの場合、動詞を使用するのが最善です。明快さを優先し、ラベルをかわいくしたり賢くしたりする誘惑に負けないようにします。たとえば、単に「次へ」と言うだけで、「これをやろう」よりもうまく機能することがよくあります。リンクについては、「こちらをクリックしてください」の使用を避け、「UX 記載の詳細をご覧ください」など、より説明的な単語やフレーズを使用してください。これは、スクリーンリーダーを使用してあなたのアプリにアクセスする人々にとって特に重要です。


言語パターンを構築します。 一貫性は親しみやすさを構築し、あなたのアプリがまとまりがあり、直感的で、よく考えられた設計であると感じさせます。また、これらのパターンに何度も戻ることができるため、あなたのアプリの記載が容易になります。確立を検討すべきいくつかの言語パターンを以下に示します。


  • タイトルまたは文の case (大小文字)。 アラート、ページタイトル、見出し、ボタンラベル、およびリンクにタイトルケースまたは文のケースのどちらを使用するかを決定します。HIG 全体を通して、特定のコンポーネントのガイドラインを見つけることができますが、テキストをどのようにフォーマットするかは、アプリの声を反映しています。タイトルケースはよりフォーマルで、文のケースはよりカジュアルです。あなたのアプリに合ったスタイルを選択してください。

  • 一人称または二人称。 たとえば、あなたのアプリで人々がお気に入りやブックマーク項目を保存できる場合、それらの項目は [お気に入り] または [保存済み項目] に表示されますが、両方を使用しないでください。一人称または二人称を選択し、それを続けます。

  • 「続行」または「次へ」。 あなたのアプリに複数のスクリーンにまたがるフローがある場合は、あるステップから次のステップに移動するボタンまたはリンクにラベルを付ける方法を決定します。「続行」または「次へ」はうまく機能しますが、どちらかを選択し、使用方法に一貫性を持たせてください。「完了」というラベルの付いたボタンのように、フローの最後に違いを示すようにしてください。

  • 人々が各デバイスをどのように使用しているかについて記載します。 人々は、さまざまな種類のデバイスであなたのアプリを使用します。言葉はデバイス全体で一貫している必要があり、テキストを調整してさまざまなデバイスに適したものにすることが役立つ事について考えてください。各デバイスでジェスチャを正しく説明していることを確認してください。たとえば、iPhone や iPad などのタッチデバイスでは、「タップ」を意味するのに「クリック」とは言いません。


    人々がどこでどのようにデバイスを使用するか、そのスクリーンサイズ、およびその場所はすべて、あなたのアプリの記載方法に影響します。たとえば、iPhone や Apple Watch はパーソナライゼーションの機会を提供しますが、スクリーンが小さいため簡潔さが求められます。一方、テレビは一般的な生活空間にあることが多く、複数の人々がスクリーン上の何かを見る可能性が高いため、誰に話しかけているかを検討してください。スクリーンが大きくなると、遠くからでも文字が人々に見えるように文字を大きくしなければならないため、簡潔さも求められます。


    空白のスクリーンに明確な次のステップを提供します。 完了した To Do リストや何も入っていないブックマークフォルダーなどの空の状態は、人々に歓迎されていると感じさせ、あなたのアプリについて知ってもらう良い機会を提供します。空の状態でもあなたのアプリの声を示すことができますが、コンテンツが有用であり、コンテキストに適合していることを確認してください。次に何をすべきかが明確でない場合、空のスクリーンは気が遠くなる可能性があります。そのため、実行できるアクションについて人々をガイドし、可能であれば実行するためのボタンまたはリンクを提供します。空の状態は通常一時的なものであることを忘れないでください。そのため、後で消える可能性のある重要な情報を表示しないでください。


    明確なエラーメッセージを記載します。 人々がエラーを回避できるようにすることが常に最善です。エラーメッセージが必要な場合は、できるだけ問題に近くメッセージを表示し、非難を避け、問題を解決するために誰かができることを明確にする必要があります。たとえば、「そのパスワードは短すぎます」は、「8 文字以上のパスワードを選択してください」ほど役に立ちません。エラーはイライラする可能性があることを忘れないでください。「おっと!」のような間投詞 または「ええと」は通常不要であり、不誠実に聞こえます。言語だけでは多くの人に影響を与える可能性があるエラーに対処できないことがわかった場合は、それを機会として利用して、やり取りを再考してください。


    適切な配送方法を選択してください。 あなたのアプリを積極的に使用しているかどうかにかかわらず、人々の注意を引く方法はたくさんあります。伝えたいことがある場合は、メッセージの緊急性と重要性を考慮してください。メッセージが誰かに表示される状況、すぐに対処する必要があるかどうか、誰かが必要とするサポート情報について考えてください。適切な配信方法を選択し、状況に適したトーンを使用してください。ガイダンスについては、通知アラート、および アクションシート を参照してください。


    設定ラベルは明確かつシンプルに保ちます。 できるだけ実用的なラベルを付けて、人々が必要な設定を簡単に見つけられるようにします。設定ラベルが十分でない場合は、説明を追加します。電源を入れたときの動作を説明すると、反対のことが推測できます。たとえば、Apple Watch の手洗いタイマー設定では、説明では、手を洗っているときにタイマーを開始できると説明しています。この設定がオフの場合、タイマーが開始されないことを説明する必要はありません。



    誰かを設定に誘導する必要がある場合は、その場所を説明するのではなく、直接のリンクまたはボタンを提供してください。ガイダンスについては、設定 を参照してください。


    テキストフィールドにヒントを表示します。 人々がアカウントや連絡先情報などの独自のテキストを入力できるアプリの場合は、すべてのフィールドに明確なラベルを付け、ヒントやプレースホルダーテキストを使用して、人々が情報の書式設定方法を理解できるようにします。name@example.com のようにヒントテキストで例を示したり、「あなたの名前」のように情報を説明したりできます。フィールドのすぐ隣にエラーを表示し、ルールに従わないことを叱るのではなく、情報を正しく入力する方法を人々に指示します。「名前には文字のみを使用してください」は、「数字や記号を使用しないでください」よりも優れています。「名前が無効です」など、役立つ情報のない機械的なエラーメッセージは避けてください。ガイダンスについては、テキストフィールド を参照してください。



    リソース


    関連


    Apple スタイル ガイド


    包括的に記載


    含まれる物


    アクセシビリティ



    開発者用文書


    ローカライズ (Localization)



    ビデオ


    変更記録


    2023年 2月 27日新しいページ。




    目次
    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 で支払う

    財布

    序文

    パスのデザイン

    注文追跡のデザイン














    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ