実用編

ヒアリングのポイント

文章力以上に重要なのが事前のヒアリング

コンテンツの原稿が用意されずに書き起こしをしなければならない場合、内容・表現の「正解」を知らないまま、単に用意された資料を基にまとめた原稿を叩き台に何度も修正を繰り返す方法は、手間がかかる上、クライアントの不満も高まる。
文章力以上に重要なのが事前のヒアリングだ。

特に、「なぜ(why)」「何を(what)」「どのように(how)」は、ロジックの骨格になる要素なので、できるだけ細かく確認したい。

ヒアリングシートの作成

  1. (前の制作会社が存在する場合)なぜ前回の制作会社を切ったか
  2. 自分のどこに強みを感じていただいたか
  3. 依頼日
  4. 氏名(ご担当者名、決定責任者、プロジェクト担当者、プレゼン担当者、システム管理者)
  5. ご連絡先
  6. 依頼種類(新規・追加・変更)
  7. 納期
  8. 公開予定日
  9. サイトの目的(Webページで何をしたいか)

    ここに穴があると、舌足らずな説明・無理のある説明をしてしまう可能性が高いので要注意。

    • なぜ、そのWebサイトを作るのか?
    • Webサイトのターゲットとなるのは誰か?
    • ターゲットには何を提供したいか?
    • ターゲットにはどのような印象を持ってもらいたいか?
    • Webサイトからサービスを提供することによる利益は何か?
    • ベネフィットは誰がいつ、どこで、どのように受けるのか?
    • そのWebサイトは既存のサイトとは何が違うのか?
    • そのWebサイトはいつ実現したいのか?
    • そのWebサイトはどのように実現したいのか?
    • コンテキスト(背景となる歴史や過程)
  10. 訴求点を知る

    商財の価値を本質から理解していなければ、ユーザーを訴求する上手な説明や演出を考えることはできない。長所だけでなく短所も含めて専門家としての正直な見解を示してもらうことが重要。あくまで公平な視点で、訴求点を抽出・整理する。

    市場の状況
    既存の常識・トレンド・潜在的/明示的ニーズ
    商品の特徴
    先進性・独自性・コストパフォーマンス
    競合との関係
    優位点・問題点・疑似点
    自認する問題点・不満点
    高い、安かろう悪かろう、扱いが難しい
  11. Webサイトの貢献項目(複数ある場合は優先順決め)
    収益の増加
    • オフラインからの見込み客の開拓
    • オンラインでの売り上げ増加
    • 購買意思決定への寄与
    コスト削減
    • 構築時のスピード、柔軟性、効果性の向上
    • カスタマーサポートのオンラインへの移行
    • オンラインカタログなど情報公開
    • 顧客との関係構築
    • ネットワーク構築
    ブランド価値の向上
    • ブランドの正しい伝達
    • ブランドイメージの向上
    • 社会、マスコミ、投資家に対する情報発信
    • 企業メッセージの伝達
    • 将来の従業員とのつながり
  12. サーバーの状態(レンタルか自社か)
  13. 原稿・データ・写真素材などの資料受け渡し方法
  14. 社内の確認フロー、決裁者について(どういった状態で回れば返事が早いか、など)
  15. クライアントとの連絡方法(担当者の連絡が付きやすい時間帯)
  16. 運用時の作業ボリュームと担当者スキル
  17. プロジェクト名(機密に関わる場合はコードネーム)
  18. ドメインの取得を希望するか
  19. 予算

ヒアリングの際の注意点

伝えたいメッセージをきちんと把握しておく
事務的に情報を伝えるだけでは、相手の気持ちをつかむことは難しい。企業としての理念、商材の開発・提供に秘めた想いなど、ユーザーに伝えたいメッセージをきちんと把握しておく必要がある。
「絶対のルール」を確認する
どんな内容のコンテンツにも、「これだけは掲載しなければならない・掲載してはならない」という情報や「この言葉を使わなければならない・使ってはならない」という表記ルールがある。特に法令や経営方針に関わる部分は要注意。
掲載情報の優先順位を確認する
情報の掲載順や強調度合いは、マーケティング判断に基づいたもであるべき。場合によっては組織の「しがらみ」や責任者の「好み」に配慮する必要がある。構成レベルの変更が頻繁に生じないよう、最低限、めぼしいトピックについては、それぞれ優先順位を確認しておく。
ヒアリング後
ヒアリングの内容はメモや録音データに残すだけでなく、その日のうちに書類化し、先方にも確認してもらう。確認漏れや間違いに早く気づくこともでき、言った・言わないのトラブルを避けられる。

最近の記事

Briefly unavailable for scheduled maintenance. Check back in a minute. → . maintenance を削除

プラグインを更新中に、誤って、違うページにアクセスしまいました。すると、管理画面だけでなく、公開中のすべての画面が「briefly unavailable f・・・

WordPress

GulpでERRが出てテンパった → gyp: No Xcode or CLT version detected! → PostCSS plugin autoprefixer requires PostCSS 8

Gulp。いつもは正常に動いている環境をそのままコピーして再利用するようにしている。そうすることで、案件ごとに毎回環境作りをする手間を省くことができ、何よりG・・・

制作効率化

ビジネス前提ワークシート

書籍「LEAN UX リーン思考によるユーザエクスペリエンス・デザイン」から抜粋。 「前提の宣言」「MVPの作成」「実験の実行」「フィードバックとリサー・・・

知識編

リーン思考のUXデザイン

LEAN UX は、コラボレーションと部門/領域横断的な手法によって、製品の本質を素早く明らかにするための実践的手法であり、これによって文書への過度な依存を減・・・

知識編

ES6(ES2015)の主な変更点

オブジェクト指向 クラス定義 JavaScriptは厳密にはクラスがない、プロトタイプベースのオブジェクト指向言語。ES6でclass構文が導入さ・・・

JavaScript

JavaScriptスタイルガイド

書籍「メンテナブルJavaScript」と Google JavaScript Style Guide 和訳 を参考に自分なりのJavaScriptスタイルガ・・・

JavaScript

投稿を公開したときに指定したページにアクセスする

この記事では「管理画面で投稿やカスタム投稿の公開ステータスを更新したときに何かしらの処理をする」方法の備忘録です。 functions.php を修正し・・・

WordPress

ローカルフォントをWebフォント指定する

Google Fonts はとても便利だが、画面に表示するまでの遅延が気になったので、同様の効果をローカルにあるフォントを利用して実現させる。 事前に用・・・

CSS

[ソフト] Web font用のwoff、woff2にフォントを変換する無料サービス

WOFFコンバータ ダウンロードhttps://opentype.jp/woffconv.htm 以下、リンク先の「概要」を抜粋。 フォント・・・

CSS

JSON

JSON.parse() 配列とオブジェクトのリテラル記法を組み合わせた文字列をデータとして取り扱えるようにする。 // JSONデータ let ・・・

JavaScript

人気の記事

overflowをautoにした要素のスクロール位置を変更する → scrollTop scrollLeft

まずはサンプル。 これは、overflowをautoにした要素のスクロール位置を変更するサンプルです。 これは、overflowをautoにした要素のスクロ・・・

JavaScript

WP_Queryを使って絞り込み検索するのにコレは便利!

めっちゃ参考になるページを見つけた。 絞り込みをするたびに色々ググっていたが、これがあればほとんどのことが解決できそうな気がする。 参考: これは便利!Word・・・

WordPress

http://localhost:8888/ → http://localhost/

http://localhost:8888/ での参照ではなく、http://localhost/ で参照できるようにします。 MAMPの設定を変更する M・・・

MAMP

iframeの高さを自動調整する

iframeで呼び出した際、iframe自体はスクロールさせずに高さを取得してiframe全体を表示させます。 サンプル:iframeの高さを自動調整するデモ・・・

JavaScript

イラストレーターでレイヤーごとにPNGで書き出す

【2020年07月13日】 macOS Catalina(10.15.5) / Adobe iLLustrator 2020(24.2.1) にて動作確認済・・・

Illustorator

アーカイブページでカスタムフィールドやタクソノミーで絞り込みした状態でリスト表示する

<?php $args = array( 'paged' => 1, 'posts_per_page' => 20, 'post・・・

WordPress

Advanced Custom Fields を使った条件分岐(セレクトボックス、チェックボックス、ラジオボタン、真偽)のテンプレート記述方法

前回、「入力フォームを自由にカスタマイズできる「Advanced Custom Fields」」で基本的なフィールド名を出力方法を紹介したが、今度は条件分岐に関・・・

WordPress

WordPressのカテゴリー一覧ページでカテゴリー名とスラッグを取得する → get_queried_object()

やりたいこと カテゴリー一覧ページで、そのカテゴリー一覧ページに属する記事一覧を取得するためにループさせるのとは別に、タイトルやカテゴリー別にデザインを変・・・

WordPress

管理画面のカスタム投稿一覧で並び順を変更する

WordPressの管理画面。「投稿」や「固定ページ」の一覧は、公開日順に並んでいる。ところが、カスタム投稿を追加した場合、公開順ではなく名前順に並んでいること・・・

WordPress

カウントアップ、カウントダウンするJavaScript

ポイントを使ったり、増やしたりしたときに、結果のポイント数に差し替えるのではなくて、カウントアップしたり、カウントダウンして動的に動かそうと思って作ってみた。・・・

JavaScript

WEB制作WEB設計実用編ヒアリングのポイント | シンプルシンプルデザイン