サイトでこの表示はできますか？相談時に伝えてほしい情報
「参考サイトのように写真を並べたい」「ボタンを押すと説明が開くようにしたい」。希望はあるものの、機能の名前が分からず、どう相談すればよいか迷うことはありませんか。
専門用語を調べてから問い合わせる必要はありません。現在のページと参考にしたい画面に、「どこを、何のために変えたいか」を添えると、希望を共有しやすくなります。実現できるか、どの方法を使うかは現在のサイトの作りや必要な動きを確認して判断します。
WebAnataでも「サイトでこういう表示のさせ方はできますか」という質問をいただきます。まずは、見た目や動きの希望を言葉にするところから始めてみましょう。
変更したい場所と目的
「トップページを変えたい」だけでは、画像、メニュー、お知らせなど、どの部分の相談かが分かりません。ページのURLと、「上から二つ目の商品紹介」「写真の下にある説明文」のような位置を伝えてみてください。
そのうえで、「商品ごとの違いを比べやすくしたい」「長い説明を必要な人だけ読めるようにしたい」といった目的を添えます。同じ見た目を再現する以外にも、目的に合う表示方法を検討する材料になります。
例えば、既存サイトの修正では、トップページに「何の用事で来たか」で選べる案内枠を追加した対応があります。また、レンタカーの車両詳細ページの見せ方を変える依頼では、参考にしたい並びや装備の伝え方を共有してもらい、画面案を何度か作り直したことがあります。社名や画面は伏せたままにします。表示変更の可否や方法はサイトごとに確認して判断します。
希望が複数あるときは、今回は必ず直したい部分と、予算や時期が合えば変えたい部分を分けておくと、相談する範囲を絞りやすくなります。
参考画面の伝え方
参考サイトを送る場合は、URLと一緒に、どの部分を参考にしたいかを書きます。「全体の雰囲気」なのか、「写真と文章の並び方」なのか、「押すと説明が開く動き」なのかを区別しましょう。初回の相談では、参考サイトの共有があると、希望の方向を伝えやすくなります。
スクリーンショットに丸や矢印を付ける方法もあります。表示を変えたい部分を示せば、ページのどこを見るかが伝わります。ログインが必要な画面を共有するときは、顧客名、注文情報、連絡先などが写っていないか確認してください。
画面の動きが大切なら、「ページを開く→見出しを押す→説明が開く」のように操作の順番を書きます。短い画面録画があると、操作の流れも伝わります。WebAnataでは画像や録画をメールやチャットで受け取っています。最初は文章だけでも大丈夫です。
参考サイトの写真や文章を、そのまま使う前提にはしないでください。自社で用意できる素材と、参考にしたい配置や動きを分けて伝えましょう。
操作した後の動き
ボタンや一覧の表示は、操作前の画面だけでは希望を伝えきれないことがあります。ボタンを押した後に何が起きてほしいかも書いてみてください。
例えば「サービス名を押すと、その説明が開く」という相談なら、もう一度押すと閉じたいのか、別のサービスを開いたときに前の説明を閉じたいのかでも、期待する動きが変わります。これは説明のための例で、特定の案件の実績ではありません。
すべてを決める必要はありません。決まっている動きと、提案してほしい部分を分けて伝えれば、相談時に確認する点が分かります。すでに動作の不具合がある場合は、「今どう動くか」と「どう動いてほしいか」を並べて書くと伝わりやすくなります。
スマートフォンでの希望
パソコンの参考画面だけでなく、スマートフォンで何を見やすくしたいかも伝えましょう。画面の大きさに合わせて表示を調整する設計があり、端末によって写真や文章の並べ方を変える場合があります。
例えば、横に並ぶ写真をスマートフォンでは縦に並べたいのか、横へ動かして見せたいのかでは希望が違います。「スマホでは料金と問い合わせ先を先に見せたい」のように、優先してほしい情報を伝える方法もあります。
現在の表示がおかしい場合は、見ている端末名、ブラウザー名、問題が起きたページを分かる範囲で添えてください。ブラウザーはSafariやChromeなど、サイトを見るためのアプリです。詳しい機種や環境が分からなければ、そのことも伝えれば大丈夫です。
更新する人と使う情報
同じ表示でも、内容が固定なのか、担当者が日々追加するのかによって、確認したいことが変わります。「写真は担当者が入れ替える」「サービスの説明は年に数回変える」など、公開後の更新方法も伝えてください。
予約や在庫など、別のサービスの情報を表示したい場合は、そのサービス名や、何の情報を載せたいかを添えます。画面が似ていても、情報を手入力する場合と、外部のサービスから取り込む場合では、確認する範囲が異なります。
Shopifyを使っていて、商品情報の持たせ方やテーマ側でできる調整を知りたい場合は、Shopifyのテーマ編集を解説した記事も参考になります。
サーバー・ドメイン・CMSの情報
初回の相談ではサーバーやドメインの情報も共有してもらえると助かります。例えば、どの会社のサーバーで動かしているか、ドメインをどこで契約しているか、WordPressやShopifyなどどの仕組みで作られているか、管理画面やサーバーパネルへのログイン権限を誰が持っているか、といった点です。
ここで聞きたいのは、提供者や契約先、所有の分かれ方、いま誰が操作できるか、という確認です。パスワードや認証コードそのものを、メールやチャットで送る必要はありません。認証情報が必要になったときは、その時点で安全な共有方法を案内します。
他社が作った既存サイトの部分修正も相談できます。極端に古い作りのサイトでなければ受ける方向ですが、「極端に古い」かの判断に決まった年数はありません。サーバーやドメイン、CMSの情報を事前に共有してもらい、実際のサイトを確認したうえで対応可否を判断します。
そのまま使える相談文
次はサービス紹介ページの表示を変えたい場合の架空の相談例です。自分の状況に合わせて書き換え、分からない項目は「未定」のまま使ってください。
- 現在のサイト：自社サイトのURL
- サーバー・ドメイン・CMS：分かる範囲で（例：サーバー会社名、ドメインの管理場所、WordPressなど）。パスワードは送りません。
- 変更したい場所：サービス紹介ページの説明文
- 困っていること：スマートフォンでは説明が長く、問い合わせ先まで進みにくいと感じています。
- 希望する表示：サービス名を押すと詳しい説明が開く形です。参考サイトのURLと、参考にしたい場所をお伝えします。
- 操作後の希望：もう一度押すと閉じたいです。複数の説明を同時に開けるかは相談したいです。
- 更新する人：社内の担当者が説明文を変更する予定です。
- 希望時期・予算：どちらも未定です。対応方法と合わせて相談したいです。
相談先から返答があったら、対応するページ、スマートフォンでの動き、更新できる項目、確認する端末、費用と作業時期が希望と合っているかを確認しましょう。
画面の調査や試作が必要な場合は、先に対象ページと作業の目安、費用の案内を受け、了承してから進めてもらうと安心です。無料の調査や試作を約束するものではありません。金額は案件ごとに確認します。
WebAnataのWebサイト制作・保守サポートについて相談したい方は、現在のURLと変更したい場所を、分かる範囲でお問い合わせフォームからお知らせください。対応可否や作業範囲は、サイトの状態とご希望を確認したうえで判断します。
