絵文字プレゼン資料で気をつけるべき6つの事

こんばんわ:hugging: @eccyan です。
この記事は[絵文字 / Emoji Advent Calendar 2016 \- Qiita](http://qiita.com/advent-calendar/2016/emoji)の24日目:soon::christmas_tree:の記事です。

## はじめに

みなさんはプレゼン資料に絵文字は使っていますか？最近、私は積極的に絵文字を使っています。
なぜ、私が絵文字を使い始めたかというと、今年の RubyKaigi の２日目の Keynote で発表をした[Justin Searls](https://github.com/searls) さんの[資料](https://speakerdeck.com/searls/surgical-refactors)に感銘を受けたからです。
絵文字とアニメーションを駆使することで、言語を超えて状況をわかりやすく伝える事が出来ますよね。

しかし、用法と用量をしっかり守らないとその資料もわかりにくくなってしまいます。
そこで、私が発表した資料を作る際に、気をつけている事や失敗した事を6つ紹介したいと思います:information_desk_person:

## :one:  絵文字を組み合わせて拡張しよう

多くの絵文字がUnicodeに入り、様々な端末で使うことが出来るようになりました。
しかし、絵文字１つでは表現出来る事は多くはありませんが、それを組み合わせることで、表現は何十倍にも増やすことが出来ます。

下図はタスクの粒度の分け方によってはレビューも大変になるという表現です。

<img src="https://qiita-image-store.s3.amazonaws.com/0/1897/8d9fa67e-0a61-1ea6-e4ef-283f406e5abb.png" width=480 />

スピーチとこのスライドを組み合わせることで、このような表現も可能です。
ただし、難しい単語を無理やり絵文字にすると伝わりにくいので気をつけましょう。

## :two: アニメーションをつけて、より分かりやすく利用しよう

絵文字を組み合わせることで表現は増えますが、それにアニメーションをつけることでより複雑な表現をすることが可能になります。

下図は、モデルを分割を表現したものです。
<img src="https://t.gyazo.com/teams/kufu/6f9e8e7378aa5854b798e53f610b444c.gif" width=480 />

こちらもスピーチと組み合わせることによって、大きな印象を与えることも可能です。

## :three: 転換点には大きな絵文字１つで表現しよう

スピーチの転換点に絵文字を利用すると、聞き手へ大きな印象を与えることが可能です。
文章で構成されたプレゼン資料であっても、この表現はわかりやすい転換点を伝えることが出来ます。

下図は何か問題点があった場合、それを解決するためには「どうすればいいのか？」と解決方法を紹介する場合でよく使います。

<img src="https://qiita-image-store.s3.amazonaws.com/0/1897/052732ef-286a-cb8c-c7de-844bca11d57f.png" width=420 />

僕は、この :thinking: が大好きでめちゃくちゃ良く使います。
ぬいぐるみがあったらほしい位です。

## :four: 最初に絵文字の意味を伝えよう

絵文字を何かの比喩表現として使い、資料内で数回使うことで、表現に軸を持たせることが可能です。
ただし、突然その絵文字を出しても伝わらないので、まずこの絵文字が何を表現しているのか周知させる必要があります。

価値観という言葉を:revolving_hearts:として表現したい場合は、「大切なのは価値観です。」のようにスピーチして、この比喩表現を周知します。

<img src="https://qiita-image-store.s3.amazonaws.com/0/1897/ce878927-786f-a7f2-5847-889ae76e9a24.png" width=480 />

その後、その絵文字を利用すれば、価値観について色々なアニメーション表現をすることが可能です。

<img src="https://t.gyazo.com/teams/kufu/5dc752fc67b2bf79390d93c49ddc7831.gif" width=480 />

## :five: その絵文字がどう伝わるか考えよう

絵文字は、とても抽象的な文字です。ですから、絵文字は人によってその受け取り方が全く異なることがあります。
何気ないメッセージに絵文字をつけて恋人に送ったら、ネガティブに受け取ってしまいケンカになる事とかよくありますよね。

例えば、ユーザヒアリングを抽象化して絵文字にしたい場合どう表現するのか。
最初、私はユーザの声ということで :mega: で表現してました。
下図は「フィードバックをすぐにタスクに落とす」という表現です。

<img src="https://qiita-image-store.s3.amazonaws.com/0/1897/f2a7fcc1-4ae7-53ea-eb0c-e94990e13462.png" width=480 />

しかし、ユーザが :mega: だと「ウルサイ声」だと思われないかという意見がありました。
なるほど、確かに受け手によってはそう感じてしまうかもしれません。

最終的に:information_desk_person:をユーザとして、それを組み合わせた表現に変更しました。

## :six: どこを「開く」のかを考えよう

私の中では、スピーチさえあれば絵文字とアニメーション伝わると考えていました。
しかし、社内で練習を行った時に、人によっては伝わりにくいというレビューがありました。
重要なことは、専門用語は絵文字を開いた方が良いということです。

下図は[エレベータピッチ](http://www.lifehacker.jp/2014/12/141216book_to_read.html)を表現しているのですが

- エレベータピッチという言葉が専門的である
- 他のページでエレベータピッチという言葉を使う場合、簡単な絵文字による表現が難しく、統一できない

<img src="https://qiita-image-store.s3.amazonaws.com/0/1897/0834f709-e438-15b8-5d57-9cf81c4fd839.png" width=480 />

この様な場合は、絵文字を文字に開いた方が伝わりやすくなります。

<img src="https://qiita-image-store.s3.amazonaws.com/0/1897/83416743-237a-fb1e-39a6-ae69fc56e673.png" width=480 />

## :end: おわりに

絵文字は、画像をデザイナさんに作ってもらったり、著作権を考慮せずに、グラフィカルな表現をプレゼン内に組み込むことが出来るのでとても便利です。
ただ、抽象的な表現であるがゆえにそのプレゼンのユーザ層やシチュエーションによっては、意図した伝え方が出来ない場合もあります :head_bandage:
聞き手にどう伝えるかしっかり考えて絵文字をどんどん使って行きたいですね :muscle: