SlideShare ist ein Scribd-Unternehmen logo
1 von 43
6 から始まる Movable Type の旅

ProNetミーティング 2013

長谷川恭久

2013年10月24日
ハ

セ

ガ

ワ

ヤ

ス

ヒ

サ

Yasuhisa Hasegawa
@yhassy
Slow

Old

Complex
Experience

People
Business
再出発

土台作り
MTの姿を再整理
デザインにおける土台作り
今後の展望
Erin Kohlenberg
人とコンテンツを近づける Movable Type
設計

構築

運営

Silvia Sala
ユーザーフィードバック
アクセス解析
過去の情報配信やイベント
Experience

Sigfrid Lundberg
成熟

喜び

配慮

Sigfrid Lundberg
People
Business

Sigfrid Lundberg
コンテンツの整理
配信経路の整理
利用者動向の再設計
古くなったコンテンツ
重複しているコンテンツ
表記ブレがある文字・用語
必要とされていないコンテンツ
運営負荷をかけているコンテンツ
6A.jp

MT.jp
タイポグラフィ
フォーム
グリッドシステム
テーブル
コンテンツブロック
コンテンツは、あるようでない
肥大しないコンテンツの整理と簡略化
階層ではなくシナリオで考える
スタイルガイドの制作
DATA API
MTから離れてMTを活用
ダイナミックコンテンツ
マルチデバイス対応
CMS=API
ページ

パッケージ
MTより近いMT
MTの『今』が分かるWebアプリ

テキスト

Data API の可能性
人とコンテンツを近づける MT のコンパニオン
土台のさらなる整理と品質向上
コンテンツ配信の提案やサイト分析
バージョン6とその先へ
ビジョンを言葉や絵にする
全体図ではなく、部品から始める
リソースを意識した設計
Thank you!
yhasegawa@sixapart.com

@yhassy

Weitere ähnliche Inhalte

Andere mochten auch

Vol3 リフレーミング
Vol3 リフレーミングVol3 リフレーミング
Vol3 リフレーミングHiroki Tanahashi
 
【IMJ】デジタルマーケティングを加速させるヒントがここに imj jelly cms 事例活用セミナー
【IMJ】デジタルマーケティングを加速させるヒントがここに imj jelly cms 事例活用セミナー【IMJ】デジタルマーケティングを加速させるヒントがここに imj jelly cms 事例活用セミナー
【IMJ】デジタルマーケティングを加速させるヒントがここに imj jelly cms 事例活用セミナーIMJ Corporation
 
【IMJ】パネルディスカッション|デジタルマーケティングを推進する経営視点(I・CON2014)
【IMJ】パネルディスカッション|デジタルマーケティングを推進する経営視点(I・CON2014)【IMJ】パネルディスカッション|デジタルマーケティングを推進する経営視点(I・CON2014)
【IMJ】パネルディスカッション|デジタルマーケティングを推進する経営視点(I・CON2014)IMJ Corporation
 
デザインから取り組むWebアクセシビリティ
デザインから取り組むWebアクセシビリティ デザインから取り組むWebアクセシビリティ
デザインから取り組むWebアクセシビリティ Yasuhisa Hasegawa
 
【IMJ】最新事例にみる顧客本位のweb設計「新たな体験価値を産む大規模サイト統合」(i・con2014)
【IMJ】最新事例にみる顧客本位のweb設計「新たな体験価値を産む大規模サイト統合」(i・con2014) 【IMJ】最新事例にみる顧客本位のweb設計「新たな体験価値を産む大規模サイト統合」(i・con2014)
【IMJ】最新事例にみる顧客本位のweb設計「新たな体験価値を産む大規模サイト統合」(i・con2014) IMJ Corporation
 
【IMJ】オウンドメディアマーケティングの現在と未来 江端浩人(I・CON2014)
【IMJ】オウンドメディアマーケティングの現在と未来 江端浩人(I・CON2014)【IMJ】オウンドメディアマーケティングの現在と未来 江端浩人(I・CON2014)
【IMJ】オウンドメディアマーケティングの現在と未来 江端浩人(I・CON2014)IMJ Corporation
 
【IMJ】デジタルマーケティング基盤を駆使して『利益を産むサイト』adobe.com(I・CON2014)
【IMJ】デジタルマーケティング基盤を駆使して『利益を産むサイト』adobe.com(I・CON2014)【IMJ】デジタルマーケティング基盤を駆使して『利益を産むサイト』adobe.com(I・CON2014)
【IMJ】デジタルマーケティング基盤を駆使して『利益を産むサイト』adobe.com(I・CON2014)IMJ Corporation
 
再入門ペーパープロトタイピング
再入門ペーパープロトタイピング再入門ペーパープロトタイピング
再入門ペーパープロトタイピングYasuhisa Hasegawa
 
Webのスーパーヒーローになる方法
Webのスーパーヒーローになる方法Webのスーパーヒーローになる方法
Webのスーパーヒーローになる方法Yasuhisa Hasegawa
 
あたかもプロのようにプロトタイプを活用する方法
あたかもプロのようにプロトタイプを活用する方法あたかもプロのようにプロトタイプを活用する方法
あたかもプロのようにプロトタイプを活用する方法Yasuhisa Hasegawa
 
「なんとなく」を共有する、コンテンツを活かしたデザインプロセス
「なんとなく」を共有する、コンテンツを活かしたデザインプロセス「なんとなく」を共有する、コンテンツを活かしたデザインプロセス
「なんとなく」を共有する、コンテンツを活かしたデザインプロセスYasuhisa Hasegawa
 
【IMJ】自社のデジタルマーケティング課題を”可視化”、明日からのアクションがわかる!セミナー(2015.6.24)
【IMJ】自社のデジタルマーケティング課題を”可視化”、明日からのアクションがわかる!セミナー(2015.6.24)【IMJ】自社のデジタルマーケティング課題を”可視化”、明日からのアクションがわかる!セミナー(2015.6.24)
【IMJ】自社のデジタルマーケティング課題を”可視化”、明日からのアクションがわかる!セミナー(2015.6.24)IMJ Corporation
 
デザインの深い森 Vol.1 魔王のテーブルのうえで
デザインの深い森 Vol.1 魔王のテーブルのうえでデザインの深い森 Vol.1 魔王のテーブルのうえで
デザインの深い森 Vol.1 魔王のテーブルのうえでHiroki Tanahashi
 
Business Model Generationの可能性
Business Model Generationの可能性Business Model Generationの可能性
Business Model Generationの可能性Takashi Tsutsumi
 
20121120顧客開発セミナーshared
20121120顧客開発セミナーshared20121120顧客開発セミナーshared
20121120顧客開発セミナーsharedTakashi Tsutsumi
 
センスやテイストだけで決めないデザインの会話のためにすること
センスやテイストだけで決めないデザインの会話のためにすることセンスやテイストだけで決めないデザインの会話のためにすること
センスやテイストだけで決めないデザインの会話のためにすることYasuhisa Hasegawa
 
Webプロフェッショナルだからできるコンテンツの検査
Webプロフェッショナルだからできるコンテンツの検査Webプロフェッショナルだからできるコンテンツの検査
Webプロフェッショナルだからできるコンテンツの検査Yasuhisa Hasegawa
 
コ・クリエーションする未来 〜「共同デザインの面白さ」を体感するワークショップ〜
コ・クリエーションする未来 〜「共同デザインの面白さ」を体感するワークショップ〜コ・クリエーションする未来 〜「共同デザインの面白さ」を体感するワークショップ〜
コ・クリエーションする未来 〜「共同デザインの面白さ」を体感するワークショップ〜Hiroki Tanahashi
 
メンタルモデル・ダイアグラムで学ぶ定性(質的)分析・親和図法 :2015年1月31日 ワイワイCAFE BITTER
メンタルモデル・ダイアグラムで学ぶ定性(質的)分析・親和図法 :2015年1月31日 ワイワイCAFE BITTERメンタルモデル・ダイアグラムで学ぶ定性(質的)分析・親和図法 :2015年1月31日 ワイワイCAFE BITTER
メンタルモデル・ダイアグラムで学ぶ定性(質的)分析・親和図法 :2015年1月31日 ワイワイCAFE BITTERYoshiki Hayama
 

Andere mochten auch (20)

Vol3 リフレーミング
Vol3 リフレーミングVol3 リフレーミング
Vol3 リフレーミング
 
【IMJ】デジタルマーケティングを加速させるヒントがここに imj jelly cms 事例活用セミナー
【IMJ】デジタルマーケティングを加速させるヒントがここに imj jelly cms 事例活用セミナー【IMJ】デジタルマーケティングを加速させるヒントがここに imj jelly cms 事例活用セミナー
【IMJ】デジタルマーケティングを加速させるヒントがここに imj jelly cms 事例活用セミナー
 
【IMJ】パネルディスカッション|デジタルマーケティングを推進する経営視点(I・CON2014)
【IMJ】パネルディスカッション|デジタルマーケティングを推進する経営視点(I・CON2014)【IMJ】パネルディスカッション|デジタルマーケティングを推進する経営視点(I・CON2014)
【IMJ】パネルディスカッション|デジタルマーケティングを推進する経営視点(I・CON2014)
 
デザインから取り組むWebアクセシビリティ
デザインから取り組むWebアクセシビリティ デザインから取り組むWebアクセシビリティ
デザインから取り組むWebアクセシビリティ
 
【IMJ】最新事例にみる顧客本位のweb設計「新たな体験価値を産む大規模サイト統合」(i・con2014)
【IMJ】最新事例にみる顧客本位のweb設計「新たな体験価値を産む大規模サイト統合」(i・con2014) 【IMJ】最新事例にみる顧客本位のweb設計「新たな体験価値を産む大規模サイト統合」(i・con2014)
【IMJ】最新事例にみる顧客本位のweb設計「新たな体験価値を産む大規模サイト統合」(i・con2014)
 
【IMJ】オウンドメディアマーケティングの現在と未来 江端浩人(I・CON2014)
【IMJ】オウンドメディアマーケティングの現在と未来 江端浩人(I・CON2014)【IMJ】オウンドメディアマーケティングの現在と未来 江端浩人(I・CON2014)
【IMJ】オウンドメディアマーケティングの現在と未来 江端浩人(I・CON2014)
 
Vol2物語編集
Vol2物語編集Vol2物語編集
Vol2物語編集
 
【IMJ】デジタルマーケティング基盤を駆使して『利益を産むサイト』adobe.com(I・CON2014)
【IMJ】デジタルマーケティング基盤を駆使して『利益を産むサイト』adobe.com(I・CON2014)【IMJ】デジタルマーケティング基盤を駆使して『利益を産むサイト』adobe.com(I・CON2014)
【IMJ】デジタルマーケティング基盤を駆使して『利益を産むサイト』adobe.com(I・CON2014)
 
再入門ペーパープロトタイピング
再入門ペーパープロトタイピング再入門ペーパープロトタイピング
再入門ペーパープロトタイピング
 
Webのスーパーヒーローになる方法
Webのスーパーヒーローになる方法Webのスーパーヒーローになる方法
Webのスーパーヒーローになる方法
 
あたかもプロのようにプロトタイプを活用する方法
あたかもプロのようにプロトタイプを活用する方法あたかもプロのようにプロトタイプを活用する方法
あたかもプロのようにプロトタイプを活用する方法
 
「なんとなく」を共有する、コンテンツを活かしたデザインプロセス
「なんとなく」を共有する、コンテンツを活かしたデザインプロセス「なんとなく」を共有する、コンテンツを活かしたデザインプロセス
「なんとなく」を共有する、コンテンツを活かしたデザインプロセス
 
【IMJ】自社のデジタルマーケティング課題を”可視化”、明日からのアクションがわかる!セミナー(2015.6.24)
【IMJ】自社のデジタルマーケティング課題を”可視化”、明日からのアクションがわかる!セミナー(2015.6.24)【IMJ】自社のデジタルマーケティング課題を”可視化”、明日からのアクションがわかる!セミナー(2015.6.24)
【IMJ】自社のデジタルマーケティング課題を”可視化”、明日からのアクションがわかる!セミナー(2015.6.24)
 
デザインの深い森 Vol.1 魔王のテーブルのうえで
デザインの深い森 Vol.1 魔王のテーブルのうえでデザインの深い森 Vol.1 魔王のテーブルのうえで
デザインの深い森 Vol.1 魔王のテーブルのうえで
 
Business Model Generationの可能性
Business Model Generationの可能性Business Model Generationの可能性
Business Model Generationの可能性
 
20121120顧客開発セミナーshared
20121120顧客開発セミナーshared20121120顧客開発セミナーshared
20121120顧客開発セミナーshared
 
センスやテイストだけで決めないデザインの会話のためにすること
センスやテイストだけで決めないデザインの会話のためにすることセンスやテイストだけで決めないデザインの会話のためにすること
センスやテイストだけで決めないデザインの会話のためにすること
 
Webプロフェッショナルだからできるコンテンツの検査
Webプロフェッショナルだからできるコンテンツの検査Webプロフェッショナルだからできるコンテンツの検査
Webプロフェッショナルだからできるコンテンツの検査
 
コ・クリエーションする未来 〜「共同デザインの面白さ」を体感するワークショップ〜
コ・クリエーションする未来 〜「共同デザインの面白さ」を体感するワークショップ〜コ・クリエーションする未来 〜「共同デザインの面白さ」を体感するワークショップ〜
コ・クリエーションする未来 〜「共同デザインの面白さ」を体感するワークショップ〜
 
メンタルモデル・ダイアグラムで学ぶ定性(質的)分析・親和図法 :2015年1月31日 ワイワイCAFE BITTER
メンタルモデル・ダイアグラムで学ぶ定性(質的)分析・親和図法 :2015年1月31日 ワイワイCAFE BITTERメンタルモデル・ダイアグラムで学ぶ定性(質的)分析・親和図法 :2015年1月31日 ワイワイCAFE BITTER
メンタルモデル・ダイアグラムで学ぶ定性(質的)分析・親和図法 :2015年1月31日 ワイワイCAFE BITTER
 

Mehr von Yasuhisa Hasegawa

作って終わりから卒業しよう - デザインシステム入門編
作って終わりから卒業しよう - デザインシステム入門編作って終わりから卒業しよう - デザインシステム入門編
作って終わりから卒業しよう - デザインシステム入門編Yasuhisa Hasegawa
 
SVGをつかったプロトタイプ制作
SVGをつかったプロトタイプ制作SVGをつかったプロトタイプ制作
SVGをつかったプロトタイプ制作Yasuhisa Hasegawa
 
データと上手に付き合ってデザインする方法
データと上手に付き合ってデザインする方法データと上手に付き合ってデザインする方法
データと上手に付き合ってデザインする方法Yasuhisa Hasegawa
 
課題を導き出す魔法のシートの作り方
課題を導き出す魔法のシートの作り方課題を導き出す魔法のシートの作り方
課題を導き出す魔法のシートの作り方Yasuhisa Hasegawa
 
好みや多数決で決めない、デザインとの正しい付き合い方
好みや多数決で決めない、デザインとの正しい付き合い方好みや多数決で決めない、デザインとの正しい付き合い方
好みや多数決で決めない、デザインとの正しい付き合い方Yasuhisa Hasegawa
 
コンテンツとCMSの上手な付き合い方
コンテンツとCMSの上手な付き合い方コンテンツとCMSの上手な付き合い方
コンテンツとCMSの上手な付き合い方Yasuhisa Hasegawa
 
Webサイトの核をデザインするための最初の一歩
Webサイトの核をデザインするための最初の一歩Webサイトの核をデザインするための最初の一歩
Webサイトの核をデザインするための最初の一歩Yasuhisa Hasegawa
 
未来へ繋ぐWeb系デザイン思考
未来へ繋ぐWeb系デザイン思考未来へ繋ぐWeb系デザイン思考
未来へ繋ぐWeb系デザイン思考Yasuhisa Hasegawa
 
Before UX: UXを導入せずに済む方法
Before UX: UXを導入せずに済む方法Before UX: UXを導入せずに済む方法
Before UX: UXを導入せずに済む方法Yasuhisa Hasegawa
 
ゲームから学ぶデザイン思考術
ゲームから学ぶデザイン思考術ゲームから学ぶデザイン思考術
ゲームから学ぶデザイン思考術Yasuhisa Hasegawa
 
コンテンツから始まる新しいWebワークフロー
コンテンツから始まる新しいWebワークフローコンテンツから始まる新しいWebワークフロー
コンテンツから始まる新しいWebワークフローYasuhisa Hasegawa
 
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意Yasuhisa Hasegawa
 
未来をプロトタイプしよう
未来をプロトタイプしよう未来をプロトタイプしよう
未来をプロトタイプしようYasuhisa Hasegawa
 
モダン・タイムス 〜 コンテンツと作り手を自由にする Web デザイン
モダン・タイムス 〜 コンテンツと作り手を自由にする Web デザインモダン・タイムス 〜 コンテンツと作り手を自由にする Web デザイン
モダン・タイムス 〜 コンテンツと作り手を自由にする Web デザインYasuhisa Hasegawa
 
脱紙!Webならではのコミュニケーション思考術
脱紙!Webならではのコミュニケーション思考術脱紙!Webならではのコミュニケーション思考術
脱紙!Webならではのコミュニケーション思考術Yasuhisa Hasegawa
 
プロトタイピングからはじめよう
プロトタイピングからはじめようプロトタイピングからはじめよう
プロトタイピングからはじめようYasuhisa Hasegawa
 
Transformative Web Design ~変化にしなやかに対応するデザイン力~
Transformative Web Design ~変化にしなやかに対応するデザイン力~Transformative Web Design ~変化にしなやかに対応するデザイン力~
Transformative Web Design ~変化にしなやかに対応するデザイン力~Yasuhisa Hasegawa
 
これから求められるWebコミュニケーションスキル 〜今日から始めるプロトタイプデザイン
これから求められるWebコミュニケーションスキル 〜今日から始めるプロトタイプデザインこれから求められるWebコミュニケーションスキル 〜今日から始めるプロトタイプデザイン
これから求められるWebコミュニケーションスキル 〜今日から始めるプロトタイプデザインYasuhisa Hasegawa
 
レベルアップ! 〜ポイント合戦から教育という名のゲームへ
レベルアップ! 〜ポイント合戦から教育という名のゲームへレベルアップ! 〜ポイント合戦から教育という名のゲームへ
レベルアップ! 〜ポイント合戦から教育という名のゲームへYasuhisa Hasegawa
 

Mehr von Yasuhisa Hasegawa (20)

作って終わりから卒業しよう - デザインシステム入門編
作って終わりから卒業しよう - デザインシステム入門編作って終わりから卒業しよう - デザインシステム入門編
作って終わりから卒業しよう - デザインシステム入門編
 
SVGをつかったプロトタイプ制作
SVGをつかったプロトタイプ制作SVGをつかったプロトタイプ制作
SVGをつかったプロトタイプ制作
 
データと上手に付き合ってデザインする方法
データと上手に付き合ってデザインする方法データと上手に付き合ってデザインする方法
データと上手に付き合ってデザインする方法
 
課題を導き出す魔法のシートの作り方
課題を導き出す魔法のシートの作り方課題を導き出す魔法のシートの作り方
課題を導き出す魔法のシートの作り方
 
好みや多数決で決めない、デザインとの正しい付き合い方
好みや多数決で決めない、デザインとの正しい付き合い方好みや多数決で決めない、デザインとの正しい付き合い方
好みや多数決で決めない、デザインとの正しい付き合い方
 
コンテンツとCMSの上手な付き合い方
コンテンツとCMSの上手な付き合い方コンテンツとCMSの上手な付き合い方
コンテンツとCMSの上手な付き合い方
 
Webサイトの核をデザインするための最初の一歩
Webサイトの核をデザインするための最初の一歩Webサイトの核をデザインするための最初の一歩
Webサイトの核をデザインするための最初の一歩
 
未来へ繋ぐWeb系デザイン思考
未来へ繋ぐWeb系デザイン思考未来へ繋ぐWeb系デザイン思考
未来へ繋ぐWeb系デザイン思考
 
Before UX: UXを導入せずに済む方法
Before UX: UXを導入せずに済む方法Before UX: UXを導入せずに済む方法
Before UX: UXを導入せずに済む方法
 
ゲームから学ぶデザイン思考術
ゲームから学ぶデザイン思考術ゲームから学ぶデザイン思考術
ゲームから学ぶデザイン思考術
 
コンテンツから始まる新しいWebワークフロー
コンテンツから始まる新しいWebワークフローコンテンツから始まる新しいWebワークフロー
コンテンツから始まる新しいWebワークフロー
 
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
 
未来をプロトタイプしよう
未来をプロトタイプしよう未来をプロトタイプしよう
未来をプロトタイプしよう
 
モダン・タイムス 〜 コンテンツと作り手を自由にする Web デザイン
モダン・タイムス 〜 コンテンツと作り手を自由にする Web デザインモダン・タイムス 〜 コンテンツと作り手を自由にする Web デザイン
モダン・タイムス 〜 コンテンツと作り手を自由にする Web デザイン
 
終わりなきWebの旅
終わりなきWebの旅終わりなきWebの旅
終わりなきWebの旅
 
脱紙!Webならではのコミュニケーション思考術
脱紙!Webならではのコミュニケーション思考術脱紙!Webならではのコミュニケーション思考術
脱紙!Webならではのコミュニケーション思考術
 
プロトタイピングからはじめよう
プロトタイピングからはじめようプロトタイピングからはじめよう
プロトタイピングからはじめよう
 
Transformative Web Design ~変化にしなやかに対応するデザイン力~
Transformative Web Design ~変化にしなやかに対応するデザイン力~Transformative Web Design ~変化にしなやかに対応するデザイン力~
Transformative Web Design ~変化にしなやかに対応するデザイン力~
 
これから求められるWebコミュニケーションスキル 〜今日から始めるプロトタイプデザイン
これから求められるWebコミュニケーションスキル 〜今日から始めるプロトタイプデザインこれから求められるWebコミュニケーションスキル 〜今日から始めるプロトタイプデザイン
これから求められるWebコミュニケーションスキル 〜今日から始めるプロトタイプデザイン
 
レベルアップ! 〜ポイント合戦から教育という名のゲームへ
レベルアップ! 〜ポイント合戦から教育という名のゲームへレベルアップ! 〜ポイント合戦から教育という名のゲームへ
レベルアップ! 〜ポイント合戦から教育という名のゲームへ
 

6から始まる Movable Type の旅