2014.1.14映像の制作方法について

皆さんあけましておめでとうございます。本年もよろしくお願いします。

本日の授業内容は、プレゼンテーションの発表日でした。

学生生活に息抜きの空間を

もっと身近に千葉工大-知れば知る程魅力が続々

10分で気軽に利用できる。短いホット一息

千葉工業大学のウェイターアプリ-技術でおもてなし

学食用アプリの提案もう一度行きたくなる様なワクワクを提供してあげられる学食

スマートフォンHP リデザインの提案

皆さんシナリオやブループリント、コンセプトなど抜けのないようにしましょうね。発表者のサービスの特徴やオリジナリティが伝わらなくなってしまいます。

皆さん個人個人色々言われたと思いますが、きちんと来週までに改善してきましょうね！

午後は映像のプロの外部講師により映像制作方法（アフターエフェクト、プレミア）の講習をしました。

------------------------------------------------------------------------------------------------------------------------

講師：株式会社グルーヴガレージ　キャラクタープロモーション部

　　　宮腰義孝さん

15:20-16:20

映像の制作方法について（フレキシ）

・AftereffectとPremiereの使い方（使い分け）

16:30-18:00　映像制作ソフトの操作方法 について（コンピューター室）

・AftereffectとPremiereの基本操作を行います。

―――――――――――――――――――――――――――――――――――――――――――

いくつかphotoshop、Illustratorの技を紹介していたので紹介致します。

------------------------------------------------------------------------------------------------------------

photoshop編

画像をつなぐ方法

レイヤー→レイヤーを自動整列→自動設定→レイヤー→レイヤーを自動合成

角度を直す

物差しツール

レイヤーの角度補正

画像を引き延ばす

余白を選択→編集→塗りつぶし→コンテンツに応じるを選択

画角が中途半端 綺麗に引き延ばす

編集→コンテンツに応じる→拡大縮小

マスクをかける（白馬）

投げ縄ツール→選択→コンテンツに応じて塗る

馬を切り取りたい

クイック選択ツール→選択→境界線を調整→境界線を塗り付ける 綺麗に切り取れる！

象の鼻を巻く

編集→パペットワープ→動かしたいところにピンをうつ→ピンを動かす

AI編

カラーバリエーションを増やす方法

選択→右上アイコンオブジェクトを采配色→編集

トレースの方法

ウィンドウ→画像トレース→設定をいじる

------------------------------------------------------------------------------------------------------------

今回はPs Aiの小技の紹介ですが、Aeをメインにやりましたね^^

来週までにクオリティの高いムービーが出来上がっている事を期待していますよ！

2013.12.17 サービスプロトタイプ

こんにちは。
TAの酒井です。

もう今年の授業も今回を入れてあと２回ですねー。
年明けはすぐに発表になってしまうので、今年中にできることはやっておきましょう！
アドバイスがほしい人は積極的に先生やTAに相談してくださいね！
いつでもまってますよー＾＾


さて、今回はサービスプロトタイプについてです。
実際に使われるもののプロトタイプを使用してどのようにサービスが行われるのかをテストします。サービスとユーザがどう関わっているのかかがはっきりと伝わる様にするということが重要です。
みなさんもやったことのあるアクティングアウト ー ロールプレイと言ったりもしますが、
大事なことはリアリティを持たせることです。本当に使うシーンだったり、使い方をシナリオに沿ってやってみてください。

建築模型の人は人の目線の写真を取って、サービスのアクティングアウト

プロダクトの人は実際にどうやって使うのかが分かるように

来週はアクティングアウトをやるので、必要なものを用意していてください！


-今後の予定-

最終発表
1/21
論のみ　13:00~
演習受講者　13:30~

■プレゼン内容
　評価・修正
　具体化・まとめ
　ビデオ制作
　　Webを作ってる人
　　　代表的なシナリオに沿って、作成したWebサイトの操作状況
　　サービスデザインの人
　　　プロトタイプと実査h映像を活用した映像

■プレゼンのポイント
　ユーザ体験の仕様（UXマップ等）
　デザインの仕様（レイアウト、プロダクト、空間、グラフィック、インターフェース、　サイト構造等）
　ビジネスの仕様（ビジネスモデル、サービスブループリント等）


1/14のプリプレゼン　プレゼンだけでOK
1/21の最終発表　　　プレゼン資料とビデオを制作

最終プレゼンをしないと単位を落としてしまうので、プレゼンは必ずしましょう！

2013.11.26 デザインの評価：ヒトの視点での評価

こんにちは。
TAの酒井です。

学祭楽しかったですねー。
是非、また来年も楽しい企画を期待してます！！

今週からデザインの評価についてです。

デザインの評価についても、今まで言っていたヒト・モノ・ビジネスの視点を一度整理して評価・修正を行うのがポイントです。

また、デザインの評価するには２つの視点から評価することが重要になります。
・デザインのコンセプトがちゃんと実現できているか（検証）
・ユーザに合わせてちゃんと使ってもらえるかどうか（有効性の確認）

前回までに作ってもらったストーリーボードを用いてに、ヒトが使う時の体験とモノを使用するときにちゃんと使いやすくなっているかどうか評価しましょう。

ストーリーボーディングの目的はユーザが自然に使えるのかどうかの評価をすることです。
評価をする時は、ヒトの視点とモノの視点で行います。
■ユーザージャーニーの確認：ヒトの視点
提案するサービスが、ユーザにとって自然なモチベーションで利用できるか

■タスク及びインターフェースの確認：モノの視点
シーンにおける


まだ、インターフェースが固まっていない人も多いと思いますが、その場合には先にサービスの体験の評価（ヒトの視点）を行い、後でインターフェースの評価（モノの視点）をすることもできますので、ぜひ実施してみて下さい。

実施する時のポイントとして、
・一つの紙に、概要とシーンのイメージ、タスクを合わせて描く。ユーザの気持ちやコメントなどがあるとより良い
・インターフェースが出来ていない場合は、操作のタスクだけを書き出す。

・ストーリーボーディングの初めに、ペルソナシートを入れて、サービスを複数人が同時に利用する場合にはメインのペルソナだけではなく、サブのペルソナを作る

シートを作成するときにバリューシナリオ、アクティビティシナリオを制作しますが、そのポイントを以下に記載します。

・製品は登場するが、操作は記述しない。製品を利用するシーンごとにユーザの行為を中心に記述。
・バリューシナリオ：ペルソナが「こんなことしたい！」「こんなふうになりたい！」という感情を書き込む
アクティビティシナリオ：生活の文脈、感情、タイミング、仕組み、どんなことが実現できたのかを書き込む

12/9までの宿題
コンセプトレベルでの評価を行い、問題点と改善案を示したレポートを提出
クライアントに提出するつもりで
改善の方針を明確化

2013.11.19 中間発表

こんにちは

TAの酒井です。

みなさん、中間発表おつかれさまでした＾＾

４分という短い時間での発表では全てを伝えるのはとても難しかったと思いますが、皆さんの個性溢れる提案の発表でとても面白かったです！

いただいたアドバイスから全員に共通して言えることをまとめて見ました。

・プレゼンの時に提案のデザイン対象と対象ユーザを明確にする

・提案の必然性（なぜそれじゃなければダメなのか）

・実現できそうなアイデアはやってみましょう

・調査の気づきと提案物の繫がりを持たせる（プロセス~提案までをロジカルに伝える）

・ストーリーボードは提案のイメージやポイントが伝わる様なスケッチを描く。

　（ストーリーボードは相手に共感してもらうことが目的のため）

・他の人や同じようなサービスとの差別化を図る

・「そもそも論」を詰めてみる

　提案対象を知らない人、気付いていない人に対しては「魅力を伝えること」を意識する。

・それは何がいいのか、あるといいことはなんなのか、なぜそれでなくてはいけないのか、ポイントは何なのか。

みなさんのプレゼンを聞いた個人的な感想なのですが、

ここまで、一生懸命取り組んできた甲斐もあり、アイデアのベースとなる部分は固まってきたと思います。

ここからはそのアイデアのベースを大事にして、上にも書いたような「なぜ？」を提案に問いかけてみて、オリジナリティ、提案の魅力をさらに磨いていくといいなと感じました。

これから残りの時間は今日いただいたアドバイスをうまく反映させて、さらに魅力的なサービスになるように詰めていきましょう！！

2013.11.12 情報の視覚化

こんにちは。
酒井です。

いよいよ来週は発表ですね！

今日は引き続き発想・視覚化フェーズの中の視覚化に入ります。
デザイン提案をするときに効果的に活用するとオリジナリティのある提案に繋がると思います。


【ブランド】
ブランドを作る目的は対象ユーザに好きになってもらうことです。
その為に具体的には、他の会社の製品やサービスと差別化をはかり、言葉やサイン、シンボルなどのデザインを行います。そのデザインやサービスから対象ユーザに対して与える価値なども考慮してプロジェクトを進めていきます。

今回のテーマは千葉工大を好きになってもらうというものがテーマです。千葉工大が提供するサービスなので千葉工大のブランドを考慮するということが重要です。千葉工大のブランドとは、建学の精神にも掲げられている「世界文化に技術で貢献する」の中にも含まれている「世界」、「技術」、「貢献」などがキーワードとしてあげられると思います。

現在山崎研が行っているCITプロジェクトでは、それらのキーワードから展開した千葉工大ブランドのデザインのベースとなる、ロゴやカラーなどのデザインシステムを検討しています。
これらのデザインのパターンやルールがあることによって、デザインするスピードは格段にあがります。また、スピードアップだけではなく、同じパターンやルールにのっとったデザインは一貫したイメージを伝えることが出来ます。

ユニクロのブランディングの例

ユニクログリッドというデザインのパターン化してまいます。

そのパターンをWebでも利用しています。

今回提案していただくものも、千葉工大が提供するサービスの一部となるので、これらのデザインシステムを考慮したデザインをすることで一貫性のある千葉工ならではの、千葉工大の価値を提供できるサービスとなると思います。


【メタファ】
メタファとは暗喩・隠喩のことです。
なんとなく、それに見えるかも…というもので、メタファを取り入れることで、デザインの対象をわかりやすく、そして親しみやすくなる効果があります。

鶏のメタファを活用したケトル
リチャード・サッパー

メタファを取り入れるのは形だけではなく、概念からメタファとして取り上げたり、動作や行動から取り上げたりすることもあります。

メタファを効果的に取り入れることで、オリジナリティのあるプロダクトやインターフェースなどが提案できるといいですね。




【デザインパターン】
前回WSで行ったのは「好きになるパターン」の抽出でした。これは概念的なパターンでコンセプトメイキング等に利用しましたね。

先ほどユにクロの例でもあげた通り、ブランディングではパターンを構築しそれらを活用することで、一貫性が生まれます。またユーザインターフェースの分野では、パーツのパターンなどをシェアして、自分のデザインに活用するということがよく行われています。



良いデザインを提案をする為の考え方として、ブランド、メタファ、パターンの３つを論の授業では紹介していただきました。
これらを効果的に活用して、来週は素晴らしい提案を期待しています！

ーー来週のプレゼンについてーー

今月の１9日には中間発表が控えています。発表の内容は以下の通りです。
１.調査分析のまとめ２.コンセプト、構造まとめ３.デザインのまとめ

今回の発表には株式会社コンセントから２名の方がアドバイスをしにきてくれます。
ヒト、モノ、ビジネスの視点で上記の１〜３のステップで考えるとまとめ安いと思います。
プレゼンの時間は一人４分しかありませんので、時間配分がとても重要です。やってきたプロセスをそのまま言うのではなく、まず提案物を見せてからプロセスをロジカルに組み立ててみてください。
また、今までやってきたことを初めて聞く人にでも分かるように、わかりやすくということを意識してプレゼンを考えてきてくれるといいと思ます。

今週も大変ですが、楽しいプレゼンを来しています！！＾＾

2013.11.05 発想法

こんにちは。

TAの酒井です。

段々と寒くなってきましたね。みんな身体に気をつけてくださいね

今月の１9日には中間発表が控えています。発表の内容は以下の通りです。

１.調査分析のまとめ

２.コンセプト、構造まとめ

３.デザインのまとめ

今回の発表には株式会社コンセントの長谷川さんがきてくれます。

これまで再三ヒト、モノ、ビジネスの視点で考えるように、と言ってきました。今回はその視点をベースに、上記の１〜３のステップで考えるとまとめやすいと思います。
今までやってきたことを初めて聞く人にでも分かるように、わかりやすくということを意識してプレゼンを考えてきてくれるといいと思います。


今日の課題は発想と視覚化です。

今までやってきたユーザ調査やコンセプトメイキングは氷山モデルの中では海の中にある見えない部分のことを取り上げてやってきました。今週は、海上に出ている、目に見えている部分を取り上げてワークしていきます。

視覚化のステップでは、今までやってきた見えない部分を考慮して、ヒト、モノ、ビジネスの視点でアイデアの発想と視覚化をテーマに遣って行きます。

視覚化についてはヒトとモノの視点から、イメージマップとストーリーボードを、ビジネスの視点からビジネスモデルを活用して視覚化しましょう。
視覚化については一番下の次週までの課題にて詳しく説明します。

提案するアイデアの発想には今日山崎先生からお話があった発想法のポイントを考慮してみて下さい。

発想法には以下の５つのポイントがあります。

１、既存の要素の新しい組み合わせ

２、拡散と収束

３、構造的発想と総合的発想

４、モノからの発想とヒトからの発想

５、リフレームが大事

ジェームズ・ヤングは「アイデアのつくり方」という本で、

■アイデアは既存の要素の組み合わせ

■良いアイデアを出す為にはモノとモノとの関連性を探ろうという心の習慣が大事

と言っています。

【アイデアの作り方】ジェームズ・W・ヤング

また、アイデアを生み出す為のポイントとして、

１.資料集め

２.心の消化段階（分析）

３.ふ化段階

４.ひらめき

の４つのステップでまとめています。


何かを提案するためには、提案するモノの事を全て知っているようなスペシャリストになることも大事なことの一つです。
先ほど述べた通り、アイデアは既存の要素の組み合わせです。要素を組み合わせる為に、提案物の周辺の資料を集めて置くことが必要不可欠になってきます。
集めた資料やそれらからの関連性を見出さないかぎり、何もない状態からでは何もうみだすことはできません。

関係性やそこから生まれるものが新しいアイデアになります。
その組み合わせや要素の関係性を探ろうという”心の習慣”を身につけることが大事です。

普段何気なく過ごしている日常にはいろんなアイデアの種になる物が溢れ帰っています。そのひとつひとつに対して「なんでだろう？」という疑問を常に持ち続けるのも一つ大事なことだと思います。


▼演習▼

今週は発想法のワークショップです。

その名も『最悪トラベル』。

旅行中に起こる最悪なことをだして、それを最高の旅行に変えるためのアイデアを発想するというワークショップです。


最悪なトラベルを妄想中。。。

隣のチームに自分のチームの最悪トラベルをプレゼンして、

それを最高の旅行に！

代表で発表。

カップルで旅行に行ったら、彼女が実は男だった！という最悪エピソードを

あれこれあrるうちにゲイバーに連れて行かれ、そこで実はどっきりで、逆プロポーズをされるという「どっきり逆プロポーズ大作戦」というサービスに。

んー、とっても素敵なサービスになりました。

ーーー次回までの宿題ーーー

次回までの課題は
・イメージマップ
・ストーリーボード
・ビジネスモデル
・スケッチ
です。

…結構いっぱいですね＾＾；

【イメージマップ】
ヒトのイメージマップとモノのイメージマップをそれぞれ作る。

ペルソナの好むイメージや現状の商品やサービスから軸を決定する。

ヒトのイメージマップ

・好きなもの

・提案するものに合わせて、それに関連する様なもの

モノのイメージマップ

・環境・設備についてイメージの観点から競合他社と対象ユーザの感性の位置づけをまとめる

・サービスの目指すものを、マッピングして競合他社と比較することで視覚化する。

【ストーリーボード】

体験を視覚化するために、時系列に使用のシーンや簡単なペーパープロトタイプを写真におさめて、体験を表現する

デジタルサイネージやWeb、スマホのアプリをやる人はストーリーボードに画面を入れる。

人の行動と画面遷移を対応づけると◎。

【デザイン要素のスケッチ】

使用シーンのスケッチ

デジタルサイネージやWeb、スマホアプリの人は手書きで画面のスケッチ

プレゼンまでには奇麗にイラレなどで描く。

【ビジネスモデルの視覚化】

ヒト、モノ、と同じようにビジネスも視覚化


いっぱいありますが、体調に気をつけてがんばってくださーい！

2013.10.29 コンセプトと構造

こんにちは！TAの柴田です。

今週までの宿題は、方向性とコンセプトを考えてきたと思います。演習の時間に発表していきましょう。

来週はコンセント社さんから、2名の方に来て頂きます。

来週までの宿題はコンセプトと構造のレポート提出があります。来週のレポートの内容は...

1.方向性（重点）

・人の方向性、物の方向性、ビジネスの方向性

2.コンセプト（目指すべきデザイン）

・テーマとリード（理念の言葉）、キーイメージ（理念のカタチ）

・コンセプトの説明、コンセプトのイメージ（スケッチ）

3.提案する構造

・ユーザフロー（人の構造）

・web構造（コンテンツリスト、サイト構造図、ワイヤーフレーム等）

・サービス構造（提供リスト、サービス構造、アウトライン等）

4.提案するレイアウト

・webレイアウト（代表ページのワイヤーフレーム等）

・サービスアウトライン（空間レイアウト、情報レイアウト）

しっかりやってきて下さいね！！^^

話が変わりますが...すべての物には構造があります。それはwebサイトを構成する要素すべてです。

要素には人に関わる要素と物に関わる要素に分かれます。

ではディズニーランドを構成する要素ってなんでしょう？

色々ありますね。

構成要素から考えてゆくと作りやすいと思います。

これらの情報構造（インフォメーションアーキテクチャ）略してIAを皆さんは考えて頂きます。IAに関する本も色々出版されています。

IA100（コンセント 長谷川さん 執筆）

IA Thinking

皆さん興味ありましたら是非読んで下さいね^^

インフラでの情報アーキテクチャをどうデザインするかがこれからの課題です。webサイトとアプリケーション等、情報構造をマクロな視点でとらえて設計してゆく事がこれから注目されています。

・5つの段階・・・表層:目にするもの　骨格:ワイヤーフレーム　構造:サイトの構造　要件:サイトの機能性や特徴　戦略:企業としての戦略

こちら覚えておきましょうね！実は過去の授業でも何度か出てきているんですよ..^^;

ワークフロー/ワークアイテムとはなんでしょう？

1.ユーザの使用状況を想定する:シナリオ、ユーザフロー

2.コンテンツを検討する:コンテンツモデル

3.webサイトの大まかな構造を検討する:サイト構造図

4.ナビベーションを検討する:ナビゲーションモデル

5.ページ単位の情報のレイアウトを検討する:サイト構造図

6.言葉のルールを検討する:ラベルング、ネーミング

7.詳細なサイト構造図を設計する:サイトマップ

8.インフォメーションデザインを評価する:デザインウォークスルー

本日学ぶ事は

1）ユーザフロー（シナリオよりユーザのアクセスフローを視覚化する

2）構成要素（構成する構成要素はなんでしょう）

・提案するコンテンツリスト、コンテンツモデル

・提案する商材リスト、商材モデル

3）全体構造（構成要素をユーザフローを考慮して、適切な全体構造は？）

・提案する際と構造、ナビゲーション

これらです！しっかり学びましょうね！

さて今から情報デザイン演習の授業となります。

演習の最初は前回の宿題の発表を行ってもらいます。

少し気になったコピー等をあげておきますねw

～メインコピー～

「いつでもベストタイミング」

～リードコピー～

「知れば知るほど、楽しい千葉工大」

「終わり良ければすべて良し」

「やわらか千葉工」

「地域の人たちに愛される大学へ」

中々ユーモアのあるコピーを考えている...個人的にはやわらか千葉工大が好きっす…w

情報デザイン演習の後半はワークショップを行いました。

まず始めに「居酒屋の飲み物以外のメニューを考えて下さい」とのこと。

何だか面白い物が出ていますね^^