1入力
2確認
3完了
操作できる見本です。ボタンや入力欄を実際に動かせます。

あわせて引く

ステッパー

Stepper

ふだんの言い方進行表示ステップ購入手順

完了・現在・未到達を区別して、手順の進み具合を見せる。

見分けるポイント

  • 手順全体と現在位置を見せる
  • 完了・現在・未到達を区別
  • 番号やチェックで順序を示す

AIへの伝え方

変更する場所:入力フローの上部。 購入フローの上部にステッパーを。完了ステップは緑にチェックマーク、現在は黒、未到達はグレーで。 変更は指定した箇所に限定し、それ以外のレイアウト・文章・配色は維持してください。スマートフォンでも要素がはみ出さず、文字や操作を妨げないようにしてください。

コピーした文章を、お使いのAIに貼り付けてください。

「操作する部品」の言葉

押す、選ぶ、入力する、知らせる。

207語すべてを、見た目から引く