HTML5に関するW3Cのスライドをリデザイン

W3CがHTML5について説明を行ったときのスライドが総務省のWebサイトにて公開されています。このスライドを基に「私ならこういうスライドでプレゼンをする」と思えるスライドをデザインしてみました。

先日、Twitter経由で「Web標準化 (W3C) とHTML5の状況 (PDF形式)」というスライドが総務省のWebサイトで公開されているのを知りました。早い時期から国に働きかけているのだなと関心しましたし、どのような内容を紹介しているのだろうと興味があったので早速ダウンロードしてみました。HTML5 の概要をコンパクトにまとめている点は良かったのですが、プレゼンのスライドとしての質はあまり高いものではない内容でした(一番最後のページに「ありがとうございました」と書いてあるのでスライドの可能性大)。

W3Cに携わる教授という視点だと考えられなくはない内容なのですが、国の方(もしくは IT プロフェッショナルではない方)に向ける内容ではない気がしました。せっかくHTML5を多くの方に知ってもらうという素晴らしい機会があってもこれではどうかなと私は思いました。以下が私が気付いた課題点です。

総務省Webサイトで公開されているスライドのデザイン
  • 配布資料とスライドの兼用になっている。結果的にスライドの情報量が多くフォーカスがしにくい
  • 概念図は不要。技術畑の人であれは多少興味あるかもしれないが、英語表記が多く何が書かれているかかえって分かり難くなる
  • 「ゲームが作れる」という国の視点でいえば全くメリットがない表記が幾つか
  • 最初に「HTMLとは」という親切なスライドで始まるが、そのあとが深い技術話ばかり
  • 仕様は分かるが具体性に欠ける

文句ばかり言うのもどうかと思うので、以上の課題点を基に「私ならこういうスライドを作ってプレゼンをするだろう」という資料を実際作ってみました。今のような文字情報ばかりのスライドではなく、自分が話すときの補助として使えるような画像と、読みやすいレイアウトと文字量に調整しました。以下が改善点・提案になります。

長谷川恭久がリデザインしたスライド
  • 最初のスライドでどのような構成が話が進んで行くのかを明記
  • サブトピックに入る際も最初にイントロダクションを行い概要を述べる
  • スライドを長時間読ませるのではなく、パッとみてある程度理解出来るものにする(話に集中してもらいやすい)
  • 紹介した技術に関してさらに詳しく知りたい方は「詳細情報」として、配布資料をつくるかプレゼン用のWebページを設ける
  • 概念図は排除し、実際その技術で何が出来るのかのみ簡潔に説明
  • ひとつひとつの技術に対して具体的な提案を 1,2 添える

作ったスライドは SlideShare にて公開されています。結局のところスライドは話す人の趣向や性格に大きく左右されるので、私が作ったスライドの方が良いと言い難いところがあります。また、話した相手がどういった方かも分からないですし、私たちの視点からでは見えない様々な事情を考えると、今公開されているスライドがベストなのかもしれません。いずれにせよ、情報を再構築して最適な文章を書いたり、レイアウトを作り上げていくプロセス自体は楽しかったので私的には満足です。

こうしたプレゼンをきっかけに新しいブラウザへの積極的な移行を促すことが出来れば利用者も開発者も皆幸せになりそうですね。日本として文字組がどうなるかも含め、今後に期待したいところです。

筆者について

Photo of Yasuhisa Hasegawa

デザインやコンサルティングを通じてWebの仕事に携わる活動家。Webとデザインをキーワードに情報発信をしているだけでなく、各地でWebに関するさまざまなトピックで講演を行ったり、多数の雑誌で執筆に携わる。

  • http://www.calmtech.net/ CalmTech

    今回の取り組み内容、興味深く読ませていただきました。
    リデザインの結果について、個人的に感じたこととしては、
    ・まず興味を持ってもらうという軸がぶれないので内容に集中しやすい
    ・これからHTML5を学びたい製作者にもきっかけとなる良いまとめ
    という点でした。問題としている点も納得です。
    勉強になりました。

    元の内容の悩みどころは、参加者の前提知識が利用者なのか製作者なのかが
    把握しきれないことと、両者をカバーしようとしても、発表者の得意方向に
    傾くということ、その結果、参加者が「ついていけない」と感じたら
    意欲をそぐリスクがあることでしょうか。

    参加者の前提知識や状況によりけりという点は同感です。
    ただ、総務省のサイトで公開されることを考慮すると、
    もっと利用者よりがベターだと個人的には思います。

    自分ならどうするかと考えたときに、技術的な意義からのアプローチは
    前述のリスクがあるので、Futureに相当する内容を前半に持ってきて、
    現状とHTML5導入後の対比から始めてはどうだろうと思いました。

    特に位置情報取得とインタクラクションの向上に焦点を向け、より身近な
    デバイス(ブラウザ以外)にも恩恵があるという内容を強化し、技術的な内容を
    もう少し浅くすると思います。

    製作者向けには、やや物足りなくなるかもしれませんが、今はWebサービスが
    生活様式に大きく影響を与えることを考えると、なるべく身近に感じて
    もらうことは効果がありそうという予想です。

  • ヤスヒサ

    @CalmTech
    プレゼンといってもスライドと喋りでワンセットなので、いろいろな見せ方があると思いますし、今回紹介したのもそのうちのひとつに過ぎないと思います。CalmTechさんが提案しているFutureを先に移動して話を展開するという構成も良さそうです。
    HTMLを意識して Web を利用している方は専門職の方以外はいないわけですから、HTML5になってもそれは変わらないですよね。でも、専門職以外の方に技術のもつ可能性を信じてもらいたいときはあるので、そのときにアプローチを少し変えることで私たちの視点では思いつかないおもしろい対話が生まれるのかもしれません。

  • just a reader

    元ネタからこのような意図でこのように改変します。というこの記事そのものがよいレクチャーとなる記事です。できあがった結果よりも、このように直すこともできますよという思考プロセスの紹介は頭の中をのぞいているような気分になり、暗黙知を言語にしているという点で素晴らしいです。

いかがでしたか?

閉じる 共有する

記事はお楽しみいただけましたか?役に立つ情報でしたか?ぜひ他の場所で共有してみてください。