ユーザー体験設定

カート動作、ナビゲーション、画像表示など、グローバルなショッピング操作を調整します。

注目のリンク

役立つ動画

Shopify Academy動画：ストアのカスタマイズ

これらの設定を使用して、テーマ全体での閲覧やショッピングの操作感を管理します。商品のカート追加、ヘッダーによる移動、商品画像の表示、ページ間の移動といった一般的な顧客接点に影響します。エディターの概要については、テーマエディターに関するShopifyドキュメントを参照してください。

Company XYZ の機能概要については、ユーザー体験設定を参照してください。

カート動作

カート追加スタイルは、商品を追加した直後に顧客に表示される内容を決定します。この選択は、閲覧を継続するまでの速さや、購入手続きへ進むまでの流れに大きく影響することがあります。

カート動作は見た目だけでなく、販売フローに基づいて選択してください。リダイレクトはより明示的で、軽い反応は継続的な買い物を支援します。

オーバーレイのぼかし、ホバー効果、ページ遷移はすべて、ストアフロントの洗練された印象に寄与します。組み合わせて使うと、体験をより洗練されたものにできますが、効果が多すぎると閲覧時に忙しなく感じられることがあります。

オーバーレイのぼかしは、引き出しや重なりのある操作の背後にあるページをやわらげます。アクティブなコンテンツが背景からはっきりと区別されている場合に最適です。

ビュー遷移は、ページ間の動きをより滑らかにします。控えめな遷移は、特にデザイン重視のストアフロントで、ストア全体に一貫性がある印象を与えるのに役立ちますが、よりシンプルな動きのほうが一般に速く、わかりやすく感じられます。

ギャラリーズームは、顧客が商品画像をどの程度詳しく確認できるかを制御します。写真で質感、仕上げ、サイズ感、職人技などの重要な詳細を示している場合は、ライトボックスが特に役立ちます。

画像がすでにシンプルで、きつくトリミングされているか、ページ上で十分に大きい場合は、ズームをオフにするとよりすっきりした体験になります。画像表示が自然に感じられるように、この設定はデスクトップとモバイルの両方で確認してください。

カードのホバー設定は、閲覧中に商品カードとコンテンツカードがどのように反応するかに影響します。ホバー時にカードを拡大すると動きと強調が加わり、画像フィルターはより重層的な視覚効果を生み出せます。

よりインタラクティブなストアフロントにしたい場合に、これらの設定は適しています。ブランドスタイルがミニマルな場合や、画像自体の情報量が多い場合は、より軽いホバー処理のほうが明瞭さを高めることがよくあります。

スティッキーヘッダーの動作は、顧客がスクロールしている間にナビゲーションをどのように利用できるかを変えます。ヘッダーはストアフロントの多くの場所に表示されるため、この設定は閲覧時の快適さに広く影響することがあります。

スティッキーヘッダーは、ナビゲーションに戻るのにより手間がかかるモバイルで特に役立つことがよくあります。

カートの流れを意図に合わせます。 継続的な閲覧には軽いカート追加フィードバックを使い、カートページがコンバージョンに役立つ場合はカートへのリダイレクトを使います。
動きを統一します。 ぼかし、ホバー効果、遷移を慎重に組み合わせ、ストアフロントが気が散るのではなく洗練されて感じられるようにします。
詳細が売りになる場合はズームを使います。 顧客が細部を確認するメリットがあるときは画像ズームを有効にし、価値が小さい場合は使用しません。
ナビゲーションへのアクセスを確保します。 メニューの階層、モバイルでの利用、顧客が検索やカートにすばやくアクセスする頻度に合うヘッダー動作を選びます。
レイアウトへの影響を確認します。 スティッキーヘッダーの動作は、周囲のページレイアウトやビューポートサイズと合わせてテストし、主要コンテンツが窮屈に感じられず表示されたままになるようにします。
共有される接点を確認します。 これらの設定を変更した後は、商品ページ、コレクション、カード、ナビゲーション、カート操作をまとめて確認してください。テーマの複数の領域に影響することがあるためです。