ラバーバンドエフェクト
Rubber Band Effect
別名: バウンススクロール / Bounce Scroll別名: オーバースクロール
ライブデモ
説明
一言で説明
リストやページの端までスクロールした際に、さらに引っ張ることができ、指を離すとゴム紐のように跳ね返って元に戻る視覚効果。
いつ使う？
ユーザーに「ここがページの端である（これ以上スクロールできない）」ことを直感的に、かつ不快感なく伝えるための物理的なフィードバック。
💡 日常の言い方
「画面の一番上や下まで行ったときに、ぐいっと引っ張れてビヨーンと戻る動き」
似ている用語との違い
ラバーバンドエフェクト vs プルトゥリフレッシュ
ラバーバンドエフェクトは単なる『端に到達したときのバウンス表現』。プルトゥリフレッシュはその引っ張る動きを利用して『更新処理』をトリガーする機能。
AIへの指示例
iOSのネイティブアプリのような、スクロール終端でのラバーバンドエフェクト（バウンス）を再現して。一番下までスクロールしたことを直感的に伝えたい。