Webサイト設計におけるコンセプトワークのコツ（5W1Hを意識する）
Webサイト設計の「5つの段階」で、Jesse James Garrett（ジェシー・ジェームス・ギャレット）氏の"The Elements of User Experience"を引き合いに出して、Webサイト設計には事前の準備（コンセプトワークを含むプランニング）が大切であると述べました。ここでいう「コンセプトワーク」とは、Webサイトのコンセプトを詰める作業を意味しますが、その際、どんな点に留意すればよいのでしょうか？
ひとことで言うと、使い古された表現ですが「5W1H」が役に立ちます。「いつ、誰が、どこで、どのように、なぜ、サイトを利用するのか...？」と突き詰めてゆくと、取りこぼしを極力防ぐことができます。以下、具体的に見てみましょう。
What
サイトの目的や意義は何でしょうか？
Who
誰がサイトを利用するのでしょうか？（この部分を膨らましたものが、「ターゲットユーザー像をつくる」で述べたペルソナになります。）
When
いつサイトを利用するのでしょうか？（時間帯、曜日、シーズン、あるいはシチュエーションといった軸で考えてみるとよいでしょう。）
Where
どんな環境でサイトを利用するのでしょうか？（インターネット接続環境、ブラウザの種類、画面解像度、場所（自宅なのか職場なのかネットカフェなのか）、携帯端末でのアクセスも考えられるのか、といった軸で考えてみるとよいでしょう。）
Why
なぜWebサイトを利用するのでしょうか？他のメディアやリアルワールド（店舗など）に比べて、どの点でWebだと利便性があるのでしょうか？
How
どのようにサイトを利用するのでしょうか？（この部分を膨らましたものが、「ターゲットユーザー像をつくる」で述べたシナリオになります。）
ところで、「コンセプト」という言葉は非常に曖昧なもので、たとえば「この商品のコンセプトは何ですか？」という質問に対する答えは、人によって実に様々だったりします（よね？）。ちなみに、正しいコンセプトのあり方とは、「ひとことで言い表わせること」のようです。J-Marketing.netのマーケティング用語集では、次のように解説されています。
商品コンセプトとは：
商品コンセプトとは、この商品はどのようなものか、誰が、使うのか、メリットは何か等をひとことで言い表したものです。コンセプトは商品計画の根幹であり、出発点である、といえます。
商品開発プロセスはアイデア探索から始まりますが、商品コンセプトとはそのアイデアを発展させ、消費者の言葉で表現したものということができます。
この考え方をWebサイト設計に置き換えると、Webサイトのコンセプトとは、「このサイトは、xxxxxなサイトである」という具合にひとことで表現したものと言うことができますね。上記の5W1Hの議論をベースにして、特にWhatの部分（サイトの存在する意義）を上手にひとことでまとめることができれば、コンセプトワークは完了ということになります。
（2006年8月 5日 07:00）
ソーシャルブックマーク登録
はてなブックマーク
livedoorクリップ
Buzzurl
del.icio.us 
POOKMARK Airlines 
ニフティクリップ
いただいたコメント（2通）
コメントを投稿する
（投稿いただいたコメントは、当サイト管理者による承認後、公開させていただきます。）
トラックバック
この記事に対するトラックバックURL:
http://website-usability.info/cgi/mt/mt-tb.cgi/58
What：サイトの目的や意義は、学生のレポートの書込み用。
兼、コミュニケーションですね。
教材は今年度前期は、１年生「ふれあい囲碁」、２年生「戦艦大和の最期」です。
Who：誰がサイトを利用する？
私。そして担当下にある学生。１年生は自己紹介的書込み・内容に関してで合計３回。２年生は５回の書込みをレポートの代わりに課題にしています。
When：いつサイトを利用するのでしょうか？
学期間ですが、最近あったように単位認定に関して連絡を取り合ったり。
Where：研究室・他の勤務先・自宅、ドコでも時間さえあれば接続可能なの
で重宝です。学生には、ケータイでも書き込み可能なことを知らせて
いますが、画像等はPC使用でないと現状では見ることは困難でしょう。
Why：なぜWebサイトを利用するのでしょうか？
授業時間内に評価をすると、時間がかかってしょうがない。
紙媒体と違って場所をとらないし、検索が簡単。
ネット世界に身を曝す、その緊張感を学生に味あわせるのです。
リスクも指導するし。
内部的には個人特定可能でも外部には困難にするために、姓名を
顔文字で暗号化するという小手先のテクを使ったり・・。
そうすると、ギャル語の世界になってしまうです・・。；；
が、ま、いいか・・。（＾。＾）
How：前記リンク先を、お読みになればおわかりなのでは？と思いますが、
わかってるものあり、わかってないものあり、まじめ不真面目、出来不出来
その他あれこれ。早い話が面白いし、例に引くのにも向いてます。
通常、大学のレポートは担当教員のみを対象にかかれるわけですが、これは
不特定のネットユーザーを意識して書く事を要求するので、それも面白かろうと。
学生は必ずしも判っていないので、当然ヘンな書込みをする。
それを指摘することで、理解できる。すべてではないが。
面白いでしょ？＾＾
管理人様のご意見ご批判を、お願いいたします。
櫻井＠(0：”」さん、コメントありがとうございます。興味深く、拝見いたしました（自分が学生の頃は、先生とのコミュニケーションのためには研究室まで足を運ぶしかなかったことを考えると、隔世の感が...^^;;）。
上記のような5W1Hの仮説をもとに、実際にサイトの内容（メニューの種類や名称だったり、生徒さんに提出してもらうレポートテーマの提示方法だったり、先生から学生さんへの連絡事項の提示方法だったり...）を設計してゆくわけですが、仮に「学生さんからの提出が少ない/遅い」「こちらの意図と違うレポートが来てしまう」などの問題が著しく見られるようでしたら、ユーザビリティに問題がある可能性があります。「Who」のところでターゲットユーザーを設定しているわけですが、より詳細に、ターゲットユーザーの嗜好も考慮すると良いでしょう。たとえば、学生さんにとってはブログやSNS（mixiなど）のユーザーインターフェースのほうが馴染みがあるのでは...？とか、学生さんの好む（積極的にWebコミュニティに参加したくなる）デザインテイストや色遣いは...？といった具合です。
最後に一点（細かいことですが）、背景に彩度の高い緑色を使うことで、目への刺激が強く、可読性が低くなっているのが残念です（特に訪問済リンクの紫色の文字が見にくくなっています）。お互いのレポートを読み合って生徒さん同士の刺激にしてもらう（それをきっかけに活発にコミュニケーションしてもらう）といったこともサイトの目的として見据えられているのであれば、「華やかさ」よりも「可読性」を重視したデザインの方が、上記5W1Hで立てた仮説に沿ったサイトになると言えると思います。
長々とすみません。参考になれば幸いです。