バイブレーションテスト

デバイスの振動モーターをテストします。この機能は振動機能を搭載したモバイルデバイスでのみ利用可能です。

500 ms

バイブレーションは通常モバイルデバイスでのみ利用可能です。

振動テストのヒント

1

振動はモバイルデバイス(Android)でのみサポートされています。iOS SafariはこのAPIをサポートしていません。

2

「おやすみモード」や「サイレントモード」がデバイスの振動を妨げていないことを確認してください。

3

カスタムスライダーを使用して、50msから2000msまでの異なる振動時間をテストしてください。

触覚フィードバックと振動を理解する

デバイスの振動の仕組み

モバイルデバイスは振動モーターを使用しています — 偏心した重りが回転することで振動を生成する小さなモーターです。新しいデバイスではリニア共振アクチュエーター(LRA)やAppleのTaptic Engineを使用し、電磁力でより正確で繊細な振動を生成します。これにより素早いタップ、柔らかな脈動、複雑なパターンを作成でき、通知、ゲーム、UIインタラクションに豊かな触覚フィードバックを提供します。

現代のUXにおける触覚フィードバック

触覚フィードバックはユーザーエクスペリエンスデザインの重要な部分となっています。確認触覚はボタン押下の触覚的確認を提供します(iPhoneのホームボタンなど)。通知パターンによりユーザーはデバイスを見ずにアラートを識別できます。ゲーム触覚は衝撃、エンジン、環境効果をシミュレートします。アクセシビリティ — 触覚フィードバックは視覚障害のあるユーザーがタッチスクリーンとより効果的にやり取りするのに役立ちます。

Vibration API

Vibration APInavigator.vibrate())はウェブページがデバイスの振動をトリガーすることを可能にします。単一の持続時間(ミリ秒)または振動/休止の交互値の配列を受け付けてパターンを作成します。APIはモバイルデバイスでのみ動作します — デスクトップコンピューターには通常振動モーターがありません。セキュアコンテキスト(HTTPS)が必要で、一部のブラウザは振動を許可する前にユーザー操作を必要とします。

よくある質問

ノートPC/デスクトップで振動が動作しないのはなぜですか?

Vibration APIは振動モーターを持つデバイスでのみ動作します — 主にスマートフォンと一部のタブレットです。デスクトップコンピューターとほとんどのノートPCには振動ハードウェアがありません。この機能はモバイルデバイスでテストする必要があります。

振動はすべてのモバイルブラウザで動作しますか?

AndroidのChromeとFirefoxは振動をサポートしています。iOSのSafariはVibration APIをサポートしていません。iPhoneには優れた触覚ハードウェア(Taptic Engine)がありますが、AppleはまだSafariにこのウェブ標準を実装していません。

振動はバッテリーを消費しますか?

短い振動パターンはほとんど電力を消費しません。ただし、連続的または非常に長い振動は振動モーターを駆動するため電力を消費します。このテストのデフォルトパターンは短く、バッテリー持続時間に大きな影響はありません。