Zazzleでテンプレートやカスタマイズ可能な商品のデザインを行うクリエイター向けベストプラクティス

Zazzleでカスタマイズ商品を販売しているクリエイターの皆様へ、テンプレートをデザインする際のヒント、コツ、ガイドラインをご紹介します。

まずは、当社のプロダクト/UXチームの責任者ショーンが、新しく更新された販売後のプロセスをご紹介します：

販売用テンプレートのヒント

テキストテンプレートには短く分かりやすいラベルを使用しましょう。 お客様はクリエイターが作成したテンプレートフィールドを見ますが、そこに挿入されるラベルが必ずしも役立つとは限りません。例えば、一部のクリエイターはテンプレート名を「Text 1」のままにしていることがあります。逆にラベルが冗長すぎるクリエイターもいます。テキストテンプレートが何を指しているかを具体的に説明する、短く分かりやすいラベルを使うことをおすすめします。ラベルに指示的な詳細を入れるのは避けましょう。例えば、お客様が花嫁の名前を入力するテキストテンプレートを作成する場合は、「Bride’s Name（花嫁の名前）」とだけ記載してください。テンプレートの設定はデザインツール内の「販売オプション」から見つけることができます。

すべてをテンプレートとしてマークする必要はありません。 デザイン内のすべての要素をテンプレートオブジェクトとして指定すべきではありません。例えば、「and」という単語はテンプレートオブジェクトとしてマークすべきではありませんし、花やリースなどの装飾的な画像も同様です。

テンプレートオブジェクトは理想的にはデザインの最上層に配置しましょう。 テンプレートオブジェクト（お客様が置き換え・編集することを想定したコンテンツ）は、理想的にはデザイン内の非テンプレートオブジェクトの上に配置されるべきです。この方法は非常にモバイルフレンドリーなデザインを生み、ユーザーが誤ってカスタマイズ対象でないオブジェクトを選択してしまう問題を減少させることが分かっています。

画像テンプレート

ベクターマスク画像の代わりにフレームやグリッドを使用しましょう。 最近、デザインツールの「販売オプション」内でテンプレートオブジェクトとして設定できるグリッドやフレーム要素を導入しました。カスタマイズプロセスを購入者にとってスムーズにするために、可能な限りベクターマスクよりもフレームやグリッドを活用することを強くおすすめします。

画像のトリミングはタイトに保ちましょう。 ベクターマスクの代わりにフレームやグリッドを使用することに加え、フレームの寸法にできるだけぴったり合う写真を選ぶことを強く推奨します。これにより一般的な購入者の写真がフレーム内に収まりやすくなります。

QRコードテンプレート

ZazzleのネイティブQRコードジェネレーター（「装飾」＞「QRコード」内にあります）を使用すると、コードは単なる静的な画像ではなく、動的なデータオブジェクトとなります。

解像度： ピクセル化せずに完璧にスケールし、ラベルや名刺のような小さなアイテムでもスキャン可能なままです。
カスタマイズ性： QRコードの色をテーマに合わせて変更できます。色の濃淡に応じて黒と白の間で調整され、スキャンしやすいコントラストを維持します。
使いやすさ： お客様は技術的なスキルや自身のジェネレーターを必要とせず、単にURLをテキストボックスに入力するだけで、Zazzleが即座にコードを更新します。
顧客満足度： 「壊れたリンク」の罠を避けられます。個人のQRコードを平面的な画像としてデザインに貼り付けて販売すると、お客様にとって役に立たず、クレームや返品、収益損失につながります。ここでは「強制置換」をデフォルト設定として維持することを推奨します。

デザインのヒント

半透明の画像が必要な場合は不透明度機能を使用しましょう。 デザインに半透明の画像が必要な場合は、不透明度機能の使用を強く推奨します。この機能はデザインツールの「エフェクト」セクションで見つけられます。画像の上に半透明のボックスや要素を重ねるのはおすすめしません。これはお客様がデザインキャンバス上のオブジェクトを操作する際に画像の選択が難しくなるためです。半透明の画像やボックスを使用したい場合は、オブジェクトをロックしておくと、お客様がレイヤーパネルを操作せずに下のオブジェクトを選択しやすくなります。

使わないレイヤーは破棄しましょう。 オプションの文字やデザインオブジェクト、半透明のシールドなど、購入者が使う予定のないレイヤーは破棄・削除することを推奨します。必要に応じて、オプションの文字やデザインオブジェクトを含む追加デザインをマーケットプレイスに公開することも可能です。
購入者が操作しないオブジェクトはロックしましょう。 先述の通り、デザイン内のすべてのオブジェクトをテンプレートオブジェクトとしてマークする必要はありません。操作される予定のない、または無視されるオブジェクトについては、ロックまたは無効化して、ユーザーが操作すべきオブジェクトに集中できるようにしましょう。
不必要なオブジェクトのグループ化は避けましょう。 キャンバス上のオブジェクトが不必要にグループ化されているデザインを時折見かけます。グループ化は移動や拡大縮小などの効率化に役立つ場合がありますが、グループ化されたオブジェクトは編集や操作のためにグループ解除が必要になるため、必ずしも購入者にとって最適な体験とは限りません。
テンプレートの「販売オプション」を最適に活用しましょう。 テンプレートオブジェクトにはさまざまなプロパティがあり、誤用または未使用がよく見られます。改めてご説明します：
- オブジェクトを常に表示かつ削除不可に設定。 このトグルが有効なオブジェクトは、ユーザーが移動・拡大縮小・変更できますが、デザインから削除することはできません。
- オブジェクトのすべての操作を無効化。 このプロパティを有効にすると、ユーザーはデザイン上でオブジェクトを見ることはできますが、選択や操作はできなくなります。

商品ページでの編集を許可しましょう。 ユーザーは公開されたデザインを変更できるようになります。Zazzleはカスタマイズを重視しているため、この機能は常に有効にすることを推奨します。
ユーザーに自身のコンテンツで置き換えを強制しましょう。 ユーザーはカートに追加する前に画像を自分のものに置き換えなければなりません。このプロパティは購入プロセスに障壁を作り、販売機会を失う可能性があります。ライセンスコンテンツを扱う場合のみ、慎重に判断して使用してください。

フルブリード印刷用には背景画像機能を活用しましょう。 フルブリード印刷用の画像がキャンバス上の通常レイヤーとして扱われていることがよくあります。お客様が操作しない画像であれば、背景画像機能を使い、画像がブリードまで適切に拡張され、商品のデザイン可能範囲内にトリミングされるようにしましょう。
レイヤーの重なりを最小限に抑えましょう。 購入者がデザインオブジェクトを直接簡単に選択できるように、重なり合うレイヤーはできる限り最小限に抑えることを強く推奨します。画像のトリミングをタイトにし、テキストオブジェクトは独立した行（または列）に配置し、重なりを極力避けてください。
テキストボックスや画像は必ずデザインエリア内に収めましょう。 テキストボックスや画像のプレースホルダーが意図したデザインエリアの外にはみ出さないようにしてください。はみ出した場合、特に小さい画面ではボックスの開始・終了位置が分かりにくくなり、混乱を招きます。また、大きすぎるボックスや画像は印刷時にテキストが切れる原因にもなります。テキストの行間を調整して、テキストの境界ボックスが他のボックスと重ならないようにする必要がある場合もあります。特に一部のカリグラフィーフォントは高さが不必要に高いことがあります。
最高の結果を得るために、テンプレートは必ず安全ラインとブリードラインを使用して設定してください：
- すべてのテキストおよび主要な編集可能要素は安全ライン内に配置します。
- 背景色やパターンはブリードラインまで完全に拡張し、端まで印刷されるようにします。
  安全ラインとブリードラインについて読む
色の変更を想定する場合はSVGオブジェクトを活用しましょう。 単色画像の色を変更したいのに、画像がラスター形式のためできないケースをよく見かけます。可能な限りSVGファイルを使用することを強く推奨します。SVGファイルは組み込みのリカラー機能で色を変更でき、無限に拡大縮小できるため、ラスター画像よりも印刷品質が良いことが一般的です。
テキストを含む画像の使用はできるだけ避けましょう。 テキストを含む画像は、購入者がフォントの色やスタイルなどのテキストオプションを変更したい場合に対応できないため推奨しません。テキスト入り画像を使用する場合は、画像が変更されないことを意図しているならば、その画像をロックすることをおすすめします。
切り抜きのある大きなシールドの使用は避けましょう。 大きなシールドに切り抜きがあるレイヤーを含むデザインを見かけることがあります。この場合、画像テンプレートオブジェクトは大きなシールドの背後に配置され、画像の範囲が見えにくく、画像の選択や変更が困難になります。大きなシールドがデザインに不可欠な場合は、カスタマイズ時に誤ってシールドの切り抜きをクリックしないよう、ロック機能の使用を推奨します。

ウォーターマークには注意しましょう。 Zazzleのほとんどのストアではウォーターマークは有効にされていません。経験的に、ウォーターマークのあるデザインは購入者体験に悪影響を及ぼし、最終的にコンバージョン率を下げることが観察されています。ウォーターマークについてさらに読む

テンプレートはRGBよりもCMYKでデザインすることを心がけましょう。 一部の色は画面プレビューから印刷にかけて問題が生じることがありますが、デザインツールの更新されたカラーパレットはさまざまなZazzleの基材での印刷に信頼性があることが証明されています。印刷色のガイダンスについてさらに読む
プレースホルダーテキストの長さに注意しましょう。 テンプレートのテキストフィールドは、さまざまなテキストの長さに対応できるようにして、テキストが意図せず折り返されたり切れたりしないようにする必要があります。名前、月、数字など、異なる長さのテキストで自身のテキストテンプレートフィールドをテストし、満足のいく顧客体験を提供できるか確認することをおすすめします。