web-dev-qa-db-ja.com

タイマーをフォームに表示するための設計上の考慮事項は何ですか?

タイマーとは、予約スポットの保持など、時間に敏感なタスクのための刻々と過ぎるカウントダウン時計を意味します。基本的に、「登録を完了するには3:00分かかります」。

Eventbriteがこれを実装するのを見て、使いやすさの点でベストプラクティスや考慮事項があるかどうか疑問に思っていました。

これは私が持っているものです:

  1. ユーザーがタイムスロットを選択すると、CTAの近くにカウントダウンが表示されます
  2. タイムスロットを変更すると、カウントダウンがリセットされます
  3. ステップフォームの他のすべてのステップで、CTAの近くにカウントダウンが表示されます
  4. ユーザーがスケジュールを送信する前にカウントダウンの期限が切れた場合、CTAがタイムスロットの選択手順にリンクしてカウントダウンの期限が切れたことを知らせる通知が表示されます。

enter image description here

2
Nicolas Hung

覚えておくべきことがいくつかあります。

  • スクリーンリーダーに対して秒がアナウンスされないようにタイマーにラベルを付けます。
  • タイマーは、2分30秒などのユーザーフレンドリーな方法で読み取られます。
  • これは単なる例である可能性がありますが、そうでない場合は、ユーザーがこのタイプのアクションを完了するまでに2分30分以上の時間を与えることを検討してください。
  • タイマーを上げて、進行状況バーの近くに移動することを検討してください。これは、モバイルインターフェースでは、タイムスロットの選択で忙しくなり、下にスクロールしてタイマーを表示しない場合があるためです。タイマーは現在「フォールド」の下にあるようです。
1
Adnan Khan