フォームは作ってあった。行き方が無かった

このサイトには、問い合わせフォームが置いてあります。プロフィールページの一番下です。

リンクを探したところ、サイトのどこにもありませんでした。

辿り着ける人が限られていた#

フォームに行く方法は、実質ひとつしかありませんでした。プロフィールページを最後まで読むことです。

プロフィールは経歴と対応範囲が並ぶ長いページです。そこを下まで読み切った人だけが、フォームの存在を知ることになります。

トップページが、記事一覧へのリンクで終わっていた#

もうひとつ、流れの問題がありました。

トップページは、実績 → スキル → プロフィール → ブログ、という順に並んでいます。そして最後が「ブログ記事をすべて見る →」で終わります。

なぜ気づかなかったか#

作った本人は、フォームの場所を知っています。確認するときは /profile を開いて下までスクロールすればよく、「どうやってそこへ行くか」を試す必要がありません。

動いているかどうかは何度も確認しました。送信できるか、エラーが出るか、文面は適切か。全部見ています。見ていなかったのは、その手前でした。

フォームは増やさなかった#

直し方として、トップページにもフォームを置く案がありました。すぐ書けます。

やめました。同じものが2か所にあると、直すときに片方だけ直ります。

フッターにもリンクを足しました。記事を下まで読み終えた人が、そのまま相談に移れる位置です。

同じ原因で、他にも抜けていた#

フッターを触ったついでに気づいたのですが、フッターのリンク一覧には連載と用語集が入っていませんでした。

どちらも後から足したページで、ヘッダーには入れたのにフッターには入れ忘れていました。記事を最後まで読んだ人が次へ移ろうとすると、いったん上まで戻らないと辿り着けない場所があったことになります。

「#」で飛ぶ処理が、1ページ専用だった#

もうひとつ、直しが必要になった箇所があります。

フォームへのリンクは /profile#contact の形です。ところがこのサイトは画面を読み込み直さずに中身だけ差し替えるため、URLの「#」を見てブラウザが動いてはくれません。その位置まで運ぶ処理を自分で書いてあります。

その処理を、トップページの中にだけ置いていました。行き先が /#projects のようにトップの中しか無かったからです。プロフィールが行き先になった時点で、足りなくなりました。

置き場所を全ページ共通の場所へ移して、どのページでも効くようにしています。行き先が増えたときに、仕組みの置き場所も見直す必要があったということでした。

今回の学び#

まず、動くことと、辿り着けることは別だということ。フォームは何度も動作確認をしていましたが、確認していたのは中身だけで、そこへ行く道は一度も試していませんでした。

次に、作った人は道を探さないこと。場所を知っている人は直接開きます。行き方が無いことは、知らない人の立場に立たないと見えません。

そして、同じものを2か所に置かないこと。案内は何か所あってもよく、むしろ多いほうがよい。ただし実体は1つにしておかないと、直したつもりの片方が残ります。