作成者別アーカイブ: tomoyuki

パワポ資料で「つい、やってしまう失敗」から学ぶ！ガチ改善テクニック14選

社会人として数年間働いている方でも「分かりやすい資料作りには自信がない」と言う方は多くおられます。体系的に資料の作り方を学ぶ機会が少ない上、資料を使った提案力は何年もかけて少しずつ磨かれるため、実は自信が持てなくて当たり前なのです。

私も働き始めの頃、先輩が分かりやすく美しい資料を作り、お客さまの心を動かしてコンペに勝ったり、お客さまから大きな信頼・共感を得たりする姿を見て、とても羨ましく思った記憶があります。

そんな20年以上前の自分を思い起こすと、経験が少ないがゆえに、資料作りで「つい、やってしまう表現」が沢山あったと感じます。この無意識のうちに「つい、やってしまう表現」は、資料の分かりやすさや見た目の美しさを阻害します。

この記事ではまず、なぜ人は資料を分かりにくくする手法を「つい、やってしまう」のか？という理由を探ります。その上で、ありがちな「つい」の事例と共に、ビフォー・アフターを交えた具体的な対処方法をご紹介していきます。

本来、資料を作って提案し、相手の信頼や納得を得ることは、楽しく嬉しいことです。この記事を読むことで、今まさに手元で作成している資料を改善するためのヒントを見つけだし、資料作成への苦手意識を減らしてもらえればと思います。

※ ご紹介するノウハウは、プレゼン資料、営業資料、決定事項を社内で共有する閲覧資料などを含む資料全般に活かせますが、特に相手の意思決定を促すプレゼン資料に有効なTIPSが多く含まれます。

※ この記事はアドビ社が提供する「Adobe Acrobat オンラインツール」のPR企画「みんなの資料作成」に参加して執筆しました。日頃から活用するAdobe AcorbatやPDFに感謝の気持ちを込めて、Acrobat オンラインツールの便利な使い方を併せてご紹介します。

資料を分かりにくくする「つい、やってしまう」こととは

例えば、資料作りで「つい、やってしまう」ことにはこんな内容があります。ひとつひとつはとても小さなことですが、積み重なることで情報は次第に伝わりにくく、読み解きづらいものになってしまいます。

つい、文字量が増えてしまう
つい、1ページに情報を盛りすぎてしまう
つい、専門用語・略語・カタカナ語で「説明した風」にしてしまう
つい、曖昧な言葉で説明してしまう
つい、インデントだらけになってしまう
つい、空いたスペースを埋めてしまう
つい、要素をずれたまま配置してしまう
つい、線や枠で情報を区切ってしまう
つい、強調する箇所を増やしてしまう
つい、装飾やレイアウトといった絵作りに時間をかけてしまう

なぜ「つい、やってしまう」のか

なぜ私たちはこうした分かりにくくする対処を「つい、やってしまう」のでしょうか。それは、人は他人よりも「自分の都合」を優先するように思考が働くからです。例えば、先ほど紹介した「つい、やってしまう」事例の頭に「自分の都合」を加えると、以下のようになります。

あれもこれも伝えておきたいからつい、文字量が増えてしまう
分かりやすく要約するのが面倒だからつい、1ページに情報を盛りすぎてしまう
他の人も当たり前に使っているからつい、専門用語・略語・カタカナ語で「説明した風」にしてしまう
的確な言葉で説明できないからつい、曖昧な言葉で説明してしまう
自分が構造を理解しやすいからつい、インデントだらけになってしまう
手抜きと思われそうで不安だからつい、空いたスペースを埋めてしまう
早く終わらせたいからつい、要素をずれたまま配置してしまう
情報をしっかりと区別しておきたいからつい、線や枠で情報を区切ってしまう
あれもこれも伝えておきたいからつい、強調する箇所を増やしてしまう
どうすれば良い印象になるか分からないからつい、装飾やレイアウトといった絵作りに時間をかけてしまう

誰しもが「分かりやすく伝えたい」という気持ちはあるのです。ただ人は「忙しいし…」「面倒だし…」「難しいし…」という自分の都合を無意識に優先するため、そんなつもりはなくても知らず知らずのうちに資料を分かりにくくしてしまうのです。

心理学・行動経済学の分野で語られる「2つの思考モード」の話はご存じでしょうか。ノーベル経済学賞を受賞した行動経済学者、ダニエル・カーネマン氏の著書『ファスト&スロー』（2011年）をきっかけに世に広がった、脳の特性の話です。

簡単に言えば、2つの思考モードのうちのひとつは「システム1（直観的思考）」と呼ばれ、直観的で速い思考モードのことです。もうひとつは「システム2（分析的思考）」と呼ばれ、順序立てて論理的に物事を考える遅い思考モードのことです。

分かりやすさや伝わりやすさを突き詰めるには、資料の作り手側が「忙しい、面倒、難しい」といった理由で自分の脳内のシステム1が動き出すのを止め、意識的にシステム2を働かせ、伝わりやすくなる工夫を施す必要があります。

言語・文章編【1】つい、文字量が増えてしまう

理由・心理）人は文字量を増やすことで安心感を得ようとする

意味を正確に伝えるために文字量が増えてしまうのは自然なことです。しかし、読み手の立場に立つと、文字量が多いと直感的に「分かりにくそう…」「読むのがめんどくさい…」という気持ちになるのは、誰でも想像がつくはずです。それでもつい文字量を増やしてしまうのには、こんな心理があります。

短い文章では相手に納得してもらえないのでは？という不安があるから
（分かりやすく要約するのが面倒だから）つい、1ページに情報を盛りすぎてしまう可能な限り情報を提供し、抜け漏れなく細部まで詳しく説明したいから
自分の意見や主張を裏付けるために多くの情報を提示したいから
人に言葉で説明する時にも読み上げることができて楽だから

また、自分の思考がまだ整理できていない時にも文章は長くなりがちです。端的に言いたいことがまとまらないため、できるだけ多くの情報を盛り込んで相手に理解してもらおうとするほど、文章は長くなります。

改善テクニック（1）1スライド105文字、1文40～60文字、タイトル（見出し）13文字

文字量を増やさないためには、人が理解しやすい文字量を知る必要があります。上記は、スライドの配色やレイアウトはそのままに、文字数を125文字まで減らしたものです。元のスライドと比較した時の理解しやすさは一目瞭然です。

実は1枚のスライドの適切な文字量は「105文字以内が望ましい」という調査結果があります。この結果は、元MicrosoftのPowerPoint事業責任者による調査によるもので、AIによる51,544枚の資料分析と、資料を読んでサービスを導入するかの決裁を下す意思決定権者への700時間に及ぶヒアリングから導き出されています。

また、1文は40～60文字程度が望ましいと言われています。上記で示す通り、実際に多くのツールやアプリ、Webメディアは、PCでの1行あたりの文字数を40文字前後（スマホは20文字前後）に設定しています。

最後にタイトル（見出し）の文字数。人が一度に知覚できる文字数は9～13文字と言われます。素早く正確な情報伝達が求められる「Yahoo! ニュース」のトピックスタイトルが、様々なデータ・テストを経て13～15.5文字で構成されているのも、理解しやすいタイトルを考えるヒントと言えます。

※調査結果は参考文献『科学的に正しいずるい資料作成術』からの引用。　参考文献）『科学的に正しいずるい資料作成術』（著：越川慎司）

言語・文章編【2】つい、1ページに情報を盛りすぎてしまう

理由・心理）プレゼン資料と配布資料の特長や違いを知らない

情報が多い資料の例として、「行政の資料」が挙げられます。資料3～4枚分の情報を1枚に凝縮したようなスライドに対して「見づらい」「分かりにくい」と、定期的にネットで話題になっているのを見かけます。

この話題には「プレゼン資料と配布資料の違い」についての議論が含まれないため、様々な立場の様々な意見が交錯します。建設的に議論するためには、両者の特長を整理しておく必要があります。

例えば、大きな組織には「役員会議」や「幹部会議」と呼ばれる、各組織の決定事項を共有しあう会議があります。ここでは多くの組織で検討された決定事項が定期的に共有されるため、配布資料の情報量がとても多くなります。

配布資料の目的は「決定事項や事実関係の伝達」であって、プレゼン資料のように意思決定を促すものではありません。そのため、後でいつ誰が見返しても抜け漏れなく事実が伝わるよう、自然と情報量も多くなるのです。

場合によっては、過去の資料3～4枚をほぼそのまま縮小して1枚に盛り込まれているケースもあります。ただ、正確な情報伝達が目的の配布資料であっても、情報の盛りすぎは読み手の負荷を高めるため、できるだけ情報量を減らす工夫は必要です。

また、こうした配布資料が日常的に共有される組織では「プレゼンも配布資料も、情報てんこ盛りで当たり前」という文化が形成されがちです。こうした文化に流されず、読み手の状況を踏まえた適切な情報量に調整することが大切です。

改善テクニック（2）1スライド1メッセージ、伝えたいことは一番目立つタイトルで言語化する

プレゼン資料において「1スライド1メッセージ（1枚で言いたいことは一つに絞る）」というTIPSが多くのノウハウ本やネット記事で語られています。この手法はどうしても情報量が多くなる配布資料でも有効で、特に伝えたいことを大見出しとして設置するだけでも、分かりやすさは格段に向上します。

1枚のスライドの中から特に言いたいことを一言で伝えるのはなかなか難しいものです。しかし検討に時間がかかったとしても、この一言があるだけで読むことの負荷が大きく軽減され、情報も伝わりやすくなるため、資料の種類を問わず実践できると良いでしょう。

配布資料出所）環境省「地域循環共生圏について」

言語・文章編【3】つい、専門用語・略語・カタカナ語で「説明した風」にしてしまう

理由・心理）人は自分が置かれた環境の「当たり前な言い方のルール」に流される

『オトナ語の謎。』という書籍をご存じでしょうか。2000年代前半、ほぼ日刊イトイ新聞で連載されていた記事が書籍化されたもので、家でも学校でも教わらない「カイシャのオトナ達が自由自在に使いこなす言葉」が紹介されています。

その中には「その言葉をなぜ日本語で言わないのか？」と思わせる、多くの専門用語、略語、カタカナ語が並んでおり、これらがビジネスシーンで当たり前に使われていることを面白おかしく紹介しています。

こんな書籍が話題になるほど、私たちはいつの間にか仕事で、専門用語、略語、カタカナ語を使うことが当たり前になっているのです。そんな中、2016年に立教大学経営学部の学生が実施した「カタカナ語に関する調査」があり、こうした言葉を使ってしまう理由・心理が紹介されています。

この結果から、伝える側は「わざわざ日本語で説明するのが難しいから」といった、面倒くさいと思う気持ちや、「周りが皆使っているから」といった、流される気持ち、長いものに巻かれる気持ちが生じる場合が多いことが分かります。

反対に、受ける側は「意味が分からない」「モヤモヤする」「かっこつけたいのか」など、不快に感じる傾向が強いことも明らかになっています。

日常会話で使われている専門用語、略語、カタカナ語は、自然と資料の中でも使われていると考えられます。その結果、資料においても聞き手や読み手を置き去りにした「説明した風」の表現が増え、言いたいことが伝わらなくなっているのです。

参考文献）『オトナ語の謎。』（著：糸井重里）

調査）総合マーケティング支援を行なうネオマーケティングが運営するアンケートサイト「アイリサーチ」のシステムを利用したWEBアンケート方式の調査「カタカナ語に関する調査」によるもの

改善テクニック（3）専門用語や略語は、伝える相手の知識・理解度を汲んで選ぶ

とはいえ、伝える相手も知っている専門用語や略語を、わざわざかみ砕いて説明すると、逆に情報量が増えてしまいます。大切なのは、伝える相手の知識や理解度を想像した上で、専門用語や略語を使うべきか否かを意識的に判断することです。

改善テクニック（4）文字の割合を「漢字：3割／ひらがな：6割／カタカナ：1割」にする

漢字、ひらがな、カタカナの割合を意識することで、読みやすさ・伝わりやすさが向上します。この割合には諸説ありますが、漢字3割、ひらがな6割、カタカナ1割を意識するとよいでしょう。特にカタカナ語は調査の通り、伝わりにくいだけでなく印象を悪くする可能性があるため、極力減らした方が良いでしょう。

言語・文章編【4】つい、曖昧な言葉で説明してしまう

理由・心理）具体的な言葉に置き換えるのが面倒で、周りも使っているから

誰でも一度は「具体的には？」と問われたことがあるはずです。特に、文章自体の分かりにくさよりも、結論の曖昧さ、具体性の無さに関して「どういうこと？」と質問されて困った経験は無いでしょうか。曖昧な言葉で説明してしまうのには、こんな理由・心理が潜んでいると言えます。

情報の正確さに自信がなく、できるだけ責任を負いたくないから
具体的な言葉に置き換えるのが難しく、考えるのにも時間がかかるから
周囲の人が皆、そういう言葉を使って説明しているから

特に厄介なのは3番目です。組織の中で抽象的な言葉による説明が当たり前になっていると、何が良くないのか？に気づくのも難しくなります。周囲の当たり前に流されず、丁寧に情報の正確さを突き詰め、具体的な言葉で伝える訓練が必要です。

改善テクニック（5）数字、事実、固有名詞、見たこと・聞いたことを入れる

コストに対する「高い・低い」、量に対する「多い・少ない」、期間に対する「長い・短い」といった言葉を使う際には、数字、事実、固有名詞、見たこと・聞いたことを含めると具体性が増します。

参考文献）『伝わる文章が「速く」「思い通り」に書ける87の法則』（著：山口拓朗）

言語・文章編【5】つい、インデントだらけになってしまう

理由・心理）自分の論理を整理したインデント表現は他人も分かりやすいと考えてしまう

インデントとは、行頭に空白を設け、文字を他の行よりも下がった位置から開始する文字組みのことです。インデントを利用することで、情報の論理構造（親子関係）を分かりやすく表現できます。

インデントは、ソフトウェア開発のマークアップにも日常的に用いられ、エンジニアの方にとっては「ネスト」という言葉で馴染みが深い記述方法です。しかし、過剰な入れ子構造は開発者の間でも敬遠され、Googleの検索結果には「ネストの深さは闇の深さ」といったタイトルの記事が上位に表示されるほどです。

伝える側は、文章をインデントさせて論理構造を整理しながら記述できるため、書き終えた文章を「分かりやすく書けた」と感じます。しかし、読む側には何重にも入り組んだインデントがある文章は「読みづらい」と感じさせてしまうのです。

プログラミング言語や規約・約款といった、複雑な文章を分かりやすく正確に伝えるために、インデントは非常に有効です。しかし、本来ならインデントが無くても伝わる書き方・内容であった方が、読み手の負荷は低いはずです。

改善テクニック（6）インデントは2段階以内におさめる

「インデントは〇段階まで」という厳密なルールはありませんが、ドキュメント作成ツールの箇条書き機能から望ましいインデント段階のヒントを得られます。

PowerPointのみ5段階ありますが、その他のツールは3段階以降、行頭に空白は空くものの、文頭に付く印には同じ表現が繰り返し使われています。3段階がMAX値に設定されていると考えると、そのひとつ手前の2段階までの表現にとどめておくのが伝わりやすい表現であると、私は考えています。

視覚表現編【1】つい、空いたスペースを埋めてしまう

理由・心理）脳の特性として、人は空白に不安・危険・不快を感じるから

資料の中での空白が気になり、ついつい何かで埋めてしまうのには、人の脳の特性「空白の原理」が関係しています。これは無意識に不安・危険・不快を避け、安心・安全・快適を求める、という原理です。

ビジュアルデザインの文脈では、1998年の発売から25年以上、多くの方に愛読され続けている『ノンデザイナーズ・デザインブック』にて、「要素の中央揃え」と「空白の原理」の関係性について解説されています。

中央ぞろえは、初心者にもっとも使われる整列方法です。失敗の危険がほとんどなく、安心感を与えるからです。
『ノンデザイナーズ・デザインブック』（著：Robin Williams）

つまり、初心者ほど資料の何もない空白や偏った整列に不安を感じやすいため、要素を中央に揃えて安定させたり、空きスペースにイラストを入れたり、文章を長くしてスペースを埋めたり、といった対処が増えてしまうのです。

作り手は空白を恐れてしまいますが、資料を見る人にとっては一定の空白（余白）があった方が読みやすくなります。資料を仕上げる際には、空白の原理によって無意識にスペースを埋めようとしていないかを確認することが大切です。

参考文献）『ノンデザイナーズ・デザインブック』（著：Robin Williams）

改善テクニック（7）挿絵を無くしても意味が通じるなら無くす

よくあるのが、空いたスペースに挿絵を入れる対応です。なんとなく寂しい紙面に絵が入ることで、作り手にとっての不安は解消されますが、場合によっては一番伝えたいメッセージよりも目立ってしまうこともあります。

先ほど、システム1とシステム2という脳の働きについて紹介しました。実はこの2つのシステムとは別で、人の脳は「言語システム」と「イメージシステム」という2つの記憶システムを使い分けている、という話があります（二重符号仮説）。

「言語システム」は言葉を記憶し、「イメージシステム」は画像を記憶する脳の働きです。このうち、特に後者の画像が関与する情報は、言葉に比べて記憶として保持されやすいと言われています（画像優位性効果）。

それだけ、絵が入ることによる情報伝達力は強力なのです。「寂しいから」という理由で挿絵を入れると、もっとも伝えたいメッセージの主張が相対的に弱まり、結果的に分かりにくい資料になりがちです。

挿絵は「言葉によるメッセージをさらに強めたい時」のみと心得て、まずはメッセージの的確な言語化に力を注ぎましょう。

改善テクニック（8）余白は内側から外側に向けて広くする

文字や絵が盛り沢山に詰め込まれた窮屈なレイアウトは「分かりにくい」と感じさせます。ここで大切なのは、適切な余白の取り方です。上図のように、紙面における余白は原則として、内側から外側に向けて広くなることを理解しましょう。

すべてのコントロールが難しい場合は、一番外のマージンの広さと、行間（ラインスペース）を守るだけでも、資料の見やすさは格段に上がります。

参考文献）『レタースペーシング』（著：今市達也）

視覚表現編【2】つい、要素をずれたまま配置してしまう

理由・心理）人は「見た目の印象」の大切さを軽視しがち

要素の位置が少しずれていても、情報は読み取れます。仕事においては、些細な要素のずれの修正よりも、内容の検討に時間を割く方が大切です。また、そもそも多くの人は配置のずれに気づかない・気にしないことがほとんどですし、多少要素がずれていても説得力のある資料は沢山あります。

ではなぜ、誰もさほど気にしないであろう、些細な要素のずれを放置しない方が良いのでしょうか。実はこの問いに対して『インタフェースデザインの心理学』という書籍の中で、ヒントになる一つの研究結果が紹介されています。

高血圧症の患者に、高血圧に関する情報をウェブで探してもらった。
いくつか見たウェブサイトの中で「信用できない」と判断されたものがあった。これらに対して寄せられた意見の83％が、見た目の第一印象（文字サイズ、ナビゲーション、色、サイトの名称）に対するものだった。
また「このサイトは信頼できる」と決める理由は「見た目ではなく内容」とする意見が74％だった。

簡単に説明すると「見た目が雑だと内容に興味を持ってもらう前に『信用できない』と思われてしまう」ということです。内容以前に、読み手から「読む価値が無さそう」と思われないためにも、些細な配置のずれを放置してはならないのです。

『インタフェースデザインの心理学』（著：Susan Weinschenk）

改善テクニック（9）見えない強い線を作る

すべての配置に意識を働かせるコツとして「見えない強い線を作る」という方法があります。要素を結ぶ見えない線が意識的に作られているほど、要素同士の関係性が強まり、認知負荷が下がると同時に丁寧な印象も生み出します。

これは資料に限らず、グラフィックデザイン全般に共通します。街で見かける広告やポスターも、すべて「見えない線」を作ることが大元にあり、その原則を守った上であえて崩したところに魅力や面白さが生み出されています。

画像出所）Pinterest

視覚表現編【3】つい、線や枠で情報を区切ってしまう

理由・心理）線や枠を使った情報の区別はもっとも簡単・手軽でつい手を出してしまう

人は自然と、意味合いの近い要素同士は近くに、意味が違う情報は離れた場所に配置して認識しようとします。資料作りに限らず日常生活の中でも、例えばキッチン収納において鍋や食器を、それぞれ分けて別々に収納するのも同じ原理です（近接の原則）。こうすることが情報を把握しやすいことを、人は日常生活の中で学び、自然と実行しています。

しかし、資料のような狭いスペースの中でこの原理・原則をうまく適用し、分かりやすく情報を区別するのは意外に難しいものです。工夫を重ねる中でまず手を出す手軽な解決策が、線や枠で情報を区切る方法なのです。

線や枠は意味のある「情報」ではなく、情報を区別するための「道具」のようなものです。紙面に情報以外の道具が増えれば増えるほど、主役である情報の存在感も薄まり、必要な情報を理解するための認知負荷も高まります。

余談ですが、資料の印象に対する言葉で「野暮ったい」「ダサい」「素人っぽい」「イケてない」といった言葉を言われた・聞いたことはないでしょうか。これらはまず区切り線や枠といった「無駄な要素が多い」ことが原因にあります。逆にこれらの無駄を一つでもなくすことで洗練された（無駄がない）印象に繋がります。

改善テクニック（10）線や枠を一つでも減らし、スペースだけで情報を区切る

改善対策はとてもシンプルです。一度作った資料を見直し、つい、線や枠で区切ってしまった箇所に対して、線や枠を無くして情報を区別できないか？を考えます。ここに意識を働かせると、自然と余白の取り方を工夫することになり、洗練された無駄のない印象を作りやすくなります。

また、どうしても余白をとるだけで情報を区別しづらい場合は、薄い色を背景に敷く方法も有効です。薄い色の塗りは線や枠よりも存在感が薄いため、洗練された印象を保つために有効です。

視覚表現編【4】つい、強調する箇所を増やしてしまう

理由・心理）多くの情報を伝えたいから、すべてを目立たせようとしてしまう

情報を伝える際、伝え手はできるだけ抜け漏れなく情報を伝えたいと考えます。ここもあそこも理解してもらいたい！と訴求ポイントが増えると、結果的にどの情報も目立たなくなります。

メリハリという言葉の意味を調べると「演劇などでセリフに強弱・伸縮・抑揚を付けること（減り・張り）」とあります。2つの言葉がセットで使われていることからも、強める箇所と一緒に弱める箇所も作らなければならないことが分かります。

改善テクニック（11）強調する箇所は3箇所までにして、控える箇所も作る

元のスライドには、文字に対するハイライト効果が沢山入っています。ハイライト効果は手軽な強調手法ですが、増えすぎると主張が埋もれやすくなるという欠点もあります。ハイライト効果を使わないことも検討の上、1スライドにおける強調箇所は目安として3箇所までにしましょう。

改善テクニック（12）「5:5」の強調比率を避ける

色を変える、空きを作る、など、メリハリの付け方は色々ありますが、もっとも強調効果が弱まる割合は「5:5」、つまり半々の状態です。両者が同じ主張度合になるため、結果的にどちらも強調されません。強調したい箇所の印象を強める際は、同時にどこを弱めれば良いかを考え、明らかに異なる状態（割合の目安は7:3以上）にすると、メリハリの効果が生まれます。

視覚表現編【5】つい、装飾やレイアウトといった絵作りに時間をかけてしまう

理由・心理）絵作り・装飾・レイアウトは、どこがゴールか分からないから

資料作りは「構成作り」と「絵作り」という2つの作業をこなさなければならない、複雑な作業です。この作り方・進め方を体系的に学ぶ機会がないまま業務で資料作りを任されると、右も左も分からず苦しい時間を過ごすことになります。

特に絵作りについては、多くの方が「ここまでできれば完了」という判断ができないため、ああでもないこうでもないと延々時間を使ってしまい、肝心の構成がおろそかになってしまうという、悪循環につながるのです。

そもそもPowerPointをはじめとしたスライド作成ツールは、ビジネス、家庭、教育の現場など、幅広いシーンでの活用が視野に入れられています。そのため、ビジネス文書では不要な装飾機能も備わっている点が、逆に私たちを迷わせ、もっとも大切な「メッセージの伝達」にかける時間を奪ってしまうのです。

改善テクニック（13）「作る」よりも「知る・考える」に時間をかける

資料の提出期日に間に合わせることを考えると、できるだけ早くPowerPointなどのツールで作業を始めたくなります。しかし、作るものが決まらないうちからツールでの作業に手を付け始めると、余計に迷走して制作時間が長くなります。

そんな状況を防ぐためにも、まず必要な情報を集めて「知る」こと、全体の構成を「考える」ことを優先しましょう。

構成作りにはツールを使わず、手書き＋付箋を使うと手早く、効率的です。付箋は面積が小さいため、もっとも伝えたい情報くらいしかメモできないのが、かえって「何を伝えるべきか」を考えやすいのです。また、付箋の張り替えでページの入れ替えもシミュレートできます。

改善テクニック（14）「ダサい」「イケてる」といった曖昧な指摘の解像度を高める

身近に資料を見てもらった際に、「なんかダサい」「イケてない」といった指摘を受け、どこをどう調整すれば良くなるのか分からず、延々と調整に時間をかけてしまう方もいるのではないでしょうか。

「ダサい」も「イケてる」も個人の印象であって、正確に度合いを測れるものではありません。しかし、否定的な意見が出る資料には、要素、色、書体、レイアウト、写真やアイコンの使い方に、一定数の良くない表現が含まれています。

上記の表は、私の経験から「ダサい」「イケてる」を詳しく言語化したものです。曖昧な指摘に対し、どう調整して良いか悩まれている方は、作成したスライドをそれぞれの要素ごとにチェックし、改善してみることをおすすめします。

まとめ

誰でも「忙しいし…」「面倒だし…」「難しいし…」という自分の都合を無意識に優先してしまうのは、人間である以上は仕方がないことです。ただ、人に情報を伝えることが大目的である資料を作る際には、苦しい時に自分の都合よりも相手の都合に重きを置く、やさしい心を育てていくことが大切だと、私は考えています。

この記事で紹介した「他者視点（デザイナーの視点）」をヒントに、日常業務の中で作成する資料の品質を向上させ、少しでも多くの方が相手にメッセージを届けることの楽しさを覚えていただけると幸いです。

PR）プレゼン後に便利なAdobe Acorbat オンラインツールのご紹介

最後に、私たちビジネスパーソンの業務を常にサポートしてくれる、アドビ製品についてもご紹介させてください。

私はプレゼンテーションにはPowerPointを利用しますが、プレゼン後はファイルをPDFに変換して配布することがほとんどです。たまに困るのが、アドビ製品が入っていない社用PCで作業している際、ファイルをPDFに変換したり、PDFを編集しなければならないケースです。そんな時、ブラウザ上から利用できるAcrobat オンラインツールが便利です。

「オンラインだとファイルがアドビのサーバーに残るかもしれないからセキュリティ的に心配…」と思われる方もいらっしゃるかもしれませんが、ファイルはアドビのサーバーで安全に処理され、ログインして保存しない限り削除されるため、安心して利用できます。

変換

PowerPointファイルをPDFに変換

もっとも活用するのはPPTをPDFに変換するケースですが、実は逆の変換（PDFをPowerPointに変換）も可能です。PDFはあるけど編集元のPPTが見つからない…といった時にも、この変換機能は活用できます。

PDFをJPGやPNG画像に変換

資料内の特定スライドだけをピンポイントで配布したい時に活用できる変換方法です。書き出された該当スライドだけを配布できると、受け取る側も見るべきページのみを確認できます。

圧縮

PDFのファイルサイズを圧縮

特にビジュアルデザインに関わる職種柄、画像が沢山入ることでPDFファイルの容量が肥大化することがよくあります。そんな時、画質を一定品質に保ったままファイルサイズを落とすことができます。メール添付で資料を送る際にも便利です。

編集

PDF内の不要なページを削除

資料の一部に社外に共有したくない情報がある時など、一部のページのみを削除することができます。

署名と保護

デザイナーの筆者が企業内での研修講師、資料作りのご相談を承ります

この記事にご興味を持っていただけた企業の方々の中で「社内の資料制作スキルを向上させたい」といったお悩みをお持ちの方向けに、社内研修の講師のご相談をお請けしております。また、実際に分かりやすく美しい資料作成のご相談も承っております。ご興味を持っていただけた方は、ぜひお気軽に私のTwitterアカウントやFacebookアカウントからお声がけください。

デザイナー採用担当が教える！ワンランク上のポートフォリオ10のヒント

2020年、転職にあたってポートフォリオを作った際の制作ノウハウ記事が、同じ境遇にある多くの方に見ていただけました。その流れでとある企業から「イベントでこの内容話してみませんか？」とお誘いをいただきました。せっかくなのでそのイベントでは記事にまとめた内容とは別のコンテンツを準備してお話させていただきました。

つくづく私は、ポートフォリオは自分目線の作品集ではなく、受け手目線のプレゼンツールであるべきだと考えています。イベントではそんな考えを「10のヒント」と題してお伝えしました。そして約半年経った今、当時のイベント動画が7日間限定で公開されることになったので、私もブログでその内容を公開したいと思います。

10のヒントは、ポートフォリオを作り始める前にどんな人たちにプレゼンするのかを考えた「準備編」と、作る際に採用担当者に伝わりやすくする技術を伝えた「制作編」の2部構成です。このエントリーですべてご紹介していますが、イベント動画の方がプレゼン形式でより理解しやすいと思います。お時間あればぜひ動画もご確認ください。

準備編

1.企業の選定状況に合わせたポートフォリオを考える
2.行きたい企業の特徴をリサーチする
3.採用担当者が注目するポイントをつかむ
4.募集人材に求められるレベルを正確に把握する
5.未経験者枠に求められるものをつかむ

制作編

6.読み手が理解しやすい順序・言葉・量を考える
7.実績が少ない場合の対処を考える
8.制作実績以外に掲載できることを考える
9.ポートフォリオを第三者にレビューしてもらう
10.選考で損をするNG手法

はじめに

最初に結論です。ポートフォリオ作りは「作品集を作るぞ」という自分視点ではなく、採用担当者の視点で考えることが大切です。読み手が知りたいことは何か？どんな体裁、どんな言葉、どんな構成なら興味を持ってもらえるかを考えると、自然と伝わりやすくなります。これらは「10のヒント」すべてに共通しています。

準備編

1.企業の選定状況に合わせたポートフォリオを考える

転職では複数社受けることがほとんどですが、内容をそれぞれ変えるべきか？という質問をよくお聞きします。もちろん会社の特性が違えば見せ方も変えるべきですが、限られた時間ですべての体裁を変えるのは時間と労力がかかります。まずどんな企業にも見せられる汎用的なベースを作った後、企業ごとにアレンジするのが良いでしょう。

例えば、受けようとする企業に明らかな得意領域があるなら、自分の実績もそこに近しいものを掲載した方が注目してもらいやすくなります。また全体の中で、それらの実績をなるべく最初に見せるのも、興味を惹く上で大切になります。もし余力があるなら、志望企業が大切にすることをくみ取ったオリジナルページを作るのも有効です。

2.行きたい企業の特徴をリサーチする

志望する企業については誰でも下調べをすると思います。まず最低限、Webサイトやブログ、SNSなどから公式に発信する情報を把握しておくのは必須ですが、そんな当たり前の情報を知っていたとしても採用担当者の気持ちは動きません。大切なのは「そんなことまでよく知ってますね！」と思わせる情報を把握しておくことです。

例えばその会社の社長や社員のSNSでの発言から、今注目しているデザインのトレンドや技術などの興味関心、問題意識を把握できます。また文章として残っていないイベントでの発言で印象に残った一言など、本人も覚えていないかもしれない情報を知っていると「うちの会社にとても興味があるんだな」と思われるでしょう。

3.採用担当者が注目するポイントをつかむ

採用担当者は自社に合う人材かどうかを見極める際、知識やスキルといった「ハードスキル」だけを見て判断しているわけではありません。同時に、相手に配慮ができる人か、意思疎通しやすい人かといった「ソフトスキル」も必ず確認しています。ソフトスキルがポートフォリオから見えるの？と思われるかもしれませんが、確実に見えます。

例えば読みやすいボリューム、構成、レイアウト、文章かどうかでも読み手への配慮は十分推し量れます。また掲載している情報から、過剰に自分を良く見せようと飾ったり、曖昧な言葉で説得力が無かったりすると、ソフトスキルが弱い人なのかな？と思われます。特に緑の文字で示したあたりがポートフォリオからも見えると心得ましょう。

4.募集人材に求められるレベルを正確に把握する

企業の募集要項には「リードデザイナー」「デザイナー」「アートディレクター」など様々な名称があります。それぞれ求められるレベル感が異なることは分かると思いますが、応募する際にはポートフォリオの中でも、自分がそのポジションに見合った人材であることを証明しないと、選考通過の可能性が低くなります。

基本的には経験年数で求められる力は変わります。経験年数が短ければ、制作力は未熟でも努力できる、素直であることが求められ、逆に経験年数が長いほど、制作力があるのはもちろん、教育できる、チームを作って動かせる、といった力が求められやすくなります。この傾向を元に、ポートフォリオの内容を検討する必要があります。

5.未経験者枠に求められるものをつかむ

募集要項によっては「経験の有無は問いません」といった言葉があります。ここで言う経験はすなわち「実務の経験がない」ということなのですが、同じ未経験者でも興味を持たれる・持たれないが分かれるのはなぜでしょう。ここではAさんとBさん、2人の行動パターンを示しているのですが、2人の間にどんな違いがあるでしょうか。

Aさんは勉強への投資もせず、やっているのはスクールでの課題だけ、デザイン業界を知るための活動量も少なめです。かたやBさんは学びの投資もいとわず、自主的に何かを制作し、業界への興味関心も高く、それらの行動を裏付ける情報も語れる人です。同じ未経験でもBさんのような人なら「興味あり」と思われるのではないでしょうか。

制作編

6.読み手が理解しやすい順序・言葉・量を考える

ここから実際に制作する際のヒントになりますが、まず気をつけたいのは実績の「順序」「言葉」「量」です。採用担当者の多くは通常業務と採用業務を兼務している人が多く、忙しい人がほとんどです。そんな忙しい人が短い時間でも実力を理解してくれる「順序」「言葉」「量」とはどんなものなのでしょうか。

まず順序は何事も結論→詳細の順に伝えること、言葉は抽象的ではなく具体的に伝えること、量は多すぎず少なすぎず丁度良いところを見極めること、この3つが大切になります。私が作ったポートフォリオもこれを徹底しており、多忙な採用担当者に「分かりやすいな」「読みやすいな」と思っていただけるようにこだわりました。

まず順序の話。スキルを伝える際にも、まず冒頭で「自分はUIやビジュアル作りを中心としつつ、それらをとりまく5つのスキルで構成されている」という全体像を示し、その後それぞれのスキルについて詳しく紹介するページを設けています。読み手を安心させるため、まず最初に話の全体地図を見せてあげるのは有効な手段です。

こちらは実績を紹介する部分です。実際の案件について紹介し始める前に、まず冒頭に具体的な言葉で「私ができるのは〇〇〇、〇〇〇、〇〇〇です」といった形での説明を挟んでいます。実績ページの中からでもその人のスキルは推し量ることはできますが、最初に結論を示してあげた方が読み手が理解する負担を軽減できます。

こちらは実績紹介の詳細です。ここでも小さな文字を読ませる前にまずタイトルで、この案件で注目してもらいたいポイントを述べています。忙しい採用担当者は、沢山書かれた小さな文字すべてに目を通してくれるわけではありません。私は制作当時、このタイトルだけ読んでもらえれば理解してもらえるようにしておこうと考えました。

次は言葉。多くの人は、いかにも良いことを言ってそうな、それっぽい抽象的な言葉で説明しがちです。しかし採用担当者に選ばれるデザイナーの多くは、日頃から自分でも具体的な言葉でプレゼンしていることが多いため、応募者の言葉ひとつから説明能力の有無を見抜きます。日頃から具体的に言語化する能力を鍛えておくことが大切です。

最後は量。ここは人によって意見が分かれるため、一概に「〇〇件掲載するのが良い」と言い切るのは難しいところです。そこで私はTwitterで「何件見て通過・見送りを決めているか？」というアンケートをとってみました。すべて隈なく見る人が大半だったものの、次いで多いのは3～5件という結果は参考になるのではないでしょうか。

7.実績が少ない場合の対処を考える

制作期間が比較的長い案件が多い会社に所属し続けた場合や、経験年数が短い場合、自然と実績の数も少なくなります。しかしポートフォリオは実案件のみを載せなければならない、というルールはありません。自分が持てるスキルを証明できる情報なら、案件以外の実績も積極的に掲載して良いと、私は考えています。

例えば、実際に採用されなかった没案を、没になった理由を踏まえてブラッシュアップしたものを掲載するのもアリですし、世にあるWebサイトを自分なりに分析し「自分ならこう作る」と改善案を作るのも良い試みです。またプライベートで何かこだわりを持って作っているものがあれば、作り手としての熱意を証明する上で有効です。

8.制作実績以外に掲載できることを考える

「4.募集人材に求められるレベルを正確に把握する」でも触れましたが、経験年数が長くなるほど組織に貢献する力も求められやすくなります。そういう意味でも案件だけでなく、組織の生産性を向上させるためのスキル・実績を掲載するのも有効です。多くの場合は面接時に聞かれるのですが、それをポートフォリオで先に見せるのです。

組織に貢献する力とはすなわち、他者を巻き込んで生産性を向上させる働きです。後輩への指導、積極的な情報収集と組織内への共有、勉強会の企画・実施、車輪の再発明を防ぐ工夫など、ここで紹介したもの以外でも沢山あるはずです。ポートフォリオ作りをきっかけに自分自身の活動を振り返り、言語化しておくのも大切な営みと言えます。

9.ポートフォリオを第三者にレビューしてもらう

頑張って作ったポートフォリオは思い入れも強いため、特にレビューなどもなく転職活動に利用することが多いと思います。しかしポートフォリオに限らず、作ったものを客観的に見るのは大切で、自分では気づかなかった粗が必ず見えます。自分以外の誰かにレビューを依頼するのは、選考通過率を上げるためにも大切なのです。

身近にレビューしてくれる人が居ない場合も、有料レビューサービスやキャリアカウンセラーに見てもらう方法があります。またSNSで尊敬するデザイナーにレビューをお願いする手もあります。Twitterでアンケートをとりましたが、五分五分の確率で見てもらえるかもしれないという結果でした。思い切って依頼してみるのも良いでしょう。

10.選考で損をするNG手法

最後は選考を通過しない人に共通する「NG集」です。採用担当者はポートフォリオの表面的な美しさだけを見るのではなく、そこに記された情報の裏にある「採用希望者の人柄」を見ます。採用活動は事業を継続する上でも土台作りに等しいため、誤魔化しや偽りを見抜く上でも、厳しい視点で内容を精査しています。

最後に

あらためて結論です。ポートフォリオは採用担当者の視点を踏まえて作ることで、確実にブラッシュアップすることができます。ここで挙げた10のヒントを参照することで、転職希望者の方々の選考通過率が高まることを願っています。

お知らせ

この記事内容を話したセミナー動画を無料でご覧いただけます

本記事の内容を私が話しながら説明した動画が、今日から7日間限定でWEBSTAFFのサイトから配信されます。文章で読んでいただくよりも分かりやすいと思いますので、より詳しく理解したい方はぜひこちらをご覧ください。

【7日間限定録画配信】元UI/UXデザイナー採用担当が教える！ワンランク上のポートフォリオ作り10のヒント

Clubhouseで限定イベントを開催します

特別企画として3月19日（金）の20:00からClubhouseにて「NTT Com「KOEL」荒砂氏と語る！デザイナー転職、ココだけの話【ポートフォリオ編】by WEBSTAFF」というイベントを開催します。このポートフォリオ作りのイベントを企画してくださったWEBSTAFFの石川さんと、ポートフォリオ作りに関してあれこれと雑談する予定です。当日は私以外でデザイナー採用に関わっている方もゲストとしてお話いただく予定なので、そちらもぜひチェックしてみてください。

NTT Com「KOEL」荒砂氏と語る！デザイナー転職、ココだけの話【ポートフォリオ編】by WEBSTAFF

月に一度「NeWork」でデザイナーのゆる飲み会やってます

昨年から開催していたデザインシステム雑談会に集っていただいた方を中心に、今年に入って毎月いろんな会社のデザイナーが集まれるゆるいオンライン飲み会を開催しており、次回は【3/26（金）】に開催します。ちょっと変わっているのが、集まりの場をNTT Com が制作しているオンラインワークスペース「NeWork」を使っている点で、色々とある小部屋に自由に出入りしたり、気になる部屋に聞き耳を立てたりといった楽しみ方ができて、過去に開催した際にもとても盛り上がりました。デザイナーという言葉に興味を持たれる方であればどなたでもご参加OKです。私のTwitterアカウント宛にDMいただければお誘いします！

ポートフォリオ作りでお悩みの方はこちらの記事もどうぞ

元デザイナー採用担当が教える、選考通過率の高いポートフォリオ作成術

NTT Communications のデザインスタジオ KOEL に入社しました

入社日から時間が経ってしまいましたが…。9月1日からNTTコミュニケーションズのデザインスタジオ「KOEL」にUIデザイナーとして入社しました。KOELという名を初めて聞いたという方も多くおられるかと思います。KOELは2020年4月にNTTコミュニケーションズ社内に設立された、デザインを専門とする組織です。

チームにはNTTコミュニケーションズ、NTTグループ内でデザインの浸透に邁進してきた鉄人の方々、若くて有望なデザイナーたちが、日々社内外の様々なプロジェクトにデザインの力を発揮しようと邁進しています。そんな中で私もUIデザイン領域の専門家として、早速いろんなプロジェクトに関わらせていただいています。

KOELという名はちょっとユニークですが、この名前になんとなくピンと来るところがありました。聞くとこの名前には、あらゆるものを「超える」という意味が込められているとのことでした。ロゴには真ん中に斜めの切込みが入っていますが、この角度は人が物を投げる時に最も遠くへ飛ばせる40.89°になっているそうです。

NTTグループは元々国営でもあり、多くの大企業の中でも特に、お堅い、古い、といったイメージが私の中にもありました。そんな前提がありながらも、チームのメンバーと会話を重ねれば重ねるほど、NTTっぽいイメージではなく、良い意味でNTTらしくない、新しいイメージが自分の中に築かれていくのが分かりました。

NTTコミュニケーションズは通信事業の分野でまさに「社会のインフラ」を支える企業。民営でありながら、ある種の使命感が期待される企業でもあります。そんな中、デザインの力でお堅い社内の成約、古い価値観、社会における常識を超え、そして通信事業分野として物理的な距離を、デザインの力で超えることを信じる人がKOELには集まっています。

…と、かなりカッコよさげな話をしていますが、ジョインしてみてまだまだそうした理想に及んでいない部分も見てきました。巨大な組織の中でデザインを根付かせる活動は、予想以上に草の根的な動きが必要になる部分もあり、これまで自分が悩んだことのない問題にも早速ぶち当たりまくっています。

しかし、仲間として受け入れてくださったチームの方々は、皆デザインにおけるどこかしらの領域のプロフェッショナルでありつつ、自分たちの組織に誇りを持っていて、フランクで前向きで、一緒に問題を解決していこう！と協力しあう、ポジティブな空気が漂っています。コロナ渦でリアルに会ったことも無い人がいるにも関わらず、このチームワーク感は半端ないです。

社会インフラの常識を超えるなんて、自分ひとりの力では到底難しい話です。しかし、NTTコミュニケーションズの各領域のスペシャリストと、デザインを専門とするKOELが力を合わせれば、理想として掲げる「Smart World」の実現に、自分も少しでも貢献できるのでは？と思ったりもしています。

最後に所信表明的な話で、ちょっとした夢を語っておきます。3年以内でどのくらい目標達成できたか、また振り返ってみたいです。

コーポレートサイトのリニューアル
各種プロダクト、webサイトのデザインガイドラインの整備
新規事業立ち上げに関わるプロダクトのUI制作
社内における「分かりやすく美しい提案資料」制作力の向上
社内における「webサイト制作力」の向上
デザイン業界でのKOELのプレゼンス向上
KOELで一緒にUI領域を広める仲間を採用
何かしらデザインに関する書籍の出版

KOELについて詳しく知りたい方は、ぜひ以下のリンクをご参照ください。それでは今後とも荒砂とKOELをよろしくお願いします！

KOEL DESIGN STUDIO by NTT Communications
note KOEL
note KESIKI ｜カルチャーデザイン03　チームへの誇り

元デザイナー採用担当が教える、選考通過率の高いポートフォリオ作成術

ここ最近、転職するにあたって約10年ぶりにポートフォリオを作りました。私は元々ポートフォリオ作りが苦手で、力が入りすぎていつまでたっても完成しない…といった状況になりがちだったのですが、今回はわりとすんなり完成しました。

その理由は、ここ数年でデザイナーの採用に関わり、採用担当者の目線で沢山のポートフォリオに目を通す機会が増え、作成において気をつけなければならない点がなんとなく分かるようになったからだと感じています。

そこで今回は、こんなポートフォリオなら選考を通過しやすいのでは？と思うことをまとめてみたいと思います。尚、考え方は企業や採用担当者によって異なるので、あくまでも個人の考えとしてご参照ください。

作成前に踏まえておきたい認識

そもそもポートフォリオとは

まず辞書で「ポートフォリオ」の意味を調べてみると、「紙挟み」「折鞄（おりかばん）」とあります。これは書類をまとめて入れておくケースのようなもので、必要に応じて書類の差し替えができるものです。

過去の私を含め多くの人が、ポートフォリオは一つの完璧な完成品を作るもの、と誤解している節があります。しかし元々の意味合いを踏まえても、提示する相手によって都度内容を調整するもの、というのが正しい認識です。

就職活動で使うポートフォリオなら、受ける企業の業務に合わせて掲載内容や掲載順を調整すべきですし、営業ツールとして案件を受注するためのポートフォリオなら、ターゲットとする顧客の悩みに近い参考事例を中心に掲載することになります。

ポートフォリオは「作品集」ではなく「解決事例集」

ポートフォリオはデザイナーの作品性・作家性を相手に見せつけて優越感に浸るものではありません。課題解決のステップや考え方と共に最終的なアウトプットを事例として見せ、相手に安心してもらうためのツールです。

上図の上半分のように「自分の実績を見てくれ！」という気持ちが優先されると、受け手に響きにくくなります。逆に「私と仕事をすれば具体的にこんなことをするのでメリットがありますよ」と伝えられると、良い結果に結びつきます。

見る側の視点に合わせ、どんな絵や言葉が入っていたら、自分という人材が役に立つと思われるかを、とことん突き詰めて考える必要があります。

採用担当者の興味を引くための5つのコツ

1）構成要素はプロフィール1割：実績9割にする

上図のように、転職活動で必要になる書類はポートフォリオ以外にもいくつかあって、それぞれに役割があります。実績以外は履歴書や職務経歴書で満たされるので、ポートフォリオには実績のみを掲載するのが合理的です。

とは言え、名前を含む簡単なプロフィールくらいはあった方が親切なので、それらを1割程含めたバランスが良いと思います。くれぐれも不要な情報でページ数をかさ増ししないようにしましょう。その方が採用担当者の確認の負担も少なくなります。

2）自分語りは書類選考通過後にする

選考ステップで初めてポートフォリオを目にする書類審査では、何よりもまず実績が求めるレベルに適っているかを見定めます。そのため、志望動機を除いて上図のような「自分語り系コンテンツ」は読み手にとって優先度が低い情報になります。

書類審査を通過して実際に面接で顔を合わせる時に、十分に詳細を伝える機会があるので、ポートフォリオの中では長々と語らないようにしましょう。もし語るとしても、ボリューム少なくサラッと見せるようにしましょう。

3）企業と自分の特性が重なる案件を目立たせる

前提でお伝えした通り、ポートフォリオの役割は「この人と仕事をすれば自社にメリットがある」と感じてもらうことです。そう考えると、受けようとしている会社の実績と近い実績が目立っていた方が、受け手としても入社後の活躍を想像しやすくなります。

例えば、インタラクティブ性の高いキャンペーンサイト作りが得意な制作会社に対して、コーポレートサイトの実績を強調して掲載しても、「この人を採用して活躍してくれるのだろうか…？」という気持ちにさせてしまいます。

対象企業の業務内容や実績をよく確認し、企業の強みと自分の強みが重なる実績を中心に掲載することが大切です。

4）未踏の領域にチャレンジする際は自主製作を含める

しかし、グラフィックデザイナーからwebデザイナーに転身する場合、LPなどが得意なデザイナーがプロダクト系のUIデザイナーを目指す場合など、対象企業の得意領域に対して、自分の経験や実績がマッチしない場合もあります。

新たな領域にチャレンジする勇気は素晴らしいものですが、採用担当者の気持ちとしては「いくらこの領域に強くても、うちの得意領域で強みを発揮できるのかな…」と不安になるのが正直なところです。こんな時に有効なのが、自主制作の実績です。

例えばUIデザイナーを目指すなら、Daily UIで作った100画面を並べるのも良いし、web制作経験がないけどwebデザイナーになりたいなら、自分なりに企業サイトのリニューアルデザインを作って掲載するのも良いかもしれません。

精神論的な言葉になりますが、採用担当者に「熱意」を届けるのはとても大切です。ここで言う熱意は一重に「数」と言えるでしょう。とにかく、誰が見ても驚くほど沢山の自主制作を掲載すれば、採用・不採用はともかく、熱意は必ず伝わります。

圧倒的な数が見えると「実績はないけど、ここまでやる気があるなら入社しても頑張る人なのかもしれない…話を聞いてみようかな」と考えてもらえるかもしれません。

5）体裁も自分の強みを見せる手段ととらえる

ポートフォリオの体裁について、webデザイナーだからブラウザで見れる形式の方が印象が良いのでは？紙にプリントしたポートフォリオが無いと手抜きと思われるのでは？といった悩みはないでしょうか。

実際のところ、こんな形が最適という答えはありません。採用担当者は、どんな体裁でまとめているかよりも、自分の能力をうまくプレゼンテーションするために最適な体裁を選べているか、に注目します。

例えば開発もデザインも両方極めたいなら、ブラウザで確認できるポートフォリオがあった方が強みを証明できます。紙媒体とweb媒体、どちらも極めたいなら、HTML版と表紙や紙にこだわった冊子版、両方作った方が強みを理解してもらいやすくなります。

また、書類審査が通って対面での面接になった時、どんな形がプレゼンしやすいかを考えておくのも大切です。プレゼンの場では自前のPCにポートフォリオを映して見てもらうのがベストの自己紹介方法なら、紙のポートフォリオは不要でしょう。

また、オンラインのポートフォリオ作成サービスを使う手もあります。個人的には、デザイナーなら見せ方にも独自のこだわりを持ってほしい気がしますが、求めるレベル感に対する実績が伴うなら、問題ないとも思います。

ポートフォリオの作例

ポートフォリオサンプル（PDF形式：6MB）

ここからは実際にポートフォリオの作例をご紹介します。上記のリンクからPDF形式でご覧いただけます。このサンプルは私の直近のポートフォリオをベースにしたもので、いくつかの部分をダミーのサンプルに置き換えたものになります。

サンプルと実際の私の実績が混在しますが、画像マークやダミーと書いた部分は仮のものと認識いただければと思います。本来なら転職用に作ったものをそのままお見せできればよいのですが、非公開も含まれるため、こんな形をとらせていただきました。

とはいえ、何も画像がないとイメージしづらい部分もあるので、2011年以前に関わった昔のプロジェクト画像で一部使えそうなものは掲載しています。古い案件イメージでちょっと恥ずかしいのですが、何卒ご了承ください。

もしも私が実際に関わった直近のプロジェクトが気になる方は、株式会社ベイジの実績ページをご確認いただいて、各ページの制作クレジットから私の名前を探していただけると嬉しいです。

尚、私は開発力に強みがないことや、面接の場でスライド形式での説明したいと考えていたため、すべでPowerPointで作成しています。

全体構成

全体の構成は5つに分かれており、レスポンス広告のセオリーである結果、実証、信頼、安心の流れをになっています。これは購入や申し込み、問い合わせをより多く獲得する上での情報設計の基本で、webサイトや広告でもよく取り入れられています。

表紙

ポートフォリオは作品集ではないとお伝えしましたが、それは無個性とイコールではありません。採用担当者は連日多くのポートフォリオに目を通すため、一目見て「何かセンス良さそう…」と感じると、中身をじっくり見ようという気持ちになります。

表紙の役割は、中身に興味をもってももらうためのきっかけ作りです。私のポートフォリオの表紙が皆さんの目にどう映るかは分かりませんが、目指したところは「なんとなくセンス良い人かも…」と思わせるところでした。

ちなみに、一応このビジュアルの意味もあります。デザイナーは複雑な物事をシンプルで分かりやすく伝える仕事なので、複雑な要素とシンプルな要素が共存したビジュアルになっています。

特長（結果：自分に何ができるのか）

まず特長パートで、端的に自分にどんな能力があるのかを伝えます。最初にフィロソフィーという形でメッセージを入れ、自分の力を3つにまとめて説明しています。このパートで、この後どんな実績があるのかを予測できるようになっています。

物事を分かりやすく伝えるコツは、大枠→詳細の流れで説明することです。本に目次があるように、人は最初に全体像を見通すことができると、安心して次の話を聞く心の準備ができるのです。

スキル（結果：さらに具体的に何ができるのか）

ここでは先に挙げた3つの特長を、実際のスキルという切り口で形を変えて伝えています。UI・ビジュアルデザインを中心に、プロジェクトマネジメント、ブランド設計、ライティング、情報設計、UXリサーチと、図解で先に全体像を示しています。

その後は、それぞれのスキルをさらに具体的な言葉で伝えています。各説明文に加えて、具体的なアウトプット、利用するツールなども含め、より対応できる内容をイメージしてもらいやすくしています。

またここでは見る人を退屈させないために、目を惹くビジュアルを組み込んでいます。文字だらけのプレゼン資料は飽きてしまうので、適度に退屈させないための工夫を入れるようにしています（UI・ビジュアルデザインの画像は2011年以前の実績です）。

実績：デザイン（実証：どのように実行するのか、したのか）

ここから実績紹介です。前段と同じく先に全体像として、私の場合は実績に3つのカテゴリがあることを伝えています。また一つ工夫している点として「私にできるデザインとは」という見出しで、できることを具体的に言語化したページを作っています。

忙しい採用担当者はとにかく結論を知りたがっています。採用希望者の方からあらかじめ、自分にできること具体的な言葉でまとめておくと、採用担当者が多くの実績から自分の目と頭で特長を把握する手間や負担が少なくなります。

そしてこちらが代表的な実績です（掲載実績情報はすべてダミーです）。思い入れのある実績が沢山あっても、忙しい採用担当者はすべてに目を通さない可能性もあります。見る人に負担を考慮して最低限見て欲しいものを選びぶのが良いでしょう。

各実績の1ページ目は、大見出しでプロジェクトの概要を伝え、詳しい状況説明を箇条書き3つでまとめます。加えて制作期間、担当領域、URLと、ここも大枠の概要から少しずつ、内容をブレイクダウンして説明する形になっています。

そして2ページ目は各案件ごとに、特に自分のこんなスキルが役立った、こんな点を工夫した、という解説を掲載しています。ここが特に案件紹介の肝で、採用担当者が最も興味を持つ部分になります。

代表実績の選定基準も重要です。サンプルの場合、1ページ目で対応可能なwebサイトの幅広さを、2ページ目で得意とする作業の幅広さを、それぞれ満たした選定になります。基準は自分のスキルを最もうまく説明できる組み合わせで選ぶと良いでしょう。

その他の多くの実績は得意領域ごとにカテゴライズして、小さなサムネイルでサッと見てもらえるようにします。ここで印象付けたいのは各案件の品質ではなく、経験が豊富にあることです。

実績がこれ以上の数になると、採用担当者の貴重な時間を無駄にし、確認の負担を増やします。この時点で興味を持ってもらえて面談に臨めるなら、面接の場でさらに色んな案件を見てもらっても良いでしょう。

実績は内容によってフォーマットを変えると良いでしょう。私の場合はロゴ制作にも強みがあるため、それらを紹介するページも設けています。これらも流れは同じで、主要案件を強調して見せた上で、その他は流し見できる作りになっています。

実績 – ライティング・登壇（信頼・安心：第三者視点でどんな評価か）

ライティング・登壇以降のページは実際の私の実績になります。

私のスキル含まれるにライティングと登壇は、デザイン制作実績のような実際の技術とは違った側面を持ち合わせています。SNSでの記事のシェア数や書籍への寄稿などは、第三者からの評価を証明するものでもあるので、信頼・安心を担うコンテンツとしてここに掲載しています。

各実績ともに、できるだけ見出しやタイトル画像、写真を露出させ、実際の記事URLを辿らなくても内容が理解できるようにしています。忙しい採用担当者は詳細URLまで目を通す可能性は低いため、こうした配慮はとても大切です。

プロフィール

プロフィールは最後の最後に1ページだけ設けています。ページ数は少ないのですが、本当に興味を持ってくださった方がさらに私のパーソナリティを追えるよう、各種SNSやブログへのリンクを設置しています。

まとめと補足

提出前のチェックリスト

以上が、私が考える採用担当者に理解してもらいやすいポートフォリオの作り方でした。チェックリストとしてまとめると以下のようになります。作成時に見合わせると、改善のヒントが見つかるかもしれません。

内容の割合はプロフィール1割：実績9割になっている
全体の構成は結果、実証、信頼、安心の流れになっている
転職しようとする企業の事業内容に合わせた実績を掲載している
未踏の領域に転職する場合は熱意が伝わるボリュームで自主制作を掲載している
最も見てもらいたい実績は5つ程度に絞り、各案件を詳しく紹介している
内容説明は、まず全体像を伝えてから詳細を語るようにしている
制作実績には制作期間、担当領域、実物が確認できるURLを記載している
第三者からの評価が分かる情報（ブログ記事、登壇、受賞歴）を掲載している
自分のパーソナリティをさらに確認できる情報にリンクさせている
体裁は、自分の強みが伝わること、面接でプレゼンしやすいことを考慮している

とは言え、ポートフォリオの表現に制限はありません。要は自分の魅力が担当者や企業にしっかり伝わるようなアプローチ方法を意識して選べるかどうかが大切です。

新卒デザイナーは例外

尚、ここまで長々とテクニカルな話をまとめましたが、新卒でデザイナーを目指す人のポートフォリオに限っては、ここまでの配慮は求めません。粗削りでも、モノづくりに対する情熱が見えれば、それだけでポテンシャルを見込まれる可能性があります。

逆に言えば、数年でも現場でデザイナーを経験している場合、転職時に自分本位で見る人への配慮が足りないポートフォリオのまとめ方をしていると、実際のデザイン業務でも配慮が足りない人なのでは？と思われる可能性もあります。

ポートフォリオが良くても選考を通過できない場合もある

ポートフォリオ以前に一つ把握しておきたいことがあります。それは、企業はチームの構成バランスを考えた上で求人を出しているため、募集中のスポット枠も数が限られているということです。

スキル的に申し分無くても「丁度昨日、枠が埋まってしまった」となると、選考を通過できなくなります。またスキルが募集要項に対してオーバースペックすぎてもマッチしない場合があります。

最後に

ここでまとめたことでもそれ以外でも、ポートフォリオの作り方について質問してみたいことがあれば、Twitterからお気軽にご連絡ください。受け手の気持ちを考えたポートフォリオを作って、ぜひ転職を成功させてもらえればと思います。

荒砂智之のTwitterはこちら

お知らせ