パララックス
「視差効果」の意味で、スクロール時に背景と前景が異なる速度で動く視覚効果。奥行き・立体感・ストーリー性を演出できる。ブランドサイト・LP・ポートフォリオサイトで多用される。
Web 担当者にとっては、ブランディング寄りのサイトで採用検討する UI 効果。実装次第ではページ重さの原因にもなるため、効果と性能のバランスが必要。
本書のスタンスは「パララックスは『ブランディング目的に限定』」。BtoB サービスサイトや EC では過剰演出になりやすい。ブランドサイト・コンセプトサイトで限定的に使う。
担当者が陥りやすいのは、パララックス効果を多用してページ読み込みが遅くなり、SEO 評価が落ちること。Core Web Vitals 影響を確認する必要あり。
言葉をよく利用する人
- デザイナー
- コーダー / フロントエンドエンジニア
- Web 担当者(発注側)
会話上での使用例
ブランドサイト設計
-
デザイナー
パララックスで演出したい
-
Web 担当者
パララックス はブランドサイトには合う。ただし速度影響を確認しながら段階的に導入で
EC サイトでの採用議論
-
プロデューサー
EC でもパララックス
-
Web 担当者
パララックス は EC には不向き。CV 重視のサイトでは過剰演出になる可能性