本文へスキップ
拍と休止

ローディングの拍——回転と点滅のリズム設計

ローディングの拍——回転と点滅のリズム設計

要点

  • ローディング表示の回転や点滅には、心地よく感じられる速さの帯がある。
  • 速すぎる動きは焦りを、遅すぎる動きは停滞を感じさせやすい。
  • 指針類では、動きの基本を0.5秒前後に置く目安がよく示される。
  • ただし最適な速さは文脈に依存し、固定の正解があるわけではない。

くるくると回るローディングの輪。あの回転の速さを、誰がどう決めているのか。普段は気に留めないその拍について、モーション設計に関わる人と話す機会があった。以下は、そのやりとりを再構成したものである。

——回転の速さって、感覚で決めているんですか。それとも目安があるんでしょうか。

「両方ですね。手で触って調整しますが、出発点になる目安はあります。各社のモーションの指針を見ると、画面上の動きの基本的な長さを、おおよそ0.5秒前後に置くことが多い。アップルやグーグルの設計ガイドでも、要素が現れたり切り替わったりする時間として、その辺りの値がよく挙がります。回転の一周も、だいたいその帯に収まると落ち着いて見える」

速さの帯

——速ければ速いほど『きびきび』して良い、という話ではない。

「そこは奥が深くて。一周が速すぎる回転は、しゃかしゃかと急かされる感じになる。利用者の不安を煽ってしまうんです。逆に遅すぎると、止まっているのか動いているのか分からなくなって、停滞の印象が出る。止まったように見える進捗バーが嫌われるのと、根っこは同じです。だから、速すぎず遅すぎずの帯を探る」

——その帯は、どんな場面でも同じなんでしょうか。

「いや、文脈で動きます。一瞬で終わる処理なら、そもそも回転を出さないほうがいい。輪郭を見せる手法に切り替えることもある。長くかかる処理なら、回転だけでは間が持たないので、別の拍を足す。同じ0.5秒でも、待機全体の長さによって、心地よさは変わるんです」

リズムとしての休止

——回転そのものより、待機全体のリズムを設計している、という感じですか。

「近いです。回転は拍を刻む装置で、その拍が利用者の体内のテンポと合うと、待つことが苦になりにくい。脈拍くらいの、ゆったりした周期が落ち着くと感じる人は多い。逆に、不規則に明滅したり、急に速さが変わったりすると、遅延のばらつきを見たときのように落ち着かなくなる。規則正しさが、ここでも効くんです」

もっとも、と彼は付け加えた。規則正しければ良いというのも単純すぎる。同じ拍が延々と続けば、今度は退屈と不安が顔を出す。だから長い待機では、途中で表示を変え、進んでいる手応えを差し挟む。一定の拍を保ちつつ、節目で変化を置く——音楽の構成に似ている、と彼は言った。一方で、凝りすぎた演出は、かえって処理の遅さを意識させることもある。引き算が要る、と。

話を終えて、ローディングの輪が違って見えるようになった。あれは単なる「処理中」の合図ではなく、待つ時間に拍を与えるための、小さなメトロノームだったのだ。回す速さ、止める間合い、節目で変える呼吸。そのどれもが、利用者の体内時計と画面の時間を、そっと噛み合わせようとしている。間を置くという発想と合わせて考えれば、ローディングの設計とは、待機という名の短い楽曲を編む作業に近い。鳴っている音だけでなく、その合間の休止までを含めて、ひとつのリズムを作っているのである。

参考文献

  1. Apple「Human Interface Guidelines: Motion」(アクティビティインジケータおよびモーションに関するガイドライン).
  2. Google「Material Design: Motion — Speed」(モーションの長さ・速度に関するガイドライン).
Window Latency 編集部 体感時間と待機の設計を追う編集チーム

ニュースレター

待つ時間の観察を、週に一度。

体感時間・待機・同期にまつわる新着記事を、控えめにお届けします。