イマドキのCMSトレンドからWeb運用を再考する

1. イマドキのCMSトレンドからWeb運用を再考する言問株式会社藤田　拓

2. INTRODUCTION 2 自己紹介! 藤田　拓 TAKU FUJITA CMS案件ばっかりやってる扱ったCMSの数は20超え（汗やった半分くらいがエンプラ系 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer mollis vehicula ligula ut faucibus. Curabitur vestibulum consequat urna et vehicula. Suspendisse feugiat biben-dum egestas. Sed bibendum urna id sem tincidunt commod onec at dictum lectus. Fusce felis tellus, volutpat quis venenatis non, adipiscing quis orci. Integer condimentum leo ut erat ultrices mollis. Nunc ut quam adipiscing, elementum enim ac, ullamcorper magna. Curabitur a felis eu tellus tincidunt rhoncus. Cras rhoncus diam tortor, id cursus purus faucibus at. Donec at dictum lectus. Fusce felis tellus, volutpat quis venenatis non, adipiscing quis orci. Integer condimentum leo ut erat ultrices mollis. Nunc ut quam adipiscing, elementum enim ac, ullamcorper magna. Curabitur a felis eu tellus tincidunt rhoncus. Cras rhoncus diam tortor, id cursus purus faucibus at. Donec at dictum lectus. Fusce felis tellus, volutpat quis venenatis non, adipiscing quis orci. Integer condimentum leo ut erat ultrices mollis. Nunc ut quam adipiscing, elementum enim ac, ullamcorper magna. Curabitur a felis eu tellus tincidunt rhoncus. Cras rhoncus diam tortor, id cursus purus faucibus at. Donec at dictum lectus. Fusce felis tellus, volutpat quis venenatis non, adipiscing quis orci. Integer condimentum leo ut erat ultrices mollis. Nunc ut quam adipiscing, elementum enim ac, ullamcorper magna. Curabitur a felis eu tellus tincidunt rhoncus. Cras rhoncus diam tortor, id cursus purus faucibus at. Donec at dictum lectus. Fusce felis tellus, volutpat quis venenatis non, adipiscing quis orci. Integer condimentum leo ut erat ultrices mollis. Nunc ut quam adipiscing, elementum enim ac, ullamcorper magna. Curabitur a felis eu tellus tincidunt rhoncus. Cras rhoncus diam tortor, id cursus purus faucibus at. MTのフルCMS案件は2004年からやってる

3. TOC 3 目次! Webリニューアル案件の悩みポイント２つをピックアップ（5分）日本・海外CMSマーケット・トレンドの状況 (5分）エンプラ（エンタープライズ）なCMSの変化（15分） Webの運用のこれから（5分）

4. 4 ! まずはWebリニューアル案件の悩みポイント２つをピックアップ

5. スマートフォンサイトのアクセスは増えている耳タコでしょうが・・しかし、

6. Web担当者forum スマホサイトへの最適化要望は高くない？不満を抱えつつ利用するユーザーの姿 http://web-tan.forum.impressrd.jp/e/2013/02/22/14591 スマートフォンサイトへの満足度は全体的に低いヘタなスマートフォンサイトよりはPCサイトを見たいという要望がある。特に20代、30代はスマホ最適化の必要も感じていない人が多い。

7. プロトタイピング等いろいろやっているとは思うけど、実際、PCサイトと比べて探している情報を見つけ出すのは難しい狭いディスプレイのスマートフォンでは百貨店的な情報陳列は難しい。（でもそういう配置のPCサイトの方が見たいと思われている）

8. もっと狭いディスプレイがでてきてますが・・

9. Webリニューアル案件の悩みポイント1 画面が小さいデバイスでのデザインをどうすればいいか？

10. もう一つ

11. フルCMS案件サイトのほぼすべてをCMSで実装する

12. 例えば・・お客様の要件をしっかり訊き、サイトの利用者の行動を把握するように時間をかけ、それらをふまえた構成書を作り、デザインもガッツリお金かけて作って更に僕らは最高に更新しやすいCMS実装を行いました！

13. でも、サイトをリニューアルした後、なぜか更新されるのはお知らせとか製品情報のみなんだ。。とても更新しやすいCMSの管理画面を作ったのに更新されないページがいっぱいあるんだよ。。

14. いろいろな意見をもらった結果、製品トップページの情報配置を変えたいと相談したのですが「テンプレート作り直しです」といわれました。。。またお金かかるし、時間かかるのか。。

15. あー、フルCMS実装なんてするんじゃなかったかあ・・フルCMS案件にネガティブな印象が残ることも

16. Webリニューアル案件の悩みポイント2 CMSをいれても Webサイトが活性化していない？

17. 18 ! 閑話休題日本・海外CMSマーケット・トレンドの状況

18. Site Publis Interwoven NOREN DBPS 静的CMSが強かった！ http://www.itr.co.jp/company_outline/press_release/120626PR/index.html

19. その後は？

20. http://www.micsnet.co.jp/news.html?blockId=243556&newsMode=article 内訳も知っていますが、版権上いえません。おおまかにいうと、海外CMSが伸びている！静的CMSが減っている！

21. 海外のCMS評価をみてみます

22. 23 ! 2009, 2011, 2013年におけるCMS評価の変遷（Forrester Adobeは2010年にDay Softwareを買収。よって、Day Software = Adobe 日本・海外CMSマーケット・トレンドの状況

23. 24 ! 2009, 2011, 2013年におけるCMS評価の変遷（Gartner Gartnerと同様、Adobe, Sitecoreが評価を上げている。この2WCMが強いといわれる機能がデジタルマーケティング対応。尚、オープンソースのAcquia Drupalもデジタルマーケティング対応の機能を有している。日本・海外CMSマーケット・トレンドの状況

24. AdobeとSitecore の伸びが堅調。 Acquia Drupalも Leaderに！いずれもデジタルマーケティング対応機能を装備。

25. 26 ! エンプラ（エンタープライズ）なCMSの変化エンプラ（エンタープライズ）なCMSの変化

26. 27 ! その昔のエンプラCMS 編集機能リリース管理校正・承認ユーザー管理開発・運用エンプラ（エンタープライズ）なCMSの変化

27. 28 ! 編集機能リリース管理校正・承認 •承認ワークフロー •バージョン管理 •権限 •ちゃんとした時間に公開されるか（リリース管理） •大規模対応 •分散対応ユーザー管理開発・運用エンプラ（エンタープライズ）なCMSの変化つまんねー機能コンテンツとあまり関係もない（かつ、承認ワークフロー機能についてはガッツリ使えるものがあまりない、つまり、ついてるだけ）その昔のエンプラCMS

28. 29 ! イマドキのエンプラCMS機能編集機能リリース管理校正・承認ユーザー管理開発・運用デジタルマーケティングエンプラ（エンタープライズ）なCMSの変化

29. 30 ! イマドキエンプラWebCMS 編集機能校正・承認デジタルマーケティングエンプラ（エンタープライズ）なCMSの変化

30. 31 ! 編集機能エンプラ（エンタープライズ）なCMSの変化

31. 32 ! 編集機能：カスタムフィールド型（よくあるタイプカスタムフィールドとは入力欄をあらかじめ定義し、特定の仕様を持ったフォームに入力を行うことでページを編集する機能です。 WCMによっては定義が完全に固定なもの、繰り返しが可能なもの、ある程度自由に呼び出しが可能なものに分かれます。実装者にとってはとてもやりやすい。更新者にとってもある程度定形のため楽。各フィールドの再利用性も高い。しかし、テンプレートとがっつり密結合しているケースが多く、画面の仕様変更に弱い。（条件分岐とかメチャ入れてたらもっと大変）エンプラ（エンタープライズ）なCMSの変化

32. 33 ! 編集機能：ブロック型　１ページを部品で構成するという概念でページ作成を行うタイプがブロック型です。これに対してカスタムフィールド型はページに対して１ブロック内にフィールドを詰め込んでいるともいえ、柔軟性ではブロック型が有利ですブロックを縦横に移動可能なタイプエンプラ（エンタープライズ）なCMSの変化

33. Concrete5みたいな編集機能はエンプラCMSではアタリマエオープンソースでもJava/.netならわりと普通

34. 35 ! エンプラＣＭＳの編集デモ動画　　 Adobe CQ5（EMの前バージョン） Oracle WebCenter Sites 商用CMS オープンソース Java/.net （これら以外にもいっぱいあります） DNN Platform エンプラ（エンタープライズ）なCMSの変化 http://youtu.be/awmBdco5zwk?t=1m24s http://youtu.be/OugB1nmRAzM?t=30s http://youtu.be/3IDPbqsMZfo?t=2m33s OpenCMS Jahia http://youtu.be/uwZ-eSEo5tQ?t=7s http://youtu.be/OsX2tDsWPW8?t=9m22s

35. ちなみにPHPだけどDrupalもできますよ http://youtu.be/cCwYayEyBBw?t=1m3s

36. 誤解のないように補足するとブロック型の編集だけでは足りないです。コンテンツやデータ管理はカスタムフィールド型がいいと思います。実際、先ほどブロック型のところで紹介した CMSは両方の機能を併せ持っています。

37. 38 ! 校正・承認エンプラ（エンタープライズ）なCMSの変化

38. ライトなCMSが目を背けがちなところそれがプレビュー

39. マルチデバイスでのプレビュー多言語環境でのプレビュー会員／非会員等の各会員権限でのプレビュー仕様でできません。必要ですか？管理画面カスタマイズです。仕様でできません。必要ですか？じゃ、分離しましょう。ページ登録した後、各会員権限でログインして確認してください。これらの要件にイイワケをしてませんか？

40. 41 ! エンプラとかＪａｖａ系のオープンソースとか Magnolia Crafter CMS hippo CMS http://youtu.be/Zmnkxk9rOSg?t=53s http://youtu.be/Zmnkxk9rOSg?t=53s http://youtu.be/Zmnkxk9rOSg?t=53s Oracle WebCenter Sites エンプラ（エンタープライズ）なCMSの変化 http://youtu.be/OugB1nmRAzM?t=2m3s

41. （素朴な疑問）様々なデバイス・環境で見る人が増えているのにプレビューできないってどういうこと？ CMSはこんなものなんですよというイイワケがまだ通用するから（でもそろそろ通用しないよ）

42. 43 ! デジタルマーケティングエンプラ（エンタープライズ）なCMSの変化

43. 44 ! Ａ／Bテスト　 Jahia Webinar - WEM - A/B Testing エンプラ（エンタープライズ）なCMSの変化同一URLでA/Bテストを簡単に行える http://youtu.be/ZZTE7jzeJKY?t=53s

44. 45 ! ＩＰからのユーザー把握　エンプラ（エンタープライズ）なCMSの変化 ipから国、都市、企業名、業種を特定 Youtube: Marketo Real-Time Personalization http://youtu.be/LykRiNziT-4?t=55s

45. 46 ! ユーザートラッキング機能　完全匿名状態準匿名状態非匿名状態全然誰かわからないユーザーサイトにアクセスしサイト内を回遊エンプラ（エンタープライズ）なCMSの変化他と区別されたアクセスユーザーA IPアドレスから国、都市、企業名、業種を取得見ているページから趣味趣向興味を取得行動パターンや滞在時間からロイヤリティを取得顕在化したアクセスユーザーA 興味を示しそうな内容を用意し、「さらに詳しい情報のPDFありますよ！」と促し、取得時に簡単な入力をさせる。それまでのサイト回遊情報と紐付けをして、その後も行動を追い続け、ロイヤリティのスコアを付けていく非会員サイトの場合、多くのWebはこの状態でユーザーのPVやクリックのみをみている

46. 47 ! ユーザートラッキング機能　完全匿名状態全然誰かわからないユーザー準匿名状態非匿名状態サイトにアクセスしサイト内を回遊エンプラ（エンタープライズ）なCMSの変化他と区別されたアクセスユーザーA IPアドレスから国、都市、企業名、業種を取得見ているページから趣味趣向興味を取得行動パターンや滞在時間からロイヤリティを取得顕在化したアクセスユーザーA 興味を示しそうな内容を用意し、「さらに詳しい情報のPDFありますよ！」と促し、取得時に簡単な入力をさせる。それまでのサイト回遊情報と紐付けをして、その後も行動を追い続け、ロイヤリティのスコアを付けていく非会員サイトの場合、多くのWebはこの状態でユーザーのPVやクリックのみをみているこれらの実践により、ログイン機能のないサイトでも個々のユーザーのペルソナを特定できるようになります。

47. その上での

48. 49 ! パーソナライゼーション／セグメンテーション　 HippoCMS in just under 3 minutes http://youtu.be/AR3mVEZOEok エンプラ（エンタープライズ）なCMSの変化この手のCMSの説明としては短い間にわりとまとまった動画です。でも英語なんで・・次のページから少し説明します。パーソナライゼーション／セグメンテーションとはユーザーの環境や行動、属性ごとにコンテンツを出し分けることです。実はAmazonのShop等でも既にやっていることでもあります。

49. ユーザーの場所を把握し、その近くで行われるイベントを表示コンテンツの出し分けの例ユーザーの好みに合わせてコンテンツを表示ユーザーの訪問履歴を把握し、メッセージを表示曜日によって、メッセージの出し分け HippoCMS in just under 3 minutes http://youtu.be/AR3mVEZOEok?t=13s

50. コンテンツの出し分けの設定例先ほどのキービジュアルの部分の例です。 •標準設定 •月曜日 •月曜日、かつ、オランダからのアクセス •火曜日 •水曜日の設定がされており、先ほどのキービジュアルを見ていたのは、「月曜日、かつ、オランダからのアクセス」という条件だったことがわかります。 HippoCMS in just under 3 minutes http://youtu.be/AR3mVEZOEok?t=13s

51. 出し分け(セグメンテーション)の設定項目出し分けの設定項目は •どの市からアクセスしたか？【comes from (city) 】 •どの国からアクセスしたかか？【comes from (country) 】 •どのページを見たか？【has visited (web page) 】 •新規訪問者かリピーターか？【is a (returning or new visitor) 】 •天気は？【is experiencing weather (weather type) 】 •どのログインユーザーグループか？【is logged in as (group) 】 •どのURLから訪問したか？【is referred from (url) 】という条件が見えます。スクロール下には曜日や時間の設定等もあります。 HippoCMS in just under 3 minutes http://youtu.be/AR3mVEZOEok?t=13s

52. ペルソナを設定してプレビュー様々なコンテンツの出し分けを設定してもその確認（プレビュー）ができないと意味がありません。このCMSでも、 •どこからきたことにするか？ •どのユーザーグループにいることにするか？ •新規ユーザーか？ •いつサイトに訪問したことにするか？ •どのページからきたことにするか？という項目ごとに自分をなりすますことが可能で、なりすましたそのペルソナでプレビューができます。 HippoCMS in just under 3 minutes http://youtu.be/AR3mVEZOEok?t=13s

53. 54 ! 簡単なセグメンテーション主体ユーザー属性出力するコンテンツ自治体県内地元向け広報地元向け公告県外観光情報主体ユーザー属性出力するコンテンツ金融系企業一般近所の店舗案内、口座案内、NISA 大学生学生向け金融商品、新卒採用情報一般企業企業向け商品、中途採用情報金融系企業中途採用情報エンプラ（エンタープライズ）なCMSの変化

54. でも、こんなの回せるの？使えるの？

55. ここで、イマドキな編集機能やプレビューが生きてくる！編集機能校正・承認デジタルマーケティングブロック型編集管理マルチチャネル/条件プレビュー

56. 導線導線どっちの導線がよくクリックされている？それぞれどんな属性の人がよくクリックしている？じゃ、それぞれに出し分けましょう。

57. ポイントはZero IT Youtube: Marketo Real-Time Personalization http://youtu.be/LykRiNziT-4?t=3m59s

58. 高速な PDCA Zero ITじゃないと高速に回せない

59. 実はデジタルマーケティング対応機能が CMSになくても Saasの解析ツールやマーケティングツールでやることも可

60. 解析系にも GA以外がいっぱいあり、中にはユーザートラッキングができるものもあります。 https://segment.com/integrations

61. 62 マーケティングツールもいろいろ！ https://segment.com/integrations

62. 日本で大きく展開しているマーケティングオートメーション(MA)ツールとしては Marketo、Hubspot、Eloqua(Oracle)があります。 Marketo: http://jp.marketo.com/ Hubspot: http://jp.hubspot.com/ Eloqua: http://www.oracle.com/jp/corporate/features/marketing-automation/index.html

63. 比較サイトでみるといずれも上位に位置しています https://www.g2crowd.com/categories/marketing-automation

64. but

65. MAツールなのにCMSで上位に。 https://www.g2crowd.com/categories/web-content-management/

66. MAツールが CMS機能をつけている！先ほどのHubspotが上位となっている結果についてですが投票している人がマーケティング寄りの層が多い等があるのかもしれません。でも、それにしても見逃せない結果です。

67. 68 ! Webの運用のこれから Webの運用のこれから

68. 69 ! ２０１１年位までのＣＭＳの視点　実装者が実装しやすい！問題ない情報を正しくリリース Web解析、アンケート、会社事情等で発生した改善事項を反映するための攻防

69. 70 ! イマドキのＣＭＳの視点　ユーザーの行動／属性を把握し、 Webの情報を改善していくコミュニケーションそれも高速に！

70. 71 ! Webリニューアル案件の悩みポイント２つをピックアップについての私見

71. Webリニューアル案件の悩みポイント1 画面が小さいデバイスでのデザインをどうすればいいか？

72. ユーザーをリアルタイムに理解してファーストビューが狭いからこそコンテンツの出し分けでよりユーザーに適したコンテンツをちなみに今すぐほしいの出てた

73. プロトタイピングもユーザー個別にコンテンツを出し分けることができる前提で考えてみると変わってくるかもしれない。

74. Webリニューアル案件の悩みポイント2 CMSをいれても Webサイトが活性化されない？

75. たとえば最高のサッカーボールが用意され家の横にはグランドがあるサッカーゴールまで用意されているだけど、息子はサッカーをしてくれない・・

76. 環境を用意すれば積極的に取り組むというわけではないツール(CMS)を用意すれば積極的に取り組むというわけではない

77. なぜ？

78. コミュニケーション http://www.takeactionfoundation.net/news/2011/173.html

79. 言葉で会話することだけがコミュニケーションではないです。相手（ユーザー）のことを理解しその上での返しを継続的に行っていくこともコミュニケーションといえるでしょう。

80. これからのWeb運用は GAのようにユーザーをバルク（ひとかたまり）で把握するだけではなくユーザーセグメント単位に行動を把握して対応していく（個別単位も把握可能）つまりユーザー行動の把握がより重要

81. HippoCMS in just under 3 minutes http://youtu.be/AR3mVEZOEok?t=2m11s しかし、ユーザー行動を把握した後、早めに運用側が対応できないとコミュニケーションはなりたたない。運用側が即座に対応できるCMS環境が必要実は運用側が左記を実現できるんだったら、正直、どのCMSでもいいと思っています。

82. そのため、運用時に活用しやすいデザインと Styleguideを (Web運用的にはむしろこっちの方が重要かも） http://www.starbucks.com/ http://www.starbucks.com/static/reference/styleguide/

83. 効率的効果的コスト意識（安さ重視投資対効果発行コミュニケーションクリックどう行動してるか使いやすさ利用展開の可能性ドカン！とローンチ継続的に改善 JahiaOne - Gartner PresentDriving Human Engagement in a Digital Industrial Economy http://www.slideshare.net/Jahia/jahiaone

84. Thank You ありがとうございました！

SlideShare for iOS

Views

Actions

Embeds 11

Report content

Transcript

https://twitter.com	9
https://www.linkedin.com	2