モバイルにおけるステップインジケーターはどうあるべきか

フォームが複数ページに渡る場合、ステップインジケーターは必要不可欠です。ステップインジケーターはユーザーに対して自分たちが今どのステップにいて、あとどのくらいのステップが残っているかを示す役割があります。

画面上のスペースが限られているためモバイルフォームで、ステップインジケーターを提示することは困難です。デスクトップと同じインジケーターをモバイルフォームで使用すると、可読性と可視性の問題が生じてしまいます。

直線型 vs 放射型

放射型であれば内容を認識するために必要な注視時間が短くなるため、ユーザーは自分の進捗状況をより素早く知ることができます。放射型が示す内容を認識するには、今作業している１段階だけを見れば済みます。一方で、直線型は他のステップも含めた４段階すべてを見なければなりません。視認時間が短いほど入力が早く進み、フォームの入力完了にも繋がりやすくなります。

可視性と可読性が鍵

複数ページに渡るフォームを入力する場合、ユーザーは自分がどのステップを踏んでいるのか、そしてどのステップまで進んでいるのかを把握する必要があります。ステップインジケーターの可視性と可読性が、進捗状況を把握するための鍵です。

現在いるステップのタイトルと進捗度を明確に知ることができれば、フォーム入力が達成される可能性が高くなります。一方でこのプロセスが困難であれば、ユーザーがフォーム入力を途中で放棄する可能性が高くなってしまいます。