ユーザーの進捗を明示する「プログレストラッカー」詳解

オンラインストアでの注文やフォームなどで、ユーザーの進捗を明示するプログレストラッカーの概要や特長、実装例、よくある間違いなどをSmashing Magazineから紹介します。 Progress Trackers in Web Design: Examples and Best Practices 以下はそのポイントを意訳したものです。 1. プログレストラッカーとは？ 2. プログレストラッカーとパンくずの相違点 3. プログレストラッカーの活用 4. プログレストラッカーのベストプラクティス 5. プログレストラッカーの実装 6. プログレストラッカーのよくある間違い 7. プログレストラッカーのショーケース 1. プログレストラッカーとは？ プログレストラッカーとは進捗を明示するもので、複数のステップがあるプロセスを完了するためにユーザーの手助けとなるものです。 オンラインのプロダ

[XIAORING]

progress tracker

[teinex]

あれは「プログレストラッカー」って言うんですね

[sagi1213]

プログレストラッカー

[matuix]

プログレストラッカーの活用:1.オンライン注文 2.ツアーガイド 3.複数のステップのフォーム ベストプラクティス:1.論理的な明示 2.現在のステップの明示 3.配置

[soma1080]

ユーザーの進捗を明示する「プログレストラッカー」詳解

[kuracom]

進捗状況の示し方。好例と悪例。

[Kechol]

プログレストラッカーとパンくずリストの違い。ユーザビリティの話。

[ueyaman4649]

design ナビゲーション

[abtky]

クラス名とかのボキャブラリとして

[inthesoup]

買い物や会員登録の進捗が分かるプログレストラッカー

[Donca]

 ユーザーの進捗を明示する「プログレストラッカー」詳解