クリック可能な進行状況ステッパーを作成する
ユーザーに進行状況を示すオプションを提供するページエディターを持っています。ここでは、検討しているいくつかのオプションを用意していますが、問題は、進行状況の現在のステップを選択する必要があることをユーザーに示しています。言葉の下線は別として、これらが本質的にラジオボタンであることを示すために何ができるか。
download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム
これらのテキストのすぐ下にラジオボタンとして表示することもできます。これは、上のイラストに適切で適切なように見えます。
-------------- 1 ----------------------------- 2 ----- ----------------------- 3 ------------------
------- Radio Mockup --------- Radio In-Progres -------- Radio Complete -------
編集：返信時に作業しているコンピューターには適用されなかったため、UIワイヤーフレームが追加されました。
私があなたを正しく理解している場合、進行状況は、マルチステップ形式で表示される進行状況の種類（矢印の設計が示す）ではなく、現在のステータスを示すものと考えられます。その場合、ページの現在のステータスを強調表示して、人々が自由にページを変更できるようにすることができます。
ページ間を行き来できる場合（およびコンテンツが変更された場合）、チェックマークを使用しないでください。これは、ステップが完了し、変更できないことを意味します。この場合、矢印のデザインで十分です。矢印を白のままにし、現在のステップのみを強調表示するだけで、クリック可能性を伝えることができます。ステップが条件付きの場合、バックトラックできるようになるまで、将来のステップをグレー表示にします。
マイクのコメントに同意し、ユーザーが選択することで進行できることを示すボタンをいくつか追加します。
下部のボタンまたは進行状況バーを選択できます。 