アプリクリップコード
アプリクリップコードは、人々があなたのアプリクリップを発見する最良の方法です。それらの独特なデザインはすぐに認識でき、アプリクリップをすばやく安全に起動する方法を提供します。
アプリクリップロゴ付きの
アプリクリップコード
アプリクリップロゴなしの
アプリクリップコード
アプリクリップコードは常に Apple が提供するデザインを使用し、サイズ、配置、および印刷のガイドラインに従います。アプリクリップのロゴを使用したバッジデザイン ( アプリ クリップ) と、スペースが限られている場合はロゴなしのデザインから選択できます。デフォルトの色のペアを使用するか、カスタムの前景色と背景色を選択するアプリクリップコードを作成します。開発者向けガイダンスについては、アプリクリップコードの作成 (Creating App Clip Codes) を参照してください。
アプリクリップコードの操作
アプリクリップコードには、スキャン専用 または埋め込み NFC タグ付き (NFC 統合型) の 2 つのバリエーションがあります。
(上より順に
「中央アイコン」
「視覚コード」
「アプリクリップロゴ」)
スキャン専用のバリエーションは、その中央にカメラアイコンを使用しており、カメラアプリまたはコントロールセンターのコードスキャナーを使用してアプリクリップコードをスキャンすることを人々に知らせます。NFC に統合されたバリエーションでは、中央に iPhone アイコンを使用しており、デバイスをアプリクリップコードに近づけるか、コントロールセンターの NFC タグ読み取り機を使用してスキャンするように人々を誘導します。人々はカメラアプリまたはコントロールセンター内のコードスキャナーを使用して、NFC に統合されたアプリクリップコードをスキャンすることもできます。例えば:
アプリクリップコードの表示
アプリクリップコードのデザインを開始するときは、人々があなたのアプリクリップを使用する方法に最適なバリエーションを選択してください。人々がアプリクリップコードに物理的にアクセスできる場合は、NFC 統合型を使用してください。例えば:
アプリクリップコードを物理的にアクセスできない場所に配置する必要がある場合、またはデジタルで表示する必要がある場合は、スキャン専用のアプリクリップコードを使用してください。例えば:
2 つのバリエーションのどちらを使用する場合でも、アプリクリップコードを配置する場所を慎重に検討して、信頼性の高いスキャン体験を確保することが重要です。
スペースが許す場合は、アプリクリップのロゴを含めます。 ロゴは、コードがアプリクリップを起動することを明確にするのに役立ちます。ただし、クリアスペースの要件を満たすことができない場合は、アプリクリップロゴのないアプリクリップコードのデザインを使用してください。また、使い捨ての紙やプラスチック製品、またはギャンブルや飲酒に関連するアイテムにアプリクリップコードを配置する場合は、アプリクリップロゴのないデザインを使用してください。たとえば、トランプ、ポーカーチップ、またはバーのコースターでは、アプリクリップロゴのないアプリクリップコードを使用します。アプリクリップのロゴは、常にバッジデザインの一部であり、アプリクリップコードの下に表示されます。アプリクリップロゴを単独で使用しないでください。
あなたのアプリクリップコードは、平面または円筒形の表面にのみ配置してください。 アプリクリップコードを円筒形の表面 (例えば、スクーターのハンドルバーなど) に配置する場合は、アプリクリップコードの幅が円筒の円周の 6 分の 1 を超えないようにしてください。
あなたのアプリクリップコードをできるだけ平らに保ち、人々が簡単にスキャンできるようにします。 最適なスキャン体験を実現するには、紙、プラスチック、布地など、簡単に折りたたんだりしわくちゃになったりする変形しやすい素材にアプリクリップコードを表示しないでください。アプリクリップコードをバッグ、柔らかい箱、またはその他の変形しやすいオブジェクトで使用できるようにするには、オブジェクトに取り付けたカードなどの硬いものにコードを表示します。アプリクリップコードステッカーを作成する場合は、平らな面にしっかりと貼り付けてください。
アプリクリップコードは、確実にスキャンできる場所に配置してください。 たとえば、スキャン専用のアプリクリップコードは、十分な明るさが得られる場所に配置して、スキャンの信頼性を確保し、人々が広い角度からスキャンする必要がないようにします。
アプリクリップコードが遮られていないことを確認します。 アプリクリップコードにテキスト、ロゴ、またはイメージを重ねないでください。アプリクリップコードを決してアニメーション化したり、うす暗くしたりしないでください。
アプリクリップコードを縦の位置に表示します。 生成されたアプリクリップコードを回転させたり、中央のグリフを斜めに表示しないでください。
小さすぎるアプリクリップコードを作成しないでください。 アプリクリップコードは、以下の仕様に準拠しなければなりません。
型 | 最小のサイズ |
印刷された通信 | 最小直径 3/4 インチ (1.9 cm)。 |
デジタル通信 | 最小サイズは 256×256px。PNG または SVG ファイルを使用します。 |
NFC に統合されたアプリクリップコード | 埋め込まれた NFC タグは、少なくとも直径 35 mm または同等のサイズの必要があります。たとえば、埋め込まれた NFC タグが直径 35 mm の場合、印刷されたアプリクリップコードは少なくとも直径 1.37 インチ (3.48 cm) の必要があります。 |
アプリクリップコードの寸法を決定するときは、距離とコードのサイズの比率が 20:1 を超えないように考慮してください。可能であれば、10:1 の比率を使用して、信頼性の高いスキャンを確保してください。たとえば、40 インチ (101 cm) 離れた場所から人々がスキャンするアプリクリップは、少なくとも直径 4 インチ (10.16 cm) の必要があります。
QR コードやその他のスキャン可能な項目の近くにアプリクリップコードを表示する場合は、少なくとも他のコードまたは項目のサイズであるアプリクリップコードのサイズを選択してください。
アプリクリップコードと隣接するアプリクリップコード、グラフィック、または素材の間に十分なスペースを確保して下さい。 アプリクリップコードの周囲の最小クリアスペースは、中央のグリフと円形コードの間のスペースと同じです。アプリクリップコードを別のアプリクリップコードまたはその他のマシン可読コードの隣に配置する場合は、各コードを確実にスキャンできるように十分なクリアスペースを残してください。
明確なメッセージの使用
アプリクリップコードを使用してあなたのアプリクリップを起動する方法を人々に知らせる明確なメッセージを追加します。特に、アプリクリップのロゴのないデザインを使用する場合は注意が必要です。たとえば、メールやポスターに表示するアプリクリップコードの隣に行動を促すフレーズを追加します。提案された行動喚起メッセージまたは独自のコピーを使用してください。常にシンプルで明確な行動を促すフレーズを使用してください。
スキャン専用のアプリクリップコードの場合、以下の行動を促すフレーズを使用できます。
NFC に統合したアプリクリップコードの場合、以下の行動を促すフレーズを使用できます。
詳細については、近距離無線通信 (NFC) を参照してください。
アプリクリップコードのカスタム化
App Store Connect または アプリクリップコードジェネレータ のコマンドラインツールを使用してアプリクリップコードを作成し、ベストプラクティスに従って信頼性の高いスキャン体験を確保します。
生成されたアプリクリップコードを常に使用します。 あなた独自のアプリクリップコードデザインを作成したり、生成されたアプリクリップコードをどのようにであれ変更したりしないでください。フィルターを適用したり、色を増強したり、グロー、陰影、グラデーション、または反射を追加したりしないでください。これらは、人々のスキャン体験に悪影響を及ぼします。生成されたアプリクリップコードを拡大縮小するときは、生成されたコードの縦横比を変更しないでください。アプリクリップコードのすべての属性 (例えばストローク幅など) を拡大縮小してください。
正確なスキャンを保証するために、十分なコントラストを持つ色を選択してください。 各アプリクリップコードは、前景色、背景色、および前景色と背景色に基づいて生成される 3 番目の色の 3 つの色を使用します。App Store Connect と App Clip コードジェネレータ コマンドラインツールの両方で、デフォルトのカラーペアを選択できます。さらに、カスタムの前景色と背景色の選択もできます。最適ではないスキャン体験につながるカスタムカラーは選択できないことに注意してください。色の選択がうまくいかない場合、App Store Connect もコマンドラインツールもアプリクリップコードを生成しません。うまく機能する色の組み合わせを選択できるように、両方のツールには、カスタムの背景色に基づいて異なる前景色を提案する機能が含まれています。詳細については、アプリクリップコードジェネレータを使用してアプリクリップコードを作成する (Creating App Clip Codes with the App Clip Code Generator) および App Store Connect を使用してアプリクリップコードを作成する (Creating App Clip Codes with App Store Connect) を参照してください。
リソース
関連
開発者用文書
アプリクリップ (App Clips)
ビデオ
WWDC21
WWDC21