「Appleウォレットヘルスケアに追加」に関するガイドライン

「Appleウォレットとヘルスケアに追加」ボタンは、COVID-19のワクチン接種情報を安全にダウンロードしてAppleヘルスケアアプリに保存し、ワクチン接種カードをAppleウォレットに保存できることをユーザーに視覚的に伝えるものです。

ボタンアートワークをダウンロードする(36.8MB)

iPhone showing a Vaccination Record with an Add to Apple Wallet & Health button

基本要件

  • このガイドラインで説明する「Appleウォレットとヘルスケアに追加」ボタンは、SMART Health CardsフレームワークまたはEU Digital COVID Certificateフレームワークのいずれかを使用して、HealthKitと互換性のある検証可能なワクチン接種記録と関連がある場合にのみ表示する必要があります。

  • Appleが提供するボタンアートワークのみを使用します。Appleが提供するアートワークを変更したり改変したりしないでください。

  • AppleウォレットおよびAppleヘルスケアに関連するすべてのコミュニケーションにおいて、適切なクレジットラインと商標記号(該当する場合)を使用してください。詳しくは法的要件をご確認ください。

始める前に

  • 貴組織の患者記録システムが以下を生成できることを確認します。
  • 実装を検証する際は、人工的なデータを入力したテスト用の患者アカウントを使用します。実装に対してテスト用の患者を作成できない場合は、貴組織で規定されているベストプラクティスを検証時に使用してください。

「Appleウォレットとヘルスケアに追加」ボタンの実装

「Appleウォレットとヘルスケアに追加」アートワークは、アプリ、Webページ、Eメールでボタンとして使用したり、印刷物にバッジとしてQRコードと合わせて掲載するようデザインされています。このボタンは、SMART Health CardsフレームワークまたはEU Digital COVID Certificateフレームワークのいずれかを使用して、HealthKitと互換性のある検証可能なワクチン接種記録と関連がある場合にのみ表示する必要があります。

最低限の互換性があるiOSであることを確認する

ユーザーのデバイスが、実装したフレームワークをサポートする最小バージョン以降のiOSを搭載したiPhoneであることを確認します。実装したフレームワークをサポートしていないバージョンのiOSを搭載したデバイスや、iPadでは、この機能を使用できません。

SMART Health Cardsフレームワークの場合、サポートされる最小バージョンはiOS 15.1です。EU Digital COVID Certificateフレームワークの場合、サポートされる最小バージョンはiOS 15.4です。互換性を確保するために、以下の確認をしてください。

  • iOSアプリ:HKHealthStore.isHealthDataAvailableを使用して、HealthKitを使用できるか確認し、NSProcessInfo.operatingSystemVersionを使用して、iOSのバージョンを確認します。
  • Webページ:ブラウザのユーザーエージェントを確認します。この種類のデバイスのユーザエージェントは、「Mozilla/5.0 (iPhone; CPU iPhone OS 15_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko)」のようになります。
  • Eメール:
    • SMART Health Cardsフレームワーク:「Appleウォレットとヘルスケアに追加」ボタンの近くで、このボタンはiOS 15.1以降を搭載したデバイスでのみ使用できる旨を表示してください。
    • EU Digital COVID Certificateフレームワーク:「Appleウォレットとヘルスケアに追加」ボタンの近くで、このボタンはiOS 15.4以降を搭載したデバイスでのみ使用できる旨を表示してください。

QRコードのURLを変換する

アプリ、Webページ、またはEメールに「Appleウォレットとヘルスケアに追加」ボタンを実装するには、固有の各QRコードのURLを変換し、そのURLを「Appleウォレットとヘルスケアに追加」ボタンのURLとして使用します。

SMART Health Cardsフレームワーク
先頭のshc:/https://redirect.health.apple.com/SMARTHealthCard/#に置き換えます。shc:/の後の数字からなる長い文字列は、ワクチン接種記録データが含まれているため、このプロセスを行う際に変更したり改変したりしないでください。

EU Digital COVID Certificateフレームワーク
先頭のHC1:https://redirect.health.apple.com/EU-DCC/#に置き換えます。HC1:の後の英数字からなる長い文字列は、URLエンコード(参考:https://www.rfc-editor.org/rfc/rfc3986#section-3.5)して、末尾に追加する必要があります。

変換後のURLを検証する

「Appleウォレットとヘルスケアに追加」ボタンが押されると、変換後のURLをiOSが自動的に認識する直接リンクとして呼び出し、ユーザーはワクチン接種記録をヘルスケアアプリに追加し、ワクチン接種カードをウォレットで作成できます。適切なアプリ、Webページ、またはEメールでボタンをタップできることを確認します。

アプリ、Webページ、Eメールへのボタンの追加

Appleが提供するスケーラブルなSVGアートワークをアプリ、Webページ、Eメールのボタンとして使用します。このボタンは、SMART Health CardまたはEUデジタルCOVID証明書のQRコードや、ユーザーのワクチン接種記録に関連するその他の情報のすぐ下に配置してください。

ユーザーは、各種のデバイスでWebページまたはEメールを開く可能性があるため、「この接種記録をウォレットとヘルスケアに追加するには、iPhoneまたはiPod touchでこのEメールを開いてください」といった文を含めてください。

Add to Apple Wallet & Health button

ローカリゼーション

Appleが提供するローカライズされたアートワークのみを使用してください。独自にローカライズしたバージョンは作成しないでください。Appleは、この機能が現地の医療機関でサポートされている地域向けに、ローカライズバージョンのボタンを提供します。

Add to Apple Wallet & Health button with localized text

背景色

ボタンは、見やすく整った背景の上に配置します。読みやすさを最大限に確保するため、背景には白色、黒色、または非常に暗い灰色を使用してください。

Add to Apple Wallet & Health button on colored background

画面に表示する際の余白

画面に表示する際は、ボタンの高さの10分の1以上の余白をボタンの周囲に設ける必要があります。コミュニケーションに使用するメディア解像度ではっきりと判読できるサイズのボタンを必ず使用してください。

Add to Apple Wallet & Health button with clear space markers

iOSアプリ

このボタンは、SMART Health CardまたはEUデジタルCOVID証明書のQRコードや、ユーザーのワクチン接種記録に関連するその他の情報のすぐ下に配置してください。

ボタンをタップすると、ワクチン接種記録がAppleヘルスケアAppleウォレットに追加されます。

印刷版のワクチン接種カードへの「Appleウォレットとヘルスケアに追加」アートワークの追加

  • 印刷版のSMART Health CardまたはEUデジタルCOVID証明書を提供する場合、ワクチン接種記録をAppleヘルスケアに追加し、ワクチン接種カードをAppleウォレットに追加する方法についての情報を含めることができます。
  • 「Appleウォレットとヘルスケアに追加」ボタンは、SMART Health CardまたはEUデジタルCOVID証明書と関連がある場合にのみ表示し、その際QRコードまたはダウンロードリンクも併せて提供する必要があります。
  • ユーザーはカメラアプリを使って、Webページ、Eメール、または印刷物のQRコードをスキャンし、SMART Health CardまたはEUデジタルCOVID証明書のワクチン接種記録をAppleヘルスケアに追加し、ワクチン接種カードをAppleウォレットに追加することができます。

アートワーク

印刷版のSMART Health CardやEUデジタルCOVID証明書には、Appleが提供するスケーラブルなEPSアートワークを使用してください。

余白とサイズの要件

印刷版のSMART Health Cardでは、「Appleウォレットとヘルスケアに追加」ボタンの高さを最小8mm〜最大25mmにする必要があります。ボタンのサイズをこの範囲よりも小さくしたり、大きくしたりしないでください。最小の余白はボタンの高さの4分の1です。

Add to Apple Wallet & Health button with clear space markers

QRコード

QRコードのスキャンに最適な推奨最小サイズは、各辺40mmです。

QR code size

ボタンとQRコードの配置

QRコードと「Appleウォレットとヘルスケアに追加」ボタンは同じ幅に揃えることを推奨します。幅が異なる場合は、QRコードを左または中央に揃えてください。

QR code alignment

余白

「Appleウォレットとヘルスケアに追加」ボタンの周囲には、必要な最小余白を確保してください。QRコードの余白(「クワイエットゾーン」といいます)の要件に従っていることも確認します。QRコードは明るい背景に印刷し、余白はその背景と同じ色にする必要があります。レイアウトの背景が暗い場合、QRコードの余白を下にある「Appleウォレットとヘルスケアに追加」ボタンまで拡げないでください。QRコードの余白は、QRコードのみを囲み、「Appleウォレットとヘルスケアに追加」ボタンが、暗い背景にあるQRコードの余白に接触しないようにします。

QR code don'ts

編集ガイドライン

推奨メッセージ

ウォレットと互換性のある検証可能なワクチン接種記録の利用を促進するコミュニケーションの中で、Appleウォレットについて説明するメッセージを使用します。このメッセージは、検証可能なワクチン接種記録と併せて使用する「Appleウォレットとヘルスケアに追加」ボタンの近くや、アプリとウォレットとの互換性を説明する一般的なコミュニケーションの中に配置します。

「Appleウォレットとヘルスケアに追加」機能を説明する際は、以下の推奨メッセージを使用するか、以下のガイドラインに従って独自のメッセージを作成してください。

「検証可能なワクチン接種情報をAppleウォレットAppleヘルスケアアプリに追加すると、ワクチン接種記録をヘルスケアアプリに安全に保存し、ウォレットからワクチン接種カードをすばやく提示できます」

Apple製のアプリへの言及

「Appleウォレット」または「ウォレット」という名称の使い方

  • Appleウォレットまたはウォレットという名称を見出しやコピーで使用する際は、「ウォレット」を全角カタカナで表記してください。Appleという名称は、必ずAを大文字で記し、以降の文字は小文字にしてください。Appleウォレットは2つの単語で表記してください。
  • 見出しをすべて大文字で表記する場合は、見出しの中のAppleウォレットという語も大文字で記してかまいません。
  • ウォレットアプリについて最初に言及するところでは「Appleのウォレットアプリ」「Appleウォレット」といった呼び方をし、それ以降は単に「ウォレット」と呼ぶことができます。
  • 米国でのコミュニケーションでは、ボディコピーで最初に登場するAppleに登録商標記号(®)を使用してください。

「Appleヘルスケア」または「ヘルスケア」という名称の使い方

  • 「Appleヘルスケアアプリ」または「Appleのヘルスケアアプリ」といった呼び方をすることができます。最初に言及するところ以外では、「ヘルスケアアプリ」と呼ぶことができます。「Apple」は、Aを大文字で記し、以降の文字は小文字にしてください。「ヘルスケア」は全角カタカナで表記してください。
  • 「Appleヘルスケアデータ」という表現を使用しないでください。ヘルスケアデータを所有しているのは、Appleではなくユーザーであるためです。

誤用の回避

  • 「Appleウォレットとヘルスケアに追加」ボタンの独自バージョンを作成しないでください。このガイドラインに示されている、Appleが提供するアートワークのみがAppleによって承認されています。
  • 「Appleウォレットとヘルスケアに追加」ボタンを、レイアウト内で最も目立つ主なメッセージ、あるいはメインのグラフィックとして使用しないでください。主要メッセージ、アプリ、会社情報などの記述を主として、ボタンはそれらに付随する副次的な要素とする必要があります。
  • ボタンの上にテキスト、グラフィック、禁止マーク、画像などを重ねないでください。
  • ボタンを薄暗い色で表示することは避けてください。
  • ウォレットのアイコンを単独で使用しないでください。
  • ヘルスケアのアイコンを単独で使用しないでください。
  • アートワークを反転、回転、またはアニメーション化しないでください。
  • 影、発光、反射などの視覚効果を追加しないでください。
  • AppleのWebサイトからグラフィックや画像を転用しないでください。
  • Appleのコミュニケーションを真似たものは使用しないでください。
Misused Add to Apple Wallet & Health button with red circle and slash.
ボタンのフォント、色、その他の要素は変更しないでください。
Misused Add to Apple Wallet & Health button with red circle and slash.
ボタンを傾けたりアニメーション化したりしないでください。
Misused Wallet app icon with red circle and slash.
Appleウォレットアプリのアイコンを単独で使用しないでください。
Misused Apple Health app icon with red circle and slash.
Appleヘルスケアアプリのアイコンを単独で使用しないでください。