LoginSignup
2

More than 5 years have passed since last update.

ローディングの表示位置による視線誘導

Posted at

ローディング表示を表示する位置を少し工夫してユーザ体験を改善しよう、という小話です。

ローディングって安易にど真ん中に表示しても良いのですが、スピナーみたいに動くものってつい見ちゃいますよね。例えば、TwitterのiOSアプリは画面の上のほうにスピナーを表示しています。

C98532C1-463D-48F0-B7CB-EB3D90D645FC.PNG

Twitterは上から下にコンテンツが流れていくので、スピナーに注目させてユーザの視線の初期位置を画面トップに誘導することで自然な視線の流れをデザインしているんじゃないかなと思います。

このように、ユーザの視線を誘導したい場所にスピナーを表示すれば、ローディング表示からコンテンツへと自然に移行でき、負担を軽減することが期待できます。

さくっとできる工夫なので、何かの参考になれば幸いです。


:whale2: Twitter: @a_beco
:guitar: SoundCloud: @beco <- 作業用BGMにどうぞ!

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2