第13回 最終構造・画面発表

こんにちは、暑い日が続きますね。
あと1〜2週間でこの授業も終わりなので頑張りましょう。

【授業内容】
今日はPowerPointを使ったインターフェースデザインの方法を勉強しました。
ハイパーリンクや自動画面遷移などで、Flashを使わずともインターフェースの動きを再現できる方法です。
Flashを知らない人でも簡単に動きがつけられるので、時間がないときにもおすすめです。


安藤先生からも10年前に作ったPowerPointでのインターフェースや、東芝のタブレットを使ったインターフェースの提案方法などもレクチャーして頂きました。

その後、去年富士通へ提案しにいった学生の作品を全員で見ました。
（その時の作品はFlashでのインターフェース提案）


後半は各自作業に入り、最後は各グループの代表がインターフェース画面の発表をして終わりました。
まだ画面のグラフィックや画面遷移が曖昧な人が多く見受けられたので、最終発表までにはどう動いて、どんな画面があるのかが明確にしておきましょう。


【今後のスケジュール】


7/24（火）
情報インターフェース最終発表の発表内容
1)情報インターフェースの概要（１分）
2)情報インターフェースのプロトタイプ（１分）
※発表データは、13:00までに授業支援システムにアップする。

7/28(土)
最終発表の発表内容
1)パワポによる発表（2分）
2)アクティングアウトによる発表(1分)
※発表データは、13:00までに授業支援システムにアップする。

8/1（水）
1)授業での活動
2)追加資料
・リフレクション（授業で学んだ事、感想など）
・連絡先電話番号、メールアドレス


-山崎研究室前提出／12:30まで
-A3縦ポートフォリオ
-枚数自由

第１１回 インタラクションシナリオ

本日は、各自が先週から検討してきたインタラクションシナリオ、フロー図、画面スケッチをグループで共有しました。

その内容を基に更なる詳細な画面構成について各自検討し、プロダクトに対する画面などのインタラクションについて検討しました。

 ここまでの進捗はこのような感じです。
人によっては結構細かいところまで見えてきているのではないのかなという感じです。

 ある程度グループ名で共有した後は、全体で軽く発表会をしました。

来週は、情報インタフェースの中間発表です。
その際、ストーリーボーディングや情報インタフェースのプロトタイプについて確認を行います。各自しっかり準備をしてきましょう。


＜展示方法について＞
1．デザインコンセプト（ユーザーにとっての価値）とインターフェースの３つのコンセプト（A4紙）
2．インターフェースを考慮した1つのインタラクションシナリオ（A4紙）
　・画面のインターフェースを考慮したシナリオにする
　・インターフェースとして魅力的な部分を入れる
3．インタラクションシナリオを考慮したサイト構造図（A4紙）
4．ストーリーボーディングの作成
　・10枚程度のストーリーボーディングのシーン（A4紙）
　・ストーリーボーディングのシーンに応じた各画面デザイン（A4紙）
　・各画面デザインは、イラストレーターなどで作成
　・各画面デザインは、ワイヤーフレームは不可

第１０回 ユーザー評価結果発表

今日は先週の発表で作ってきたプロトタイプを使用して、各自がユーザー評価を実施してきました。
その内容を各グループで共有し、全体で発表を行いました。

シーンのシートはこのような感じです。
ユーザーのシーンを意識し出来てきたようで、とても良いと思います。
この調子で、内容をどんどん詰めていければ良いと思います。

評価時のシートはこのような感じです。
今回は5段階評価で評価してもらい、インタビューまでやってきました。

その後、各グループの代表者が発表を行い、全体の様子を確認しました。

授業の後半は、各グループでインタラクションシナリオを各自で検討する作業時間で、経過を発表するような形で本日は終了しました。
感想ですが、インタラクションシナリオがまだアクティビティシナリオのような形でより現実的なシナリオまで描ききれていなかったように感じました。


次週は今回検討し始めたインタラクションシナリオと画面スケッチの発表です。
ユーザー体験についてしっかり意識し、よりリアルな製品に近づけられるように進めてきましょう。

第９回 プロトタイプ発表会

今日は情報プロダクトのプロトタイプ最終発表でした。

今回も富士通の板野さんをお招きし、計80人弱のレビューをしてして頂きました。

写真のように皆それぞれがモックを作成してきました。

【感想】

■自分の作品に気を使いましょう

　プロトタイプの段階ですが、一応今日は情報プロダクトの最終発表です。「人に見せる」ということを意識して作ると良いと思います。

　プロトタイプはプロトタイプでも自分の中で実験するためのモックではなく、今日は見せて説明するための道具でもあったはずなので、必ず「人に見せる」際はクオリティ高く作りましょう。

（スタイロ丸出し、紙がはがれている、ボロボロなど）

■コンセプトボードも作品の1つです

　以前の記事で「プレゼンは作品の1つに値する」という話を書いたと思いますが、コンセプトボードもその1つです。

　作品の一番近くに置くコンセプトボードは、その作品（製品）の内容を説明するものです。

　作品を文字にしたもの＝作品と同じ／作品のイメージを表すものだと思います。

　今回は全員がコピー用紙で済ませていましたが、今回のような発表する場ではイラストボードやハレパネなどにコンセプトシートを綺麗に貼付けて展示すると見え方がもっと美しくなると思います。

第８回 コンセプト発表（後編）

今日も前回の続きで皆さんの進めてきているコンセプトとアイデアスケッチ、プロトタイプについて各グループごとに先生やTAと一緒に検討をしました。

【コメント】

今回は、前回に増してある程度コンセプトや形が決まってきた人もチラホラいました。実際にプリントしたものを画面として試している人やスタイロフォームでモデリングしている人もいました。実際の大きさで検討して制作する姿勢はとても良いと思います。その調子で次週も頑張ってください。


【次週の予定】
情報プロダクトの展示会を行います。


・展示方式について
１人が１つの机を使い、ラピッドプロトタイプと説明図を展示します。


説明図は、最低限テーマ、コンセプト、使い方、スケッチ、レンダリングの５つは入れるが、さらに各自が工夫して他の内容を付け足すなどのことをした方が良い。
また、わかりやすく、魅力的にデザインする。
特に字が小さくならないように注意し、誰もが見やすいようにする。


※各自3分程度で、作品を説明する。




・ラピッドプロトタイプについて
スタイロなどを使い、造形形状がわかるものを制作する。
場合によっては、材質感を表現し、アルミシートを貼るなどの工夫をする。
（原寸、立体、体験を感じることが出来るように！）


※特に画面の表示内容やスイッチなども入れる（ex:プリントした紙を貼る）→重要！




・発表資料について


1．テーマとタイトル（A4紙）
・発表者の名前と学籍番号
・提案するデザインを一行で言い表したタイトル文章
・誰が、どこで、いつ、どのようにうれしい提案であるか？
2．提案するデザインのコンセプトと特徴（A4紙）
・ユーザーにとって、これまでにない嬉しいことや特徴は何か？
・情報プロダクトに、これまでないどのような工夫や特徴は何か？
3．提案するデザインの使い方の説明図（A4紙）
・どのようにして提案するデザインを使うのか？
・使い方をわかりやすいように説明する図（ex:フロー図）
4．情報プロダクトのアイデアスケッチ（A4紙）
・代表的な手書きのアイデアスケッチ（3点）
・スケッチには、どのようなアイデアであるか文章で補足する。
5．情報プロダクトのレンダリング
・最終デザイン提案（1点）を魅力的に見せる。
・CGソフトやイラストレーターで描いたレンダリングをプリントアウト。

第７回 コンセプト発表（前編）

今日は、これまでに進めてきているコンセプトとアイデアスケッチ、プロトタイプについて各グループごとに先生やTAと一緒に検討をしました。

【全体的なコメント】

各自スケッチやプロトタイプを作ってきていた点については良いと思いました。
ただ、コンセプトを立てる際にユーザー調査でのことを反映できていないことがよくありました。もっとユーザーとなる被験者の人たちの行動や体験を意識して次のステップへ進めていきましょう。

第６回 コンセプト修正・アイデアスケッチ

【グループディスカッション】

今日は前回の発表での講評などの結果を基に各グループで、ディスカッションを行いました。そこで、各自が設定していた内容やコンセプトについて改善点など見つめ直す活動を行いました。

＜良かった点＞

・グループによっては、ポストイットを利用して修正点のコメントをグループ内で出し合っているようでした。

【修正点の発表】
授業前半で話し合ったことを各グループごとに発表していきました。
少し気になったのは、やはり調査した時に得られたキーとなる気づきを反映できていない人もチラホラいたような気がしました。ユーザー調査でのことを意識した上で、検討していけると良いと思います。

【来週の予定】
・コンセプト発表


＜来週の課題＞


1．デザインコンセプト（A4）
A:全体のコンセプト（ユーザーにとって嬉しい価値）
ユーザー調査で発見したポイント
これまでにない、どのような嬉しいことがあるのか？
例：お年寄りには、食にこだわりがある
B:情報プロダクトのデザインコンセプト
全体のコンセプトを達成するために、
情報プロダクトに、これまでにない工夫がされているのか？
例：これまでにない使いやすさの工夫


2．情報プロダクトのスケッチ3案以上（A4x3）
A4の用紙に、サインペンやマーカーで大きく書く。鉛筆はだめです。小さいスケッチもだめです。


3．情報プロダクトのペーパープロトタイプ
原寸、立体、体験を感じることが出来る。
画面の表示、スイッチなども入れる。


＜ポイント＞
論理的に考えるためには、矢印がしっかりつながっていることが大切。
このつながりによって、より説得力のあるプレゼンや考え方を形成することが出来ます。