Slides forNonverbal Support

プレゼンテーションワークショップ講師ＬＴ by 五藤 佑典@Ameba事業本部

プレゼンテーションに おけるスライド

言いたいことを伝えるスライド？

Master isolated images / FreeDigitalPhotos.net

pakorn / FreeDigitalPhotos.net

スライドで言いたいことは伝えない

Master isolated images / FreeDigitalPhotos.net

Ambro / FreeDigitalPhotos.net

スライド：言葉以外で伝える役

話し手：言葉で伝える役

スライド：非言語コミュニケーション担当

話し手：言語コミュニケーション担当

役割りが分かれる　　より多く伝わる

https://knowlejuice.wordpress.com/tag/non-verbal/

https://knowlejuice.wordpress.com/tag/non-verbal/

言葉（７％）以外を補完する重要性

スライド作りのポイント

スライド作り３つのポイント

• 写真やイラストで話の方向性を示す

• １スライド・１結論にまとめる

• 左上→右下で目線を掴む

写真やイラストで話の方向性を示す

ポイント１

嬉しい話？

stockimages / FreeDigitalPhotos.net

悲しい話？

heeradech Sanin / FreeDigitalPhotos.net

ビジュアルは一瞬で感情が伝わる

１スライド・１結論にまとめる

ポイント２

<si-button-follow></si-button-follow>

<img si-lazyload=“tn.img” />

<ul ng-repeat=“item in list” si-infinite-scroll=“addItem()”> <li>{{item.name}}</li> </ul>

<a href=“photo.img” si-modal> <img lazyload=“photo.img” /> </a>

マークアップの感覚で がしがし実装

<si-button-follow></si-button-follow>

<img si-lazyload=“tn.img” />

<ul ng-repeat=“item in list” si-infinite-scroll=“addItem()”> <li>{{item.name}}</li> </ul>

<a href=“photo.img” si-modal> <img lazyload=“photo.img” /> </a>

マークアップの感覚で がしがし実装

結論

左上→右下で目線を掴む

ポイント３

♥技術共有

プレゼンを聴く

実案件導入

conversion !

♥技術共有

プレゼンを聴く

実案件導入

conversion !

<si-button-follow></si-button-follow>

<img si-lazyload=“tn.img” />

<ul ng-repeat=“item in list” si-infinite-scroll=“addItem()”> <li>{{item.name}}</li> </ul>

<a href=“photo.img” si-modal> <img lazyload=“photo.img” /> </a>

マークアップの感覚で がしがし実装

<si-button-follow></si-button-follow>

<img si-lazyload=“tn.img” />

<ul ng-repeat=“item in list” si-infinite-scroll=“addItem()”> <li>{{item.name}}</li> </ul>

<a href=“photo.img” si-modal> <img lazyload=“photo.img” /> </a>

マークアップの感覚で がしがし実装

• 写真やイラストで話の方向性を示す

• １スライド・１結論にまとめる

• 左上→右下で目線を掴む

自分の言葉をサポートするスライド

迷わせない

ありがとうございました