演習：使いにくい ユーザー・インターフェース ～効果的なプレゼンテーションのために～

演習の概要 目的 人工物インタフェースのユーザビリティについての考察を題材にPowerPointの使い方を学ぶ 課題の種類 グループ向け課題：３－５人のグループを作り集団で取り組む 個人向け課題：指定されたＨＰに関して考察する

DockにあるPowerPointのアイコンをクリック Dockにない場合は，Finderで「アプリケーション」 → 「Microsoft Office 2011」 → 「Microsoft Powerpoint」 の順にクリック

この画面がプレゼンテーションのためのスライド PowerPointの初期画面 メニューバー タイトルバー ツールバー Dockにない場合は，Finderで「アプリケーション」 → 「Microsoft Office 2004」 → 「Microsoft Powerpoint」 の順にクリック この画面がプレゼンテーションのためのスライド

ファイルの設定/保存 メニューバーの「ファイル」から「保存」をクリック 名前欄に“presentation”と入力する 名前欄の右の矢印を上向き(^)にしてデスクトップを選択する 新規フォルダをクリックして名前に“kadai”と入力して保存する 以後はタイトルバーの　　　をクリックすると上書きされる デスクトップへ移動した状態の画像を貼る フォーマットに注意！ デフォルトはpptxになっています．古いバージョンでも作業する場合，pptで保存するのが良いでしょう．

タイトル部分と本文部分の2つで構成されている PPTの画面 タイトル部分と本文部分の2つで構成されている タイトル部分：各スライドの内容を簡潔に書く できるだけ1行に収め，複数行に渡るときも改行で単語を切らないようにすると良い 本文部分：タイトルに合った内容を書いていく

スライドを作成する：発表題目ページの作成 一番初めに表示されるスライドは，そのプレゼンテーションの題目を書くためのもの 実際の内容はスライドを追加してから書く 右図の例は，プレゼンテーションが以下である事を示す 「学校にある使いにくいもの」という発表題目 「東大太郎」が報告者・作成者

スライドを作成する：新しいスライドの挿入 メニューバーの「挿入」から「新しいスライド」をクリック 先ほど書いた発表題目に合わせて内容を書き込んでいく 以後，スライドを追加したい時には同じ作業を繰り返す

使いにくいインターフェースの例として“iMac端末”を挙げてみた スライドを作成する：内容を作成する 使いにくいインターフェースの例として“iMac端末”を挙げてみた CD>USB画像の差し替え 上のスライドはiMac端末について報告することを示し，具体的にその使いにくいものを説明しようとしている

タブキーでインデントを操作することができる 入力に関する補足（1） 箇条書きで書くのが一般的 簡潔な表現で，同じ文体（体言止めなど）を用いる 文字書式（太字・イタリック，色，大きさ）も変更可能 スライド1ページに含まれる行数が多くなると，自動的に文字の大きさが変更され小さくなることがある 行数を多くしすぎないことが望ましい 画面左の「アウトライン」ウィンドウからも入力できる タブキーでインデントを操作することができる インデントごとに文字の大きさが小さくなる（逆も可能）

スライドのデザインを選択・変更することもできる 入力に関する補足（2） スライドのデザインを選択・変更することもできる テンプレートを適用させてみるのも良い CD>USBに画像の差し替え

スライドを作成する：画像を挿入する（１） 報告者が視覚に訴えたい時 画像を取り込む 画像を貼り付けることが有効（著作権に注意） ウェブサイトの画像を保存する場合は対象を 右クリックし「イメージを別名で保存」をクリック 画面上のものをコピーしたい時は 「スクリーンショット機能」を使う スクリーンショットに関し，シフト＋コマンド＋４で領域指定のスクリーンショットができる コピーした画像はデスクトップにファイルとして表示される．

スクリーンショットのやり方 Macによるスクリーンショットのやり方 シフトとコマンドと「３」を同時に押すと，ピクチャファイルがデスクトップに表れる． -「3」のところを「4」にすると領域指定のスクリーンショットができる 「4」にした後スペースを押すとウィンドウ単位でのスクリーンショットができる　もっといいキーボードの画像があれば差し替え

画像がファイルとして保存されていることが前提 スライドを作成する：画像を挿入する（２） 画像がファイルとして保存されていることが前提 コピーしてそのまま貼り付けることも可能 メニューバーから「挿入」→「画像」→「ファイルからの画像…」を選択，ファイルを選ぶ

画像を入れることで，USB挿入口がいかにわかりにくいかということの説得力が増した スライドを作成する：画像挿入後 画像を入れることで，USB挿入口がいかにわかりにくいかということの説得力が増した 効果的に画像を配置しよう “わかりやすい”プレゼンテーションにつながる 文字情報よりも好まれる場合が多い

スライドを作成する：テキストボックスの追加 スライドに自由に文字を書き加えたい テキストボックスを追加し文字を書く（下図） 右図のように選択後，テキストの領域をドラッグして設定し，できた領域に文字を書き込む

スライドを作成する：テキストボックス挿入後 右図はテキストボックス内に文字を加えた状態を示している 右図のように，図に対してコメントしたい，説明したい場合に使うと有効

より効果的なプレゼンテーションに向けて（１） アニメーション機能を使おう スライド内の文字や画像の表示にスパイスを加える ツールバーの「アニメーション」をクリック Windows８ではアニメーションタブがある．最新のMacはどうか

より効果的なプレゼンテーションに向けて（２） 対象をフェードイン表示させるようにする 右図のようにアニメーションを施したい対象を選び，「フェード」を設定する いろいろな効果があるので遊びながら試すと良い 効果の確認は「プレビュー」でも，スライドショー（後述）でもすることができる 再生の矢印で確認できることを述べる　CD>USBに差し替え

より効果的なプレゼンテーションに向けて（３） 発表において，一度表示させた情報が消えるような効果を持たせたい 先ほど追加したテキストボックスの内容は，場を和ませるためのものとして使いたい 「終了効果」を選択 ここをクリック 発表のときにクリックすれば消える

作成したスライドを発表する：スライドショーの実行 メニューバーより「スライドショー」を選択 その後「最初から再生」をクリック 画面右下のアイコンでもスライドショーができる スライドショーが始まる．

「場を和ませるスライド・効果」をどこかに忍ばせる プレゼンテーション時の注意事項 １スライドは50秒から1分かけて説明する スライドがコロコロ変わると聞き手は疲れる スライドは簡潔な表現を用いよう 不要な文字情報が多いと聞き手は疲れる 「場を和ませるスライド・効果」をどこかに忍ばせる １つでもあると聞き手は集中する アニメーションは適度に アニメーションがくどすぎても聞き手は疲れる 自信ある態度で発表しよう！

スライドショーをすると勝手にスライドが切り替わってしまう その他：スライドショーの設定 スライドショーをすると勝手にスライドが切り替わってしまう スライドショーの設定で「保存済みのタイミング」から「クリック時」に変更する

➀ 使いにくいユーザー・インターフェース（UI）を見つける ➁ 「UIのどの部分」が，「なぜ使いにくいのか」を考える 課題１：グループ課題 課題 ➀　使いにくいユーザー・インターフェース（UI）を見つける ➁　「UIのどの部分」が，「なぜ使いにくいのか」を考える ➂　どのようにすれば使いやすくなるのかを考える ➃　➀～➂までの結果をパワーポイントで5枚までにまとめる －－グループ課題のヒント： ・3,4人で1グループとする ・駒場キャンパス内外の様々な人工物をサンプルとすれば考えやすいか ・サンプルについてのユーザビリティ調査を行なう ・どのような人にとって ・どのように使いやすい/にくいか ・調査結果をグループ討議し，改善点などを考える ・最終的な調査結果はパワーポイントで発表させる このとき，下記の視点が盛り込まれていることが望ましい ・サンプルの場所 ・サンプルの機器名 ・サンプルの工夫点，問題点 ・そのサンプルに適合しにくい人 ・考えられる改善点 ポイント！ 図やアニメーションを駆使して，いかにそのUIが使いにくいかをアピールしよう！

課題２：個人課題 ITC-LMS UTask-Web https://itc-lms.ecc.u-tokyo.ac.jp/portal/login http://www.c.u-tokyo.ac.jp/zenki/