ProgressBar(プログレスバー)とUX(追記あり)。 | Junnama OnlineProgressBar(プログレスバー)とUX(追記あり)。 公開日 : 2013-12-27 16:37:17 1秒毎に進行して10段階(秒)で終了する処理の進捗をプログレスバーでユーザーにフィードバックする時の話しです。 0から10段階に設定して、1秒毎に1(10%)ずつ進めて行き、10に到達した瞬間に非表示にする(処理終了)という実装をすると、何か違和感がないですか? (以下の動画) プログラマ的には素直な処理の実装なのですが、以下の2点が違和感につながっているように思います。 スタート時、バーが0の時、処理が止まっているように見える。 終了時、9段階から10段階に到達したとき、10段階に到達した画面が見えずに(一瞬で非表示になるため)、違和感が残る。 そこで、以下のように改良します (以下の動画)。 敢えて10段階とせずに、9段階とする。 0段階の時と9段階の時に散髪屋状態(bar
