【長期インターン】導線図の設計!

date_range 2024/12/19
日々の活動日記
池内 大翔
導線

こんにちは!SCSC事業部マーケティングプランナーコース

長期インターン生池内大翔です!


今日は、ホームページ制作の中でも重要な役割を果たす「導線図」の設計を担当しました!

導線図とは、サイトを見に来た閲覧者がサイト内をどのように移動して、最終的にゴール(問い合わせ、購入、情報取得)までたどるのかを表した図です。この設計がしっかりしていると、ユーザーがそのページに求める目的やそれに合わせた訴求ポイントを明確にできるため、サイトの効果が最大限に期待できます!


本日導線図の設計にあたり、以下のポイントに気を付けました。


1.ユーザー目線を最優先にする


ユーザーがサイトを訪れた際に、どのような目的でページを訪れるのか、またどのページを経由してゴールにたどり着くのかを明確にする。


2.シンプルで直観的なマイルを作成する

ページ間の遷移が複雑すぎると、ユーザーがゴールまでたどり着く前に離脱してしまう可能性があるので、むやみに導線を配置せず目的に合った導線を意識する。


3.明確なゴールを設定する

導線図を作成する前に、サイトのゴールを明確に定めます。例えば、「問い合わせフォームに誘導する」「商品の購入につなげる」「サービス内容の事前知識」などです。



今日は、初めての導線図設計だったこともあり時間が多くかかってしまいましが、今後の案件制作を通じて、よりスピィーディーに設計が行えるよう頑張りたいと思います!


長期インターン生 活動日記TOPページ:https://guardian.jpn.com/intern/

長期インターン生 池内大翔の活動日記:https://guardian.jpn.com/intern/diary/?m=52643

長期インターン生 池内大翔のメンバーページ:https://guardian.jpn.com/member/ikeuchi_hiroto/

*COMMENT*

  • 西峯 なお

    西峯 なお

    更新日:2024-12-19 18:36

    *コメント*

    見てて楽しいサイトをたまに見たりすると、すごく設計がいい感じだなと
    学びになることが多いですよね。

    *コメント*

  • 下川 春樹

    下川 春樹

    更新日:2024-12-19 20:01

    *コメント*

    お疲れ様です。
    サムネイルの画像がぱっと見、藁で包んだ納豆にしか見えませんでした。笑
    導線図の設計、奥が深そうですね。その辺りも勉強不足ですのでお互い頑張りましょう٩( 'ω' )و

    *コメント*

  • 宮腰あやか 

    宮腰あやか 

    更新日:2024-12-19 22:21

    *コメント*

    お疲れ様です。
    導線がしっかりしているWEBサイトは見ていてストレスがなく、訪問者視点でも親切で好きになってしまいますね。まとめていただいた事項を参考に学ばせていただきます!

    *コメント*

  • 宮城 わか

    宮城 わか

    更新日:2024-12-20 10:14

    *コメント*

    ユーザー目線とても大事ですね。設計をする上でも、制作者目線ではなく閲覧者の目線で考えないといけないということをWEB学校でも学ばせていただきました。

    *コメント*

  • 大橋 秀一郎

    大橋 秀一郎

    更新日:2024-12-21 15:01

    *コメント*

    ユーザーの目的に寄り添えれば、良い導線ができるかもしれませんね。設計難しいと思いますが、引き続き頑張って下さい。

    *コメント*

  • 野村 健人

    野村 健人

    更新日:2024-12-24 08:08

    *コメント*

    WEBサイトを実際に見る閲覧者が何を目的としているのか、またWEBサイトを運営する企業の目的は何なのか。
    サイト設計ではどちらの視点も持つことが大切ですね!

    *コメント*

  • 阪口 純平

    阪口 純平

    更新日:2024-12-24 18:22

    *コメント*

    導線図の設計が良いサイトは、求めている情報が瞬時にわかりストレスなく閲覧できるので、ユーザーにとってとても有益なサイトであるということですね。

    *コメント*

*コメント*

*ログイン*

メールアドレス
パスワード