医学教育つれづれ

医学教育に関する論文のPOINTを書き出した備忘録的なブログです。

医学教育者のためのプレゼンテーションデザイン

PRESENTATION DESIGN FOR MEDICAL EDUCATORS

By Resa E. Lewiss (@ResaELewiss) and Ellen Lupton (@ellenLupton)

icenetblog.royalcollege.ca

効果的でインタラクティブ、高品質で記憶に残るコンテンツを提供しようとする医学教育者にとって、スライドのデザインは重要です。読みやすい書体、アクセスしやすい色のコントラスト、論理的なレイアウトでコンテンツが提示されたとき、ユーザーは自信を持って、積極的に参加していると感じます。ちょっとした美しさと優美さが、デザイナーが聴衆を大切にしていることを伝えるのに役立ちます。

 

1 | Typography

f:id:medical-educator:20200923063010p:plain

Helvetica、Arial、Futura、Avenirは他にも機能的で魅力的な書体です。これらのフォントは一見似ているように見えるかもしれませんが、それぞれに特徴的な形をしています。いくつかのフォントを試してみて、比較してみてください。Comic Sans MS 、 Papyrus は、デザイナーが嫌う書体です。Proxima Novaは、Google Slides内で利用可能ないくつかの優れた書体の一つです。

f:id:medical-educator:20200923063207p:plain

Proxima Novaは、Google Slides内で利用可能ないくつかの優れた書体の一つです。

f:id:medical-educator:20200923063230p:plain

 

2 | Color

f:id:medical-educator:20200923063250p:plain

2種類の色(明と暗)から始めるべきです。3番目の色をアクセントとして選びます。ここに示されているスライドは、黒と繊細なパステルグリーンのペアで、赤がアクセントになっています。また、背景としてアイボリー、淡いグレー、スカイブルー、または黄色を使用することができます。

 

f:id:medical-educator:20200923063339p:plain

色を使ってコンテンツを強調します。タイトルを明確に分けるために、デザイナーは各見出しを黄色のボックスに入れました。これらの明るいバーは、プレゼンターの声を「フラグ」する役割を果たしています。強い色のバーは、どのような背景からもはっきりと分離しています。この色は一貫性があり、幅広いコンテンツを統一しています。黄色のバーは機能的なブランディング要素になります。


気が散る色や判読しにくい色は避けましょう。色を選択するときは、すべてのデザイン要素の目的は、あなたのプレゼンテーションのコンテンツをサポートし、強化することであることを覚えておいてください。

カラーパレットは、メッセージを混乱させ、聴衆、特に色覚障害(CVD)または "色盲 "を持つ人を混乱させます。色のコントラストが十分かどうかわからない場合は、accessable-colors.comのようなツールを使用して、色の選択が色のコントラストに関するアクセシビリティ基準を満たしているかどうかを確認してください

f:id:medical-educator:20200923063449p:plain

あなたが冒険を感じている場合は、淡い背景色やメインの見出しのための深い、豊かなトーンを選択します。重要なのは、光と闇の間のコントラストを維持することです。

 

f:id:medical-educator:20200923063524p:plain

 

3 | Layout

f:id:medical-educator:20200923063631p:plain

コンテンツをチャンクに分割しましょう。テキストを消化しやすい単位に分割することをチャンキングといいます。この基本的なデザイン手法を使っていることに気づいていないかもしれません。コンテンツを分割する最も簡単な方法は、基本的な箇条書きリストと番号付きリストです。

 

どのくらいのテキストは、1つのスライドに配置する必要がありますか?6×6のルールは、開始するには良い場所です:これ以上の6つの箇条書きポイントは、それぞれ以上の6つの単語を含まない。

 

f:id:medical-educator:20200923063737p:plain

カスタムの番号付きリストをデザインします。ここでは、テキストを2列に分けることで、読みやすい短めの行を作ることができました。このレイアウトでは、ドラマチックなページ要素となる大きな数字を手書きで配置しました。

f:id:medical-educator:20200923063801p:plain

このスライドの番号付きリストは、いくつかの機能を果たしています:それは内容をチャンクし、それは各主要な要素の周りに多くの呼吸の余地を提供し、それは装飾的な詳細と視覚的な関心を提供します。細い点線はスペースを整理し、テキストを分割します。タイトルと数字は太字のセリフフォントを採用し、本文はシンプルなサンセリフフォントを使用しています。大文字と小文字のミックスが質感と多様性を生み出しています。鮮やかなポップなカラーが目を引き、主要なポイントを強調しています。メインのタイトルは、真ん中ではなく横に配置されていることに注意してください。ここでは、非対称の見出しが2カラムのリストとよく調和しています。

f:id:medical-educator:20200923063843j:plain

図形を使ってコンテンツをフレーム化します。この例では、円を使ってコンテンツを整理しています。3つの円が連続したストーリーを伝えています。プレゼンテーションはストーリーテリングの手段となり、医学教育者はストーリーテラーとなります。視聴者は、このスライドを内容の地図や図として読む。円の下に追加のテキストを配置することで、後で読むための有用な持ち帰り資料となる。

 

f:id:medical-educator:20200923063918p:plain

デッキの最初のスライドは、本の表紙のようなものです。それはあなたのプレゼンテーションのトーンを設定し、あなたとあなたのコンテンツについて聴衆に伝えます。このスライドには、発表者の写真だけでなく、彼女の連絡先情報が含まれています。肖像画は、スライドを個人的なものにします。背の高い細長い見出しのフォントが特徴的で楽しいです。左寄せの大きな見出しは、エントリーの支配的なポイントとして機能します。

f:id:medical-educator:20200923063959p:plain

このタイトルスライドでは、背景全体をドラマチックな写真で埋め尽くしています。全体的に暗めの画像なので、白文字がはっきりと目立ち、読みやすくなっています。背景画像の明暗のバリエーションが多い場合は、カラーボックスで文字を配置して、画像と区別することもできます。

f:id:medical-educator:20200923064038p:plain

このタイトルスライドには、あまりスタイルや個性がありません。フォントのGill Sansを1つの太さで使用し、すべてのタイプを中央に配置しているため、内容が視覚的にまとまっています。新しいスライドは、よりオープンで読みやすい書体であるAvenirを使用しています。新しいスライドは、この縮小されたサイズでも読みやすくなっています。書体は、HeavyとMediumの2種類のウェイトで表示され、肝心の内容を際立たせています。発表者の名前と所属を左寄せにし、タイトルとは別に表示するようにしました。

 

f:id:medical-educator:20200923064147p:plain

初期のデザインを改善するために、画像をトリミングして拡大しました。背景を黒からグレーに変更することで、画像が目立ちやすくなりました。見出しを中央に大きく配置するのではなく、上端に帯状に配置することで、スペースを取らずにすむようにしました。また、青を基調としたキツい色調から、柔らかい色調に変更しました。左右非対称のレイアウトにすることで、より狭くて読みやすいテキストボックスを作ることができました。

 

画像使用のヒント

-詳細が鮮明でコントラストの強い画像またはビデオを選択します。

-すべての画像やビデオは、患者の識別情報が共有されないように、識別が解除され、トリミングされていることを確認してください。

-スライドスペースを埋めるように画像またはビデオを拡大します。

-画質が維持されるように十分な解像度を確保する。

-視聴者が学習する時間が十分にあるように、ビデオをループさせる。