なぜ目を引くか
奥行きで強い第一印象を与えますが、読解を妨げ(Sherwin, 2019)、余計な負荷になり(Sweller, 1988)、手がかりを埋もれさせます(Pirolli & Card, 1999)。
モバイルでの注意
小画面は読みにくく(Kim et al., 2015)、カクつきは洗練さを損ないます(Reber et al., 2004)。無限スクロールには使いません。
酔いと配慮
WCAG 2.2の2.3.3に沿い、prefers-reduced-motion(MDN, n.d.)で無効化。視覚的階層を優先しマイクロインタラクション程度に。
よくある質問
- SEOに悪い?
- 効果より構成が問題になりがちです。
- モバイルでは使わない?
- 控えめなら可、無効化できるように。
出典確認日:2026-10-27
参考文献
- Sherwin, K. (2019, January 20). What parallax lacks. Nielsen Norman Group. パララックスの使い勝手の問題です。
- MDN Web Docs. (n.d.). prefers-reduced-motion. Mozilla. 動きを減らす設定の検出です。
- World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. 2.3.3アニメーション基準です。
- Kim, J., Thomas, P., Sankaranarayana, R., Gedeon, T., & Yoon, H.-J. (2015). Eye-tracking analysis of user behavior and performance in web search on large and small screens. Journal of the Association for Information Science and Technology, 66(3), 526–544. 小画面での読みにくさです。
- Sweller, J. (1988). Cognitive load during problem solving: Effects on learning. Cognitive Science, 12(2), 257–285. 動きによる余計な負荷です。
- Reber, R., Schwarz, N., & Winkielman, P. (2004). Processing fluency and aesthetic pleasure: Is beauty in the perceiver's processing experience? Personality and Social Psychology Review, 8(4), 364–382. 流暢性と美的快感です。
- Pirolli, P., & Card, S. (1999). Information foraging. Psychological Review, 106(4), 643–675. 演出で手がかりが失われます。
