ちょっと良いUIおれおれAdvent Calendar 2024 – 20日目

ちょっと題はこれでわかりやすいかわかんないですが、ほとんどの場合にほぼ一瞬で終わる非同期処理あるじゃないですか。高速化大成功してめちゃ速の保存ボタンとか。でも一瞬で終わらないこともあるかもなので作業中のくるくる(スピナー)は表示した方が良いですよね。

その作業中表示は、たとえ一瞬で作業が終わったとしてもゆっくり見せた方が良いという話です。

デモ:

作業実行を利用者に知らせる

一瞬で終わるなら一瞬で良いじゃんという気もしないでもないですが、利用者は「何かわからないけど一瞬何か見えて消えた」という認識になります。気になっちゃいますね。

また時間がかかりそうな処理なのに一瞬で終わると「本当に終わった?」みたいな気持ちにもなります。そしたらまたボタン押しますきっと。Twitter のタイムラインしゅぽしゅぽしたり。

なので作業中の表示を利用者が十分認識できるような時間をかけて表示するのが良いかなと思います。

完了メッセージの表示も欲しいですけどそれとは別の話です。

どれくらい待ってもらえば良いの?

わかんないです誰か基準教えて……。

利用者が時間がかかりそうだなと思ってる処理は長めの方が良さそう。利用頻度にもよるかな。あとたぶん利用者の操作箇所(触ったボタン)の近くなら短めでもちゃんと認識してもらえるんじゃないかなと思います。

デモは 1 秒にしてますがどうでしょうか。

出さないなら出さないでも

スマホアプリの保存ボタンあたりはいらないかも。実際は通信が必要でも端末への保存を一瞬で終えてからのバッチ処理で同期みたいな感じにしてるのが多いですよね。利用者もそれを期待している気がする。

一方でアップロードとかは時間かかる認識な気がする。実際かかるし。クラウドに保存してる風の雰囲気があるなら出した方が良いかも。

おしまい

昔はメールの受信ボタンを連打したりしたものですが現代では「受信ボタンとは」から始めないといけない……。

参考