LogoMark.png

情報デザイン演習IIA/2021/0510

第4週|プロトタイピング

情報デザイン演習IIA/2021 2021.05.10
受講生2021 一覧

AGENDA

CONTENTS


はじめに

Worklog の確認

みなさんの先週分の報告を確認します。
受講生2021 一覧



事前講義

プロトタイピングについて

プロトタイピング(Prototyping)とは、実際に目で見て、手で触れることができるモノを作ること、ソフトウエアで言えば、入力から出力までの一連のプロセスを確認できる試作品を制作することを意味します。

プロトタイプ、モックアップ、試作品・・ざっくり言えば似たようなものです。

プロトタイピングの目的

プロトタイピングの目的は、アイデアに対するユーザーの反応を見ることにあります。構想中のアイデアの「全体像」がある程度具体的なカタチになることで、ユーザーは「これが完成すれば面白い!」、「便利!」、あるいは逆に、「説明がわかりにくい」、「使いづらい」といった感想を持つことができます。プロジェクトメンバーが気付けなかった点について、ユーザー目線で直感的な意見をもらうことで、ディスカッションが活性化します。

プロトタイピングの要点


参考:プロトタイピングツール

建築、プロダクト、ソフトウエア・・分野によって、プロトタイピングは様々ですが、ここでは、Webデザインを例にとって、そのツールを紹介します。
Webサイトのプロトタイプは誰もが簡単に制作できる時代になっています。




演習

進捗報告の記載

以下の雛形を 学科サイトの個人ページ に、コピー&ペーストするかたちで、今週の進捗報告を記載する枠組み用意して下さい。

**2020.05.10
***今回制作したプロトタイプ

       画像等を掲載して下さい。 
 
-◯◯◯◯◯、◯◯◯◯◯◯
-◯◯◯◯◯◯◯、◯◯◯◯◯◯
~

***プロトタイプ制作の方法
-◯◯◯◯◯◯◯、◯◯◯◯◯◯
-◯◯◯◯◯、◯◯◯◯◯◯
~
~


「今回制作したプロトタイプ」の記載例

「プロトタイプ制作の方法」 の記載事例


用語の参考イメージ


プロジェクトのメインビジュアル部分の更新

プロジェクトの現状としてプロトタイプの画像をメインビジュアルの部分に掲載して下さい。今回制作したプロトタイプの中から、最新の状態が最もよくわかるものをピックアップして掲載する・・で構いません。




APPENDIX


動画編集ツールについて

Adobe Premiere による動画編集ついて、以下のページでざっくり解説します。
MovieEditing/Software


次週について

次週は「テスト>相互評価」です。各自「プロジェクトの概要」を第3者にわかりやすいように整理するとともに、「プロジェクトの現状」の部分で、最新のプロトタイプについて説明情報を掲載していただきます(Webプレゼン)。
みなさん自身の「遠隔プレゼンテーション能力」が必要になります。






PAGES

GUIDE

DATA

Last-modified: 2021-05-10 (月) 13:19:41