オレンジの枠が「ご利用の流れ(ステップ)」です。薄い部分は、まわりの部品のイメージです。
ご利用の流れ(ステップ)
How It Works / Steps
申し込みから利用までの手順を、番号と矢印で順番に見せる部分。「かんたんそう」と思ってもらう。
別名使い方の流れご注文の流れ3ステップフロー
入れるもの
- 「ご利用の流れ」などの見出し
- 番号付きの手順(3〜5個)
- それぞれの短い説明とイラスト
- かかる時間(例:最短3分)
作るときのコツ
- 手順は少なく見せる(多ければまとめる)
- 最初の一歩がかんたんなことを伝える
- 最後のステップの後にボタンを置く
どこで使われている?
- よく見かける場所
- サービスのLP、教室・相談サービス、ネットショップのご利用ガイド
- 使うとよい場面
- 申し込みや利用の手順が不安そうなとき
- いらない・注意する場面
- 手順がほとんどない商品
似ている部品との違い
AIへの指示文
LP(宣伝ページ) に入れるときの指示文です。作るものは右上の「何を作る?」で変えられます。
商品・サービスを宣伝する1ページのLP(ランディングページ)に、「ご利用の流れ(ステップ)(How It Works / Steps)」のセクションを作ってください。 内容:「ご利用の流れ」という見出しの下に、番号付きの丸とイラスト、短い説明を1組にした手順を3つ、矢印でつないで横に並べる。最後に「最短3分で始められます」と申し込みボタンを置く。 入れるもの:「ご利用の流れ」などの見出し/番号付きの手順(3〜5個)/それぞれの短い説明とイラスト/かかる時間(例:最短3分) 気をつけること:手順は少なく見せる(多ければまとめる)/最初の一歩がかんたんなことを伝える/最後のステップの後にボタンを置く スマホでも見やすいように、画面が狭いときは縦に並べてください。