2012年11月5日月曜日

第6週 視覚化

第6週

こんにちは、TAの伊藤です。

第6週では、「イメージマップとストーリーボード」、「発想BOOT CAMP」というものをやりました。
視覚化するための準備として、視覚化する元のもののアイデアを出す必要があり、アイデアをだすための発想法をなんと7種類もやりました!
なので、今回の講義はかなり濃い内容になっています。

作業内容は2つのグループは同じことをしますが、今回は上記で簡単に説明した発想法に重点を起き、講義が勧められました。

まず最初に、視覚化するためにイメージマップとストーリーボードというのを作成していきます。
イメージマップでは横軸(X軸)と縦軸(Y軸)にユーザが重要としている印象項目を設定し、商品または、企業をおいていき一体自分の商品、企業価値がどの部分にあるのかを視覚化し、分析していきます。
ストーリーボードでは、シナリオをステップごとにショートストーリーに分けて、それぞれのシーンにあったインターフェイスのデザインを視覚化していきます。

ここでスケッチするインターフェイスはグローバルメニューや、サイドメニューなどの部分も作るのがポイントになります。そうすることでイラストレーターなどできちんとした形に起こすときにすぐに作り上げることができるからです。

そして、早速ですが来週の課題は以下の通りになります。
1、ヒトの発想・視覚化
 ・提案するペルソナ・価値の視覚化(イメージマップ)
 ・提案する体験状況・価値の視覚化(ストーリーボード)
2、モノの発想・視覚化
 ・Web画面のスケッチ(ストーリーボードに対応)
 ・サービスのデザイン要素のスケッチ(ストーリーボードに対応)
3、ビジネスの発想・視覚化
 ・ビジネスモデルのスケッチ


そして、ここからは「発想BOOT CAMP」になります。
ブートキャンプとは軍隊に入隊した新兵が訓練するための一番最初のキャンプのことなのですが、それにちなんで付けられました。

・・・本当に内容が濃くて中々ハードでした・・・。


まず初めに行ったことは「インプロビレージョン」というものです。
即興劇のことで、台本がなく、演じてによって自発的に演じられます。基本的な手法は俳優のトレーニングになり、クリエイター向けの創造教育としても多く取り入れられています。
まずはめじに教室内でグル~っと何周か歩き回り、その後その場で小さく八の字であるきます。
そして、今度は八の字をしながらスキップ!

そしてミラーリングを行いました。
ミラーリングとは2人1組となって片方がもう片方の動きをまねるというものです。
最初はリードする人、まねをする人とわかれていましたが、最終的には言葉に表さず、リード側など関係なくミラーリングをおこないました。


次に行ったのが、エアバスケです。
空想のバスケットボールを手に持ち、それを次の人に回していきます。
最後にパスをしながら連想ゲーム(バナナ→黄色→ヒヨコ・・・)をしていきます。

これは、頭ではボールをもらった時に「自分の番だ」とピリッとなっていますが、体はボールを持ってリラックスしていて、発想するには良い状態になります。


続いての発想法「最悪トラベル」
「最悪の旅行」をテーマにマインドマップを作っていき最悪な旅行シナリオを作っていきます。その際、一番最悪なポイントを決めていきます。
その後、隣のグループに発表します。

そしたら今度は、隣のグループの最悪な旅行を一転して最高の旅行に作り変えていきます。
発想を転換させるための発想法になります。




みんないろいろな最悪な事を出しているようです。
事故にあったり、病気になったり、ホテルが汚かったり・・・
僕も昔、友だちと出かけたときにサイフを落としてしまって・・・おっと、これは関係ありませんでしたね。(結構お金入ってたのに・・・トホホ)



さて、まだまだ発想BOOT CAMPは始まったばかりです。
次は「Found Object」になります。
この発送法ではテーマで「紙コップ体験」を色々書いていき、グループ内で見せ合って、共通の体験を見つけ出していくということをしていきます。




そして、「これはうちのグループだけの共通点」を3つだし、それらで得られたヒントやまったく違う体験から新しい商品・サービスのアイデアを発想していき、最終的に隣のグループにプレゼンしにいきます。

  
こ、これは一体・・・!?
かわいくて和みますね



続いて4つ目の発想法「シナリオグラフ」になります。
「いつ」、「どこで」、「どういう状態で」、「誰が」、「どうする」といったキーワードをだしていき、それぞれを線でつないで強制的にシナリオを生み出す手法になります。
今回はCITサービスをテーマに「どうする」の部分に「食べる」を入れて新しい食堂のサービスを考えていきます。



この発想法では発想に必要なクリエイティブジャンプを身につけていく行くことが重要になってきます。



5つ目の発想法「リフレーミング」
新しい観点から新しい枠組みを見つけていくことが目的の手法になります。
言うだけでは簡単ですが、実際にそれをすることはすごく難しい!という時にやくにたつ発想法になります。



今回のテーマは「購買」をリフレーミングしてみるというものです。
最初にフレーミング(購買といえばこういったものがあるよね、あ~いったものがあるよね、などの普通の事柄を書いていく)していき、その後リフレーミングをしていき、最後にスケッチを付け足して隣のグループに発表しにいきます。
なお、今回は意味と状況を考えてフレーミングリフレーミングを行います。




選ばれたグループがプレゼンをしています。
それにしても、シーンスケッチの絵がうまい!



6つ目の発想法「マトリクス型体験発想法」
縦と横の項目でグループ内で決めたテーマ(時間、環境、状態...etc)を決め、その時のシーンを書いていきます。この時にすべての項目を埋めるようにするのがポイントで、できればスケッチも入れられるととても良いです。







7つ目、最後の発想法「構造化コンセプト」
1つの製品を個々のパーツに分解してデザインしていきます。
今回のテーマは「目覚まし時計」で、今回はグループ作業ではなく個人作業になり、家族を対象ユーザに考えるとやりやすいのでそれで進めていきます。
何故家族を対象にするとやりやすいのかというと、その対象ユーザにとって何が大切なのかを考えて進めるため家族がやりやすいということになします。
ここでの個々のパーツとはテーマの「目覚まし時計」を例にだしてみますと、秒針、ベル、土台、フレーム...etcで考えていくということになります。
時間は15分と短く7つ目の発想法ということで疲れも溜まっていますが、学生のみんなも気を緩めずに作業を進めていきました。



こ、これはかなり面白い目覚ましどけ・・・い?


【TA(伊藤)からのアドバイス(?)】
はい、やってきました、アドバイスになるかわからないTA伊藤からのアドバイスタイムです!
これ、本当にアドバイスになってるのか?っていう疑問を持ちつつ進めていきたいとおもいます。

学生の皆さん、今回の講義はおつかれさまでした。いつもと比べてかなりハードなものになったと思います。
一気に7つの発想法をやったので少しうろ覚えの部分もあると思いますので、このブログを復習程度に少しでも目を通すことがアドバイスになります。
この発想法は今後も使える面白いものばかりなので、「何かうまくいかないんだよな~・・・」とか「あ、これはどうしよう・・・」って時にきっと役に立ちます。

それでは皆さん頑張って進めていきましょう!

2012年10月23日火曜日

第5週 ユーザーフロー・構造


第5週
こんにちは、TAの平子です。

第5回の授業では各グループ以下の内容を行いました。













■「MTIのwebデザイン」のグループ(以下グループAと略します。)では以下の内容です。
・各グループ「方向性」、「コンセプト」について発表(発表内容については先週の課題参照)
・ユーザーフローの作成
・web構造の作成
・webレイアウトの作成

■「CITのサービスデザイン」のグループ(以下グループBと略します。)では以下の内容です。
・各グループ「方向性」、「コンセプト」について発表(発表内容については先週の課題参照)
・ユーザーフローの作成
・サービス構造の作成
・サービスアウトラインの作成

【グループA、Bの作業内容】
■「方向性」、「コンセプト」の発表
先週の宿題であった「方向性」と「コンセプト」について発表していただきました。
- 方向性の詳細は以下の通りです。
・人の方向性
・モノの方向性
・ビジネスの方向性
- コンセプトについては以下の通りです。
・テーマとリードコピー
・キーイメージ
・コンセプトの説明
・コンセプトイメージ

















各グループ緊張しながら発表していました。
みんなちゃんとバリューシナリオなどを作成していて凄い!
















特によかったのが、このMTIグループの発表です。
方向性についてしっかり考えられています。
また、リードコピーが「楽しくアプリを探す」、
キーイメージが「宝箱を探すよう画像」大変わかりやすかったです。
ちゃんと相手に伝わるプレゼンテーションは聞いていて楽しいです!



【グループAの作業内容】
■ユーザーフローの作成
各個人でデザインする着眼点を決めて、どのようにwebを見ていくのかを視覚化していきました。

■web構造の作成
・コンテンツリスト
コンセプトに沿ってどのような内容が必要になってくるのかリスト化していきました。

・サイト構造
リスト化したコンテンツをもとにどのような流れだと見やすいのかwebの構造を考えました。

・ワイヤーフレーム
各個人で提案するWebサイトのページ内で何をどこにどのような内容を入れていくのか考えていきました。

■webレイアウト
ワイヤーフレームをもとに具体的にどのようなレイアウトがユーザに使いやすく魅力的なのか考えました。

【グループBの作業内容】
■ユーザーフローの作成
各個人でデザインする着眼点を決めて、どのように購買、食堂を利用するのか視覚化しました。

■サービス構造の作成
・提供リスト
コンセプトに沿って購買・食堂でどのよう商材があるのかリスト化していきました。

・サービス構造
リスト化したサービスをもとにどのような流れだと魅力的なのか構造を考えました。

・アウトライン
具体的に空間や情報のレイアウトのイメージを作成しました。

■サービスアウトライン
各個人でデザインする着眼点を中心にどのようなレイアウトがユーザに魅力的なのか考えました。

以上の内容について
個々で先生からアドバイスをいただきました。













内容としては以下の内容が多いイメージ…。
・今まで調査してきた内容と「コンセプト」、「アイデア」がつながっていない可能性があるので気をつけましょう。
・観察調査が不十分な場合、もう一度調査をしてもよいかもしれません。


【次回までの宿題】
■グループA、Bは以下の内容をレポートにまとめてください。
・方向性
 - 人の方向性
 - モノの方向性
 - ビジネスの方向性
・コンセプト
 - テーマとリード
 - キーイメージ
 - コンセプト説明
 - コンセプトイメージ
・提案する構造
グルームAは以下の通りです。
 - Web構造(コンテンツリスト、サイト構造、ワイヤーフレーム)
グルームBは以下の通りです。
 - サービス構造(提供リスト、サービス構造、アウトライン等)
・提案するレイアウト
グルームAは以下の通りです。
 - Webレイアウト(代表ページのワイヤーフレーム等)
グルームBは以下の通りです。
 - サービスアウトライン(空間レイアウト、情報レイアウト等)

【TA(平子)からのアドバイス】
■発表用の資料をちゃんと作成する
今回プレゼンテーションする際、「ai」や「word」などのファイルのまま、発表しようとする人がいました。
ちゃんと人に見てもらうようにpdfなどで制作した資料を準備しましょう。

■ワイヤーフレームは「Lucid chart」が便利
GoogleChromeのアプリケーションです。
ワイヤーフレームのサンプルなど無料で使う事ができるソフトです。
シンプルに使う事ができるので使う事をお勧めします。
Chromeを使っている学生は以下からダウンロードできます。

■固いサービスは考えないように!
最初に言いましたが自分が何が得意なのか一度考えてみましょう。
サービスではイラスト、グラフィック、プロダクト、インタラクション等



自分がやりたいことを生かすようにしましょう。

2012年10月22日月曜日

第4週 コンセプトと構造

第4週
こんにちは、TAの伊藤です。

第4回の授業では演習デザイン論3の内容が関連してきますので少しそちらの話しをします。

「コンセプトとIA」という題目で講義が行われました。

初期のデザインの考え方では、モノの視点で視覚が中心ですが、それを支える構造が大切であり、そのモノがどのような「かたち(構造・フロー、視覚)」であったら良いのかということになります。

次に考えられるようになったのは、モノの視点に加えヒトの視点から見た場合にどのような「状況(コンテクスト、5W1H)と価値」があったら良いのかということを考えていきます。


 
そして今回の情報デザイン演習3ではこの2つにビジネスの視点を加えた計3つの視点から
講義を進めていきます。この3つの視点の考え方をユーザエクスペリエンスとよんでいます。
このユーザエクスペリエンスをどう考えていくとInformationArchitecture(情報構造体)を
よりよくすることができるのかという内容で講義が行われました。


情報デザイン演習3ではこの情報デザイン論3で行われた講義の内容を元に作業がすすめられました。
今回は2つのグループの作業内容はほぼ同じものになります。

そして今回の作業内容は
・講義第3週で出された課題発表
・シナリオの構造化
・千葉工業大学施設課へのインタビュー(一部の「CITのサービスデザイン」グループのみ)
の2つになります。


■講義第3週で出された課題発表
今週までの課題としてだされた調査内容を学生の中から複数人選び出し発表してもらいました。




調査をした学生の中には一時間おきに購買を利用した学生の人数を9:00~16:30まで数えたグループの学生もいました。
7時間半の間交代で数え続けたそうです。すごいですね・・・。

■シナリオの構造化
この作業ではバリュー階層、アクティビティ階層、インタラクション階層の3つを決めてシナリオを作って行き、ユーザがどういった体験ができるかを考えて行きます。
大雑把に言ってしまえば、誰が、何を、どういった事が体験できるのかということです。




講義ではバリューシナリオ(どんな価値があるのか)、アクティビティシナリオ(どういったシナリオで使われるのか)をいくつか考え色々なパターン作っていきました。
講義の最後には学生がどんなバリューシナリオ、アクティビティシナリオを作っているのかの発表が行われました。


■千葉工業大学施設課へのインタビュー
この作業は一部の「CITのサービスデザイン」グループのみが行った作業で実際に千葉工業大学ないにあるCITサービスの施設を管理する施設課にインタビューを行いに行きました。
その際には、第3週で行ったSkypeを使ったインタビュー同様にインタビュー前に質問をまとめたり、分担を行い打ち合わせを綿密に行い、インタビューに臨みました。




インタビュー内容の一部を以下に抜粋しました。
Q:購買部を2階に設置するときに障害者を考慮してエレベーターやスロープを設置する案は無かったのですか?
A:搬入用エレベーターがあるので、使いたい人がいれば、声をかけてくれれば使えます。

Q:購買脇の談話室はどこが管理しているのですか?
A:購買脇の談話室は大学が管理をしています。設計やレイアウトは建築家の方にアドバイスを受けてから、施設課が決定して、そこをCITサービスに使ってもらうというかたちになっています。


【次回までの課題】

今回の課題は2つのグループ同じ事をやってもらいます。
1、方向性
 ・人の方向性:提供価値はどこに重点とするのか
 ・モノの方向性:Webサイト、サービス(空間、グラフィック、デジタル?)
 ・ビジネスの方向性:ビジネスモデル(どこで儲けるか、どこでもうけないか)
2、コンセプト
 ・テーマとリードコピー(理念の言葉)
 ・キーイメージ(理念のかたち)
 ・コンセプトの説明(ストーリー、バリューシナリオ)
 ・コンセプトのイメージ(シーンとモノのスケッチ)

今回の課題は情報デザイン論3の講義内容が深く関わってきます。
情報デザイン演習3の方でやったバリューシナリオとアクティビティシナリオのテンプレートはFaceBookの「CIT情報デザイン演習3」グループで上がっていますのでそちらからダウンロードしてください。


【TA(伊藤)からのアドバイス(?)】
ハイ!毎回アドバイスになるかわからTA伊藤からのアドバイスです!
今回のバリューシナリオ、アクティビティシナリオは山崎先生等が書かれた
『EXPERIENCE VISION』という本の中にやり方から活用方法まで載っているのでもしわからない部分があったりしたら山崎研究室にも置いてあるので訪ねて読んでみてください!
いや、決して、「みんなぜひ本買ってね!☆ミ」と販売促進をしているわけではありません
ほ、本当ですよ!!
ただ・・・、気にいったら買ってください!

・・・

さ、さて次のアドバイスですが!
今回ので講義やったことはデザインを進めていくうえで重要な要素の一部です。
コンセプトやどういったもの作っていくのかを決めていくうえで大切な部分なので色々なバリューシナリオ、アクティビティシナリオを作ってみて、自分が「これだ!」というものを見つけてください。