[{"data":1,"prerenderedAt":351},["ShallowReactive",2],{"post-lets_go_itani_2":3,"blog-categories":155,"blog-sidebar-banners":350},{"post":4},{"id":5,"date":6,"date_gmt":7,"guid":8,"modified":10,"modified_gmt":11,"slug":12,"status":13,"type":14,"link":15,"title":16,"content":18,"excerpt":21,"author":23,"featured_media":24,"comment_status":25,"ping_status":26,"sticky":20,"template":27,"format":28,"meta":29,"categories":31,"tags":33,"acf":34,"aioseo_notices":35,"_links":36,"_embedded":78},183,"2022-12-06T08:32:00","2022-12-05T23:32:00",{"rendered":9},"https://blog.cloco.co.jp/?p=183","2023-12-26T14:16:53","2023-12-26T05:16:53","lets_go_itani_2","publish","post","https://blog.cloco.co.jp/lets_go_itani_2/",{"rendered":17},"おっ？！猪谷いけんのか？(part2)_導線設計編",{"rendered":19,"protected":20},"\n\u003Cp>こんにちは。猪谷です♪\u003Cbr>年内にブログ5本投稿する目標を掲げて、今回2本目の記事となります。\u003Cbr>今回は、導線設計を担当した時の話を記事にしようと思います。\u003C/p>\n\n\n\n\u003Cdiv id=\"ez-toc-container\" class=\"ez-toc-v2_0_62 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n\u003Cdiv class=\"ez-toc-title-container\">\n\u003Cp class=\"ez-toc-title \" >目次\u003C/p>\n\u003Cspan class=\"ez-toc-title-toggle\">\u003Ca href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\">\u003Cspan class=\"ez-toc-js-icon-con\">\u003Cspan class=\"\">\u003Cspan class=\"eztoc-hide\" style=\"display:none;\">Toggle\u003C/span>\u003Cspan class=\"ez-toc-icon-toggle-span\">\u003Csvg style=\"fill: #424242;color:#424242\" xmlns=\"http://www.w3.org/2000/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\">\u003Cpath d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\">\u003C/path>\u003C/svg>\u003Csvg style=\"fill: #424242;color:#424242\" class=\"arrow-unsorted-368013\" xmlns=\"http://www.w3.org/2000/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\">\u003Cpath d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"/>\u003C/svg>\u003C/span>\u003C/span>\u003C/span>\u003C/a>\u003C/span>\u003C/div>\n\u003Cnav>\u003Cul class='ez-toc-list ez-toc-list-level-1 ' >\u003Cli class='ez-toc-page-1 ez-toc-heading-level-2'>\u003Ca class=\"ez-toc-link ez-toc-heading-1\" href=\"https://blog.cloco.co.jp/lets_go_itani_2/#%E3%81%9D%E3%82%82%E3%81%9D%E3%82%82%E5%B0%8E%E7%B7%9A%E8%A8%AD%E8%A8%88%E3%81%A8%E3%81%AF%EF%BC%9F\" title=\"そもそも導線設計とは？\">そもそも導線設計とは？\u003C/a>\u003C/li>\u003Cli class='ez-toc-page-1 ez-toc-heading-level-2'>\u003Ca class=\"ez-toc-link ez-toc-heading-2\" href=\"https://blog.cloco.co.jp/lets_go_itani_2/#%E5%AE%9F%E9%9A%9B%E3%81%AB%E5%B0%8E%E7%B7%9A%E8%A8%AD%E8%A8%88%E3%82%92%E4%BD%9C%E3%81%A3%E3%81%A6%E3%81%BF%E3%82%88%E3%81%86%EF%BC%81\" title=\"実際に導線設計を作ってみよう！\">実際に導線設計を作ってみよう！\u003C/a>\u003C/li>\u003Cli class='ez-toc-page-1 ez-toc-heading-level-2'>\u003Ca class=\"ez-toc-link ez-toc-heading-3\" href=\"https://blog.cloco.co.jp/lets_go_itani_2/#%E5%B0%8E%E7%B7%9A%E8%A8%AD%E8%A8%88%E3%81%AE%E5%A4%A7%E5%88%87%E3%81%95%E3%81%AB%E6%B0%97%E3%81%A5%E3%81%84%E3%81%9F%E7%8C%AA%E8%B0%B7\" title=\"導線設計の大切さに気づいた猪谷\">導線設計の大切さに気づいた猪谷\u003C/a>\u003C/li>\u003Cli class='ez-toc-page-1 ez-toc-heading-level-2'>\u003Ca class=\"ez-toc-link ez-toc-heading-4\" href=\"https://blog.cloco.co.jp/lets_go_itani_2/#%E6%AC%A1%E5%9B%9E%E3%81%AE%E3%83%86%E3%83%BC%E3%83%9E\" title=\"次回のテーマ\">次回のテーマ\u003C/a>\u003C/li>\u003C/ul>\u003C/nav>\u003C/div>\n\u003Ch2 class=\"wp-block-heading\" id=\"そもそも導線設計とは\">\u003Cspan class=\"ez-toc-section\" id=\"%E3%81%9D%E3%82%82%E3%81%9D%E3%82%82%E5%B0%8E%E7%B7%9A%E8%A8%AD%E8%A8%88%E3%81%A8%E3%81%AF%EF%BC%9F\">\u003C/span>そもそも導線設計とは？\u003Cspan class=\"ez-toc-section-end\">\u003C/span>\u003C/h2>\n\n\n\n\u003Cp>導線設計の担当となった猪谷ですが、導線設計の「ど」の字も知らない状態でした。\u003Cbr>WEBページのコーディンに関わることがあっても、上流工程となる導線設計は、まったく意識したことが無いため、なにそれ美味しいの？状態に。\u003Cbr>\u003Cbr>初めて聞く言葉だし、まずは何をすれば良いかも分からない状態なので、とりあえず調べてみようと思い動き出した猪谷でした。\u003Cbr>調べていくと、\u003Cstrong>WEBサイト上に設けた経路\u003C/strong>や\u003Cstrong>サイトを訪れた人にどのように動いてほしいかを想定したもの\u003C/strong>、\u003Cstrong>サイトを訪れた人をどのように目標地点まで誘導するか\u003C/strong>などと出てくる。\u003Cbr>ふむふむ、つまりWEBサイト上の簡易的なマップを作るみたいなものか！\u003Cbr>とりあえず作ってみよう！\u003Cbr>と、安易な考えで作り始めた猪谷でした。（この時点では、まだ導線設計の大切さに気づいていない。。。）\u003Cbr>\u003Cbr>\u003C/p>\n\n\n\n\u003Ch2 class=\"wp-block-heading\" id=\"実際に導線設計を作ってみよう\">\u003Cspan class=\"ez-toc-section\" id=\"%E5%AE%9F%E9%9A%9B%E3%81%AB%E5%B0%8E%E7%B7%9A%E8%A8%AD%E8%A8%88%E3%82%92%E4%BD%9C%E3%81%A3%E3%81%A6%E3%81%BF%E3%82%88%E3%81%86%EF%BC%81\">\u003C/span>\u003Ca href=\"https://stg.blog.cloco.tech/lets_go_itani_2/#%E5%AE%9F%E9%9A%9B%E3%81%AB%E5%B0%8E%E7%B7%9A%E8%A8%AD%E8%A8%88%E3%82%92%E4%BD%9C%E3%81%A3%E3%81%A6%E3%81%BF%E3%82%88%E3%81%86\" class=\"broken_link\">\u003C/a>実際に導線設計を作ってみよう！\u003Cspan class=\"ez-toc-section-end\">\u003C/span>\u003C/h2>\n\n\n\n\u003Cp>ひとまず、作ってみた導線設計ですが、タタキとしてWEBディレクター畑出身のパンダ部長に、初レビューをしてもらう日となりました。\u003Cbr>clocoは受託開発会社ですが、導線設計などのような上流工程も考えることができるプロも多数います。 自信満々に作った資料を画面に出し、レビューが始まります。\u003Cbr>猪谷「導線設計作ってきました！レビューお願いします！」\u003Cbr>パンダ部長「どれどれ」\u003Cbr>パンダ部長「・・・」\u003Cbr>猪谷「どうですか？（ワクワク！）」\u003Cbr>パンダ部長「・・・？これだけ？」\u003Cbr>猪谷「え？」\u003Cbr>パンダ部長「え？」\u003Cbr>\u003Cbr>その後、パンダ部長から導線設計が何のために必要か、何が足りていないかを丁寧に指導していただき、やっと導線設計の大切さに気づいたのでした。\u003Cbr>さらに他にも考えないといけないことは無いか自分でも調べ、ブラッシュアップを繰り返しついに最終レビューへ。\u003Cbr>これでやってみて、適宜変更が必要な箇所は変えていこうということで完成となりました。\u003C/p>\n\n\n\n\u003Cfigure class=\"wp-block-image size-full\">\u003Cimg fetchpriority=\"high\" decoding=\"async\" width=\"1648\" height=\"1104\" src=\"https://blog.cloco.co.jp/wp-content/uploads/2023/12/dousensekkei.png\" alt=\"\" class=\"wp-image-184\"/>\u003C/figure>\n\n\n\n\u003Ch2 class=\"wp-block-heading\" id=\"導線設計の大切さに気づいた猪谷\">\u003Cspan class=\"ez-toc-section\" id=\"%E5%B0%8E%E7%B7%9A%E8%A8%AD%E8%A8%88%E3%81%AE%E5%A4%A7%E5%88%87%E3%81%95%E3%81%AB%E6%B0%97%E3%81%A5%E3%81%84%E3%81%9F%E7%8C%AA%E8%B0%B7\">\u003C/span>導線設計の大切さに気づいた猪谷\u003Cspan class=\"ez-toc-section-end\">\u003C/span>\u003C/h2>\n\n\n\n\u003Cp>導線設計を作成する際に大切なことは、サイトに訪れた方が最終的にどこに行き着いてほしいかを考えることです。\u003Cbr>実際にその通りたどり着くことは難しいと思いますが、結果がどうだったかを確認することも重要となり、そのために分析指標も検討する必要があります。\u003Cbr>上記はどちらかというと企画者目線での話になってしまいますが、開発者目線でいうと上流工程で決まった導線設計に対して、いかに離脱しないかを考える必要があります。\u003Cbr>そのためには、ブログ内の記事で、別サイトに遷移させる際に別タブで開くのか、遷移させるのかなどユーザビリティも考える必要があります。\u003Cbr>企画者側と開発者側の目線をあわせてお互いに意見を出し合うことで、良いものが生まれるんじゃないかと思います〜\u003Cbr>\u003Cbr>今回はここで完了となりましたが、パンダ部長曰く「ターゲットの属性に応じた導線設計がもう1段階ある」とのこと！（※ここめっちゃ重要テスト出る※）\u003Cbr>ブログコンテンツの質が軌道に乗ったら、もう１段階の導線設計にトライすることを誓う猪谷でした！\u003Cbr>\u003Cbr>\u003C/p>\n\n\n\n\u003Ch2 class=\"wp-block-heading\" id=\"次回のテーマ\">\u003Cspan class=\"ez-toc-section\" id=\"%E6%AC%A1%E5%9B%9E%E3%81%AE%E3%83%86%E3%83%BC%E3%83%9E\">\u003C/span>\u003Ca href=\"https://stg.blog.cloco.tech/lets_go_itani_2/#%E6%AC%A1%E5%9B%9E%E3%81%AE%E3%83%86%E3%83%BC%E3%83%9E\" class=\"broken_link\">\u003C/a>次回のテーマ\u003Cspan class=\"ez-toc-section-end\">\u003C/span>\u003C/h2>\n\n\n\n\u003Cp>今回は導線設計の大切さに気づいた猪谷ですが、企画側として考えないといけないことのほんの一部です。\u003Cbr>ケロッピと烈志と役割分担をしながら、進めてきたブログプロジェクトです。\u003Cbr>次回は烈志がメインで作成してくれたプロセスシートついて、僕も絡んだのでそのお話ができればと思います。\u003Cbr>\u003Cbr>\u003Cstrong>本当に、猪谷いけんのか？？？\u003C/strong>\u003Cbr>\u003Cbr>\u003Cbr>\u003C/p>\n",false,{"rendered":22,"protected":20},"\u003Cp>こんにちは。猪谷です♪年内にブログ5本投稿する目標を掲げて、今回2本目の記事となります。\u003C/p>\n",4,181,"closed","open","","standard",{"om_disable_all_campaigns":20,"_monsterinsights_skip_tracking":20,"_monsterinsights_sitenote_active":20,"_monsterinsights_sitenote_note":27,"_monsterinsights_sitenote_category":30,"_themeisle_gutenberg_block_has_review":20,"footnotes":27},0,[32],7,[],[],[],{"self":37,"collection":40,"about":43,"author":46,"replies":50,"version-history":53,"predecessor-version":57,"wp:featuredmedia":61,"wp:attachment":64,"wp:term":67,"curies":74},[38],{"href":39},"https://blog.cloco.co.jp/wp-json/wp/v2/posts/183",[41],{"href":42},"https://blog.cloco.co.jp/wp-json/wp/v2/posts",[44],{"href":45},"https://blog.cloco.co.jp/wp-json/wp/v2/types/post",[47],{"embeddable":48,"href":49},true,"https://blog.cloco.co.jp/wp-json/wp/v2/users/4",[51],{"embeddable":48,"href":52},"https://blog.cloco.co.jp/wp-json/wp/v2/comments?post=183",[54],{"count":55,"href":56},2,"https://blog.cloco.co.jp/wp-json/wp/v2/posts/183/revisions",[58],{"id":59,"href":60},198,"https://blog.cloco.co.jp/wp-json/wp/v2/posts/183/revisions/198",[62],{"embeddable":48,"href":63},"https://blog.cloco.co.jp/wp-json/wp/v2/media/181",[65],{"href":66},"https://blog.cloco.co.jp/wp-json/wp/v2/media?parent=183",[68,71],{"taxonomy":69,"embeddable":48,"href":70},"category","https://blog.cloco.co.jp/wp-json/wp/v2/categories?post=183",{"taxonomy":72,"embeddable":48,"href":73},"post_tag","https://blog.cloco.co.jp/wp-json/wp/v2/tags?post=183",[75],{"name":76,"href":77,"templated":48},"wp","https://api.w.org/{rel}",{"author":79,"wp:featuredmedia":94,"wp:term":132},[80],{"id":23,"name":81,"url":27,"description":82,"link":83,"slug":84,"avatar_urls":85,"acf":87,"_links":88},"猪谷","　","https://blog.cloco.co.jp/author/itani-keigo/","itani-keigo",{"24":86,"48":86,"96":86},"https://blog.cloco.co.jp/wp-content/uploads/2024/01/itani02.png",[],{"self":89,"collection":91},[90],{"href":49},[92],{"href":93},"https://blog.cloco.co.jp/wp-json/wp/v2/users",[95],{"id":24,"date":96,"slug":97,"type":98,"link":99,"title":100,"author":101,"featured_media":30,"aioseo_notices":102,"acf":103,"caption":104,"alt_text":27,"media_type":105,"mime_type":106,"media_details":107,"source_url":116,"_links":117},"2023-12-25T08:29:40","default_image-1","attachment","https://blog.cloco.co.jp/lets_go_itani_1/default_image-1/",{"rendered":97},1,[],[],{"rendered":27},"image","image/png",{"width":108,"height":109,"file":110,"filesize":111,"sizes":112,"image_meta":113},1200,700,"2023/12/default_image-1.png",67452,{},{"aperture":114,"credit":27,"camera":27,"caption":27,"created_timestamp":114,"copyright":27,"focal_length":114,"iso":114,"shutter_speed":114,"title":27,"orientation":114,"keywords":115},"0",[],"https://blog.cloco.co.jp/wp-content/uploads/2023/12/default_image-1.png",{"self":118,"collection":120,"about":123,"author":126,"replies":129},[119],{"href":63},[121],{"href":122},"https://blog.cloco.co.jp/wp-json/wp/v2/media",[124],{"href":125},"https://blog.cloco.co.jp/wp-json/wp/v2/types/attachment",[127],{"embeddable":48,"href":128},"https://blog.cloco.co.jp/wp-json/wp/v2/users/1",[130],{"embeddable":48,"href":131},"https://blog.cloco.co.jp/wp-json/wp/v2/comments?post=181",[133,154],[134],{"id":32,"link":135,"name":136,"slug":137,"taxonomy":69,"acf":138,"_links":139},"https://blog.cloco.co.jp/category/company_introduction/","自社紹介","company_introduction",[],{"self":140,"collection":143,"about":146,"wp:post_type":149,"curies":152},[141],{"href":142},"https://blog.cloco.co.jp/wp-json/wp/v2/categories/7",[144],{"href":145},"https://blog.cloco.co.jp/wp-json/wp/v2/categories",[147],{"href":148},"https://blog.cloco.co.jp/wp-json/wp/v2/taxonomies/category",[150],{"href":151},"https://blog.cloco.co.jp/wp-json/wp/v2/posts?categories=7",[153],{"name":76,"href":77,"templated":48},[],[156,177,197,217,237,256,277,296,316,336],{"id":157,"count":158,"description":27,"link":159,"name":160,"slug":161,"taxonomy":69,"parent":30,"meta":162,"acf":163,"_links":164},13,3,"https://blog.cloco.co.jp/category/dx/","DX","dx",[],[],{"self":165,"collection":168,"about":170,"wp:post_type":172,"curies":175},[166],{"href":167},"https://blog.cloco.co.jp/wp-json/wp/v2/categories/13",[169],{"href":145},[171],{"href":148},[173],{"href":174},"https://blog.cloco.co.jp/wp-json/wp/v2/posts?categories=13",[176],{"name":76,"href":77,"templated":48},{"id":178,"count":101,"description":27,"link":179,"name":180,"slug":181,"taxonomy":69,"parent":30,"meta":182,"acf":183,"_links":184},6,"https://blog.cloco.co.jp/category/qa/","QA","qa",[],[],{"self":185,"collection":188,"about":190,"wp:post_type":192,"curies":195},[186],{"href":187},"https://blog.cloco.co.jp/wp-json/wp/v2/categories/6",[189],{"href":145},[191],{"href":148},[193],{"href":194},"https://blog.cloco.co.jp/wp-json/wp/v2/posts?categories=6",[196],{"name":76,"href":77,"templated":48},{"id":198,"count":55,"description":27,"link":199,"name":200,"slug":201,"taxonomy":69,"parent":30,"meta":202,"acf":203,"_links":204},14,"https://blog.cloco.co.jp/category/web_app/","webアプリ","web_app",[],[],{"self":205,"collection":208,"about":210,"wp:post_type":212,"curies":215},[206],{"href":207},"https://blog.cloco.co.jp/wp-json/wp/v2/categories/14",[209],{"href":145},[211],{"href":148},[213],{"href":214},"https://blog.cloco.co.jp/wp-json/wp/v2/posts?categories=14",[216],{"name":76,"href":77,"templated":48},{"id":218,"count":101,"description":27,"link":219,"name":220,"slug":221,"taxonomy":69,"parent":30,"meta":222,"acf":223,"_links":224},10,"https://blog.cloco.co.jp/category/architect/","アーキテクト","architect",[],[],{"self":225,"collection":228,"about":230,"wp:post_type":232,"curies":235},[226],{"href":227},"https://blog.cloco.co.jp/wp-json/wp/v2/categories/10",[229],{"href":145},[231],{"href":148},[233],{"href":234},"https://blog.cloco.co.jp/wp-json/wp/v2/posts?categories=10",[236],{"name":76,"href":77,"templated":48},{"id":23,"count":55,"description":27,"link":238,"name":239,"slug":240,"taxonomy":69,"parent":30,"meta":241,"acf":242,"_links":243},"https://blog.cloco.co.jp/category/infra/","インフラ","infra",[],[],{"self":244,"collection":247,"about":249,"wp:post_type":251,"curies":254},[245],{"href":246},"https://blog.cloco.co.jp/wp-json/wp/v2/categories/4",[248],{"href":145},[250],{"href":148},[252],{"href":253},"https://blog.cloco.co.jp/wp-json/wp/v2/posts?categories=4",[255],{"name":76,"href":77,"templated":48},{"id":257,"count":258,"description":27,"link":259,"name":260,"slug":261,"taxonomy":69,"parent":30,"meta":262,"acf":263,"_links":264},12,8,"https://blog.cloco.co.jp/category/mobile_app/","スマホアプリ","mobile_app",[],[],{"self":265,"collection":268,"about":270,"wp:post_type":272,"curies":275},[266],{"href":267},"https://blog.cloco.co.jp/wp-json/wp/v2/categories/12",[269],{"href":145},[271],{"href":148},[273],{"href":274},"https://blog.cloco.co.jp/wp-json/wp/v2/posts?categories=12",[276],{"name":76,"href":77,"templated":48},{"id":158,"count":158,"description":27,"link":278,"name":279,"slug":280,"taxonomy":69,"parent":30,"meta":281,"acf":282,"_links":283},"https://blog.cloco.co.jp/category/project_management/","プロジェクトマネージメント","project_management",[],[],{"self":284,"collection":287,"about":289,"wp:post_type":291,"curies":294},[285],{"href":286},"https://blog.cloco.co.jp/wp-json/wp/v2/categories/3",[288],{"href":145},[290],{"href":148},[292],{"href":293},"https://blog.cloco.co.jp/wp-json/wp/v2/posts?categories=3",[295],{"name":76,"href":77,"templated":48},{"id":297,"count":23,"description":27,"link":298,"name":299,"slug":300,"taxonomy":69,"parent":30,"meta":301,"acf":302,"_links":303},11,"https://blog.cloco.co.jp/category/beginner/","初心者","beginner",[],[],{"self":304,"collection":307,"about":309,"wp:post_type":311,"curies":314},[305],{"href":306},"https://blog.cloco.co.jp/wp-json/wp/v2/categories/11",[308],{"href":145},[310],{"href":148},[312],{"href":313},"https://blog.cloco.co.jp/wp-json/wp/v2/posts?categories=11",[315],{"name":76,"href":77,"templated":48},{"id":317,"count":32,"description":27,"link":318,"name":319,"slug":320,"taxonomy":69,"parent":30,"meta":321,"acf":322,"_links":323},9,"https://blog.cloco.co.jp/category/it_industry_news/","業界最新情報","it_industry_news",[],[],{"self":324,"collection":327,"about":329,"wp:post_type":331,"curies":334},[325],{"href":326},"https://blog.cloco.co.jp/wp-json/wp/v2/categories/9",[328],{"href":145},[330],{"href":148},[332],{"href":333},"https://blog.cloco.co.jp/wp-json/wp/v2/posts?categories=9",[335],{"name":76,"href":77,"templated":48},{"id":32,"count":258,"description":27,"link":135,"name":136,"slug":137,"taxonomy":69,"parent":30,"meta":337,"acf":338,"_links":339},[],[],{"self":340,"collection":342,"about":344,"wp:post_type":346,"curies":348},[341],{"href":142},[343],{"href":145},[345],{"href":148},[347],{"href":151},[349],{"name":76,"href":77,"templated":48},[],1775547004793]