Submit Search
Upload
ウェブサービスの企画とデザイン
•
26 likes
•
3,238 views
Shuhei Iitsuka
Follow
20121218 明治学院大学での講義資料です
Read less
Read more
Technology
Report
Share
Report
Share
1 of 58
Download now
Download to read offline
Recommended
Bp study bmg_ピクト図解_20140226_v2_公開用
Bp study bmg_ピクト図解_20140226_v2_公開用
Hidehiko Akasaka
①Bmg×ピクト図解 20140211 公開用
①Bmg×ピクト図解 20140211 公開用
Hidehiko Akasaka
20180818 mindmap study_v002
20180818 mindmap study_v002
Hidehiko Akasaka
第15回ピク活IT勉強会 ピクト図解入門(01 ピクト図解入門 20140328_公開用)
第15回ピク活IT勉強会 ピクト図解入門(01 ピクト図解入門 20140328_公開用)
Hidehiko Akasaka
A Lean UX Workshop
A Lean UX Workshop
Masayoshi Arakawa
20150219 ピクト図解入門 3_w1h編
20150219 ピクト図解入門 3_w1h編
Hidehiko Akasaka
20160330 ピクト図解 新しい価値の創発_公開用_v007
20160330 ピクト図解 新しい価値の創発_公開用_v007
Hidehiko Akasaka
第1回 未来を語る、未来の言葉『フューチャー・ランゲージ』をやってみる会(素振り勉強会)
第1回 未来を語る、未来の言葉『フューチャー・ランゲージ』をやってみる会(素振り勉強会)
Hidehiko Akasaka
Recommended
Bp study bmg_ピクト図解_20140226_v2_公開用
Bp study bmg_ピクト図解_20140226_v2_公開用
Hidehiko Akasaka
①Bmg×ピクト図解 20140211 公開用
①Bmg×ピクト図解 20140211 公開用
Hidehiko Akasaka
20180818 mindmap study_v002
20180818 mindmap study_v002
Hidehiko Akasaka
第15回ピク活IT勉強会 ピクト図解入門(01 ピクト図解入門 20140328_公開用)
第15回ピク活IT勉強会 ピクト図解入門(01 ピクト図解入門 20140328_公開用)
Hidehiko Akasaka
A Lean UX Workshop
A Lean UX Workshop
Masayoshi Arakawa
20150219 ピクト図解入門 3_w1h編
20150219 ピクト図解入門 3_w1h編
Hidehiko Akasaka
20160330 ピクト図解 新しい価値の創発_公開用_v007
20160330 ピクト図解 新しい価値の創発_公開用_v007
Hidehiko Akasaka
第1回 未来を語る、未来の言葉『フューチャー・ランゲージ』をやってみる会(素振り勉強会)
第1回 未来を語る、未来の言葉『フューチャー・ランゲージ』をやってみる会(素振り勉強会)
Hidehiko Akasaka
20160531 bp studyデザイン思考とマインドマップ_v001
20160531 bp studyデザイン思考とマインドマップ_v001
Hidehiko Akasaka
BMGWorks主催 Value Proposition Canvas ワークショップ(2015/01/28)
BMGWorks主催 Value Proposition Canvas ワークショップ(2015/01/28)
Hidehiko Akasaka
20150212 ピクト図解入門(リクルートジョブズ様 IT朝大学)
20150212 ピクト図解入門(リクルートジョブズ様 IT朝大学)
Hidehiko Akasaka
20150326 ピクト図解 ビジネスモデルキャンバス入門_v1.1(eLV様主催)
20150326 ピクト図解 ビジネスモデルキャンバス入門_v1.1(eLV様主催)
Hidehiko Akasaka
20140211 ピクト図解 アイデア発想
20140211 ピクト図解 アイデア発想
I Ueno
島根県Startup道場ビジネスモデル・キャンバスを学ぶ
島根県Startup道場ビジネスモデル・キャンバスを学ぶ
Takashi Tsutsumi
サービスデザイン思考×ピクト図解 V1.1
サービスデザイン思考×ピクト図解 V1.1
Hidehiko Akasaka
Ideawork tools workshop_2013311
Ideawork tools workshop_2013311
Rikie Ishii
IT技術者でも1から学べるビジネスモデルキャンバス入門
IT技術者でも1から学べるビジネスモデルキャンバス入門
陽一 滝川
価値提案キャンバス(Value Proposition Canvas)
価値提案キャンバス(Value Proposition Canvas)
Tarumoto Tetsuya
アイデアワークショップ 2013年1月25日 仙台
アイデアワークショップ 2013年1月25日 仙台
Rikie Ishii
アイデアワークショップ基本キット ver001
アイデアワークショップ基本キット ver001
Rikie Ishii
CODE for JAPAN第4回Brigade勉強会「アイデアソンのやり方を学ぶ」
CODE for JAPAN第4回Brigade勉強会「アイデアソンのやり方を学ぶ」
Hirokazu Yabuki
ピクト図解 Bmキャンバス v2.2
ピクト図解 Bmキャンバス v2.2
Hidehiko Akasaka
中小企業大学校・仙台校、2日間講義ワークショップ【業務改革のためのアイデア発想ひきだし術】 更新版
中小企業大学校・仙台校、2日間講義ワークショップ【業務改革のためのアイデア発想ひきだし術】 更新版
Rikie Ishii
SEEDx_アイデアワークショップ_DAY1
SEEDx_アイデアワークショップ_DAY1
Rikie Ishii
ビジネスモデル・キャンバスワークショップ2015-08-01
ビジネスモデル・キャンバスワークショップ2015-08-01
Shinji Enoki
Smips 201711209 ideaworkshop
Smips 201711209 ideaworkshop
Rikie Ishii
横浜アイデアワークショップ(2012年12月23日)
横浜アイデアワークショップ(2012年12月23日)
Rikie Ishii
東京大学 open i.shcool 「アイデアプラント式 創造的なアイデアをざくざく生み出すワークショップ」 ver2
東京大学 open i.shcool 「アイデアプラント式 創造的なアイデアをざくざく生み出すワークショップ」 ver2
Rikie Ishii
UT Startup Gym で人生が変わった話
UT Startup Gym で人生が変わった話
Shuhei Iitsuka
色彩センスのいらない配色講座
色彩センスのいらない配色講座
Mariko Yamaguchi
More Related Content
What's hot
20160531 bp studyデザイン思考とマインドマップ_v001
20160531 bp studyデザイン思考とマインドマップ_v001
Hidehiko Akasaka
BMGWorks主催 Value Proposition Canvas ワークショップ(2015/01/28)
BMGWorks主催 Value Proposition Canvas ワークショップ(2015/01/28)
Hidehiko Akasaka
20150212 ピクト図解入門(リクルートジョブズ様 IT朝大学)
20150212 ピクト図解入門(リクルートジョブズ様 IT朝大学)
Hidehiko Akasaka
20150326 ピクト図解 ビジネスモデルキャンバス入門_v1.1(eLV様主催)
20150326 ピクト図解 ビジネスモデルキャンバス入門_v1.1(eLV様主催)
Hidehiko Akasaka
20140211 ピクト図解 アイデア発想
20140211 ピクト図解 アイデア発想
I Ueno
島根県Startup道場ビジネスモデル・キャンバスを学ぶ
島根県Startup道場ビジネスモデル・キャンバスを学ぶ
Takashi Tsutsumi
サービスデザイン思考×ピクト図解 V1.1
サービスデザイン思考×ピクト図解 V1.1
Hidehiko Akasaka
Ideawork tools workshop_2013311
Ideawork tools workshop_2013311
Rikie Ishii
IT技術者でも1から学べるビジネスモデルキャンバス入門
IT技術者でも1から学べるビジネスモデルキャンバス入門
陽一 滝川
価値提案キャンバス(Value Proposition Canvas)
価値提案キャンバス(Value Proposition Canvas)
Tarumoto Tetsuya
アイデアワークショップ 2013年1月25日 仙台
アイデアワークショップ 2013年1月25日 仙台
Rikie Ishii
アイデアワークショップ基本キット ver001
アイデアワークショップ基本キット ver001
Rikie Ishii
CODE for JAPAN第4回Brigade勉強会「アイデアソンのやり方を学ぶ」
CODE for JAPAN第4回Brigade勉強会「アイデアソンのやり方を学ぶ」
Hirokazu Yabuki
ピクト図解 Bmキャンバス v2.2
ピクト図解 Bmキャンバス v2.2
Hidehiko Akasaka
中小企業大学校・仙台校、2日間講義ワークショップ【業務改革のためのアイデア発想ひきだし術】 更新版
中小企業大学校・仙台校、2日間講義ワークショップ【業務改革のためのアイデア発想ひきだし術】 更新版
Rikie Ishii
SEEDx_アイデアワークショップ_DAY1
SEEDx_アイデアワークショップ_DAY1
Rikie Ishii
ビジネスモデル・キャンバスワークショップ2015-08-01
ビジネスモデル・キャンバスワークショップ2015-08-01
Shinji Enoki
Smips 201711209 ideaworkshop
Smips 201711209 ideaworkshop
Rikie Ishii
横浜アイデアワークショップ(2012年12月23日)
横浜アイデアワークショップ(2012年12月23日)
Rikie Ishii
東京大学 open i.shcool 「アイデアプラント式 創造的なアイデアをざくざく生み出すワークショップ」 ver2
東京大学 open i.shcool 「アイデアプラント式 創造的なアイデアをざくざく生み出すワークショップ」 ver2
Rikie Ishii
What's hot
(20)
20160531 bp studyデザイン思考とマインドマップ_v001
20160531 bp studyデザイン思考とマインドマップ_v001
BMGWorks主催 Value Proposition Canvas ワークショップ(2015/01/28)
BMGWorks主催 Value Proposition Canvas ワークショップ(2015/01/28)
20150212 ピクト図解入門(リクルートジョブズ様 IT朝大学)
20150212 ピクト図解入門(リクルートジョブズ様 IT朝大学)
20150326 ピクト図解 ビジネスモデルキャンバス入門_v1.1(eLV様主催)
20150326 ピクト図解 ビジネスモデルキャンバス入門_v1.1(eLV様主催)
20140211 ピクト図解 アイデア発想
20140211 ピクト図解 アイデア発想
島根県Startup道場ビジネスモデル・キャンバスを学ぶ
島根県Startup道場ビジネスモデル・キャンバスを学ぶ
サービスデザイン思考×ピクト図解 V1.1
サービスデザイン思考×ピクト図解 V1.1
Ideawork tools workshop_2013311
Ideawork tools workshop_2013311
IT技術者でも1から学べるビジネスモデルキャンバス入門
IT技術者でも1から学べるビジネスモデルキャンバス入門
価値提案キャンバス(Value Proposition Canvas)
価値提案キャンバス(Value Proposition Canvas)
アイデアワークショップ 2013年1月25日 仙台
アイデアワークショップ 2013年1月25日 仙台
アイデアワークショップ基本キット ver001
アイデアワークショップ基本キット ver001
CODE for JAPAN第4回Brigade勉強会「アイデアソンのやり方を学ぶ」
CODE for JAPAN第4回Brigade勉強会「アイデアソンのやり方を学ぶ」
ピクト図解 Bmキャンバス v2.2
ピクト図解 Bmキャンバス v2.2
中小企業大学校・仙台校、2日間講義ワークショップ【業務改革のためのアイデア発想ひきだし術】 更新版
中小企業大学校・仙台校、2日間講義ワークショップ【業務改革のためのアイデア発想ひきだし術】 更新版
SEEDx_アイデアワークショップ_DAY1
SEEDx_アイデアワークショップ_DAY1
ビジネスモデル・キャンバスワークショップ2015-08-01
ビジネスモデル・キャンバスワークショップ2015-08-01
Smips 201711209 ideaworkshop
Smips 201711209 ideaworkshop
横浜アイデアワークショップ(2012年12月23日)
横浜アイデアワークショップ(2012年12月23日)
東京大学 open i.shcool 「アイデアプラント式 創造的なアイデアをざくざく生み出すワークショップ」 ver2
東京大学 open i.shcool 「アイデアプラント式 創造的なアイデアをざくざく生み出すワークショップ」 ver2
Viewers also liked
UT Startup Gym で人生が変わった話
UT Startup Gym で人生が変わった話
Shuhei Iitsuka
色彩センスのいらない配色講座
色彩センスのいらない配色講座
Mariko Yamaguchi
パーソナルキャンバスってなに?
パーソナルキャンバスってなに?
Hitomi Yamagishi
110720【2011インターンシップ】企画を立ててみよう
110720【2011インターンシップ】企画を立ててみよう
謙次 野村
企画入門
企画入門
Kim Sangjip
企画を立てるということ(CoSTEP選科演習A集中演習)
企画を立てるということ(CoSTEP選科演習A集中演習)
Professional University of Information and Management for Innovation (情報経営イノベーション専門職大学)
テレビ企画書 寿司屋きゅうb
テレビ企画書 寿司屋きゅうb
Koji Maruyama
企画とは何をすることなのか?
企画とは何をすることなのか?
卜部 兼好
「企画&提案アプローチの極意 for Web Directors」〜アート・ディレクターからの視点〜
「企画&提案アプローチの極意 for Web Directors」〜アート・ディレクターからの視点〜
Naoki Nakagawa
かんたんキレイなウェブデザイン
かんたんキレイなウェブデザイン
Shuhei Iitsuka
価値提案から始めよう
価値提案から始めよう
Takeshi Kakeda
UI設計の土台になる考え方-インテリジェントネット社内勉強会
UI設計の土台になる考え方-インテリジェントネット社内勉強会
INI株式会社
Viewers also liked
(12)
UT Startup Gym で人生が変わった話
UT Startup Gym で人生が変わった話
色彩センスのいらない配色講座
色彩センスのいらない配色講座
パーソナルキャンバスってなに?
パーソナルキャンバスってなに?
110720【2011インターンシップ】企画を立ててみよう
110720【2011インターンシップ】企画を立ててみよう
企画入門
企画入門
企画を立てるということ(CoSTEP選科演習A集中演習)
企画を立てるということ(CoSTEP選科演習A集中演習)
テレビ企画書 寿司屋きゅうb
テレビ企画書 寿司屋きゅうb
企画とは何をすることなのか?
企画とは何をすることなのか?
「企画&提案アプローチの極意 for Web Directors」〜アート・ディレクターからの視点〜
「企画&提案アプローチの極意 for Web Directors」〜アート・ディレクターからの視点〜
かんたんキレイなウェブデザイン
かんたんキレイなウェブデザイン
価値提案から始めよう
価値提案から始めよう
UI設計の土台になる考え方-インテリジェントネット社内勉強会
UI設計の土台になる考え方-インテリジェントネット社内勉強会
Similar to ウェブサービスの企画とデザイン
ディレクターのためのUX基本講座〜カスタマージャーニーマップを体験してみよう〜
ディレクターのためのUX基本講座〜カスタマージャーニーマップを体験してみよう〜
Rie Tokumi
Agile Overview In Ono
Agile Overview In Ono
Kenji Hiranabe
[ESM_CM セミナー]小さく作って大いに役立つスマートフォンアプリ(CYCLONE)公開用
[ESM_CM セミナー]小さく作って大いに役立つスマートフォンアプリ(CYCLONE)公開用
masashi takehara
Process Framework「CYCLONE for Mobile Apps」(20120118)
Process Framework「CYCLONE for Mobile Apps」(20120118)
masashi takehara
Schoo講演資料130409
Schoo講演資料130409
Ryosuke Matsumoto
Schoo講演資料130409
Schoo講演資料130409
schoowebcampus
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
naoki ando
コンセプトのつくりかた - アイデアをかたちにする技術
コンセプトのつくりかた - アイデアをかたちにする技術
Shumpei Shiraishi
presen_nakayama_20220530.pptx
presen_nakayama_20220530.pptx
ssuserb3c646
0から始めるUXデザイン(UXデザインの組織を作る)
0から始めるUXデザイン(UXデザインの組織を作る)
Jiji Kim
いまさら聞けない!ホームページの立ち上げから運用体制構築
いまさら聞けない!ホームページの立ち上げから運用体制構築
Yasushi Taki
アジャイル開発はWhyから始まる
アジャイル開発はWhyから始まる
toshihiro ichitani
ウェブサービスのつくりかた
ウェブサービスのつくりかた
Shuhei Iitsuka
Webサービスを生む実践スタートアップ講座
Webサービスを生む実践スタートアップ講座
本間 和城
Schoo講演資料130409
Schoo講演資料130409
schoowebcampus
企画-計画-開発-ビルド-デプロイ 価値のパイプラインできてますか?【字幕つき】 #kansumiA2 #devsumi
企画-計画-開発-ビルド-デプロイ 価値のパイプラインできてますか?【字幕つき】 #kansumiA2 #devsumi
智治 長沢
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
Yoshiki Hayama
Social Change Starts With YOU!
Social Change Starts With YOU!
Kenji Hiranabe
価値デザインモデル戦国絵巻
価値デザインモデル戦国絵巻
Kentaro Takasaki
【Schoo web campus】webサイトの「ユーザー体験」を高める 先生:坂本貴史
【Schoo web campus】webサイトの「ユーザー体験」を高める 先生:坂本貴史
schoowebcampus
Similar to ウェブサービスの企画とデザイン
(20)
ディレクターのためのUX基本講座〜カスタマージャーニーマップを体験してみよう〜
ディレクターのためのUX基本講座〜カスタマージャーニーマップを体験してみよう〜
Agile Overview In Ono
Agile Overview In Ono
[ESM_CM セミナー]小さく作って大いに役立つスマートフォンアプリ(CYCLONE)公開用
[ESM_CM セミナー]小さく作って大いに役立つスマートフォンアプリ(CYCLONE)公開用
Process Framework「CYCLONE for Mobile Apps」(20120118)
Process Framework「CYCLONE for Mobile Apps」(20120118)
Schoo講演資料130409
Schoo講演資料130409
Schoo講演資料130409
Schoo講演資料130409
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
コンセプトのつくりかた - アイデアをかたちにする技術
コンセプトのつくりかた - アイデアをかたちにする技術
presen_nakayama_20220530.pptx
presen_nakayama_20220530.pptx
0から始めるUXデザイン(UXデザインの組織を作る)
0から始めるUXデザイン(UXデザインの組織を作る)
いまさら聞けない!ホームページの立ち上げから運用体制構築
いまさら聞けない!ホームページの立ち上げから運用体制構築
アジャイル開発はWhyから始まる
アジャイル開発はWhyから始まる
ウェブサービスのつくりかた
ウェブサービスのつくりかた
Webサービスを生む実践スタートアップ講座
Webサービスを生む実践スタートアップ講座
Schoo講演資料130409
Schoo講演資料130409
企画-計画-開発-ビルド-デプロイ 価値のパイプラインできてますか?【字幕つき】 #kansumiA2 #devsumi
企画-計画-開発-ビルド-デプロイ 価値のパイプラインできてますか?【字幕つき】 #kansumiA2 #devsumi
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
Social Change Starts With YOU!
Social Change Starts With YOU!
価値デザインモデル戦国絵巻
価値デザインモデル戦国絵巻
【Schoo web campus】webサイトの「ユーザー体験」を高める 先生:坂本貴史
【Schoo web campus】webサイトの「ユーザー体験」を高める 先生:坂本貴史
More from Shuhei Iitsuka
Online and offline handwritten chinese character recognition a comprehensive...
Online and offline handwritten chinese character recognition a comprehensive...
Shuhei Iitsuka
Inferring win–lose product network from user behavior
Inferring win–lose product network from user behavior
Shuhei Iitsuka
バリエーションの提示がもたらす長期的効果に着目したウェブサイト最適化手法 @第31回人工知能学会全国大会
バリエーションの提示がもたらす長期的効果に着目したウェブサイト最適化手法 @第31回人工知能学会全国大会
Shuhei Iitsuka
Procedural modeling using autoencoder networks
Procedural modeling using autoencoder networks
Shuhei Iitsuka
Generating sentences from a continuous space
Generating sentences from a continuous space
Shuhei Iitsuka
ウェブサイト最適化のためのバリエーション自動生成システム
ウェブサイト最適化のためのバリエーション自動生成システム
Shuhei Iitsuka
Improving the Sensitivity of Online Controlled Experiments by Utilizing Pre-E...
Improving the Sensitivity of Online Controlled Experiments by Utilizing Pre-E...
Shuhei Iitsuka
Machine learning meets web development
Machine learning meets web development
Shuhei Iitsuka
Python と Xpath で ウェブからデータをあつめる
Python と Xpath で ウェブからデータをあつめる
Shuhei Iitsuka
リミックスからはじめる DTM 入門
リミックスからはじめる DTM 入門
Shuhei Iitsuka
【DBDA 勉強会 2013 夏】Chapter 12: Bayesian Approaches to Testing a Point (‘‘Null’’...
【DBDA 勉強会 2013 夏】Chapter 12: Bayesian Approaches to Testing a Point (‘‘Null’’...
Shuhei Iitsuka
Asia Trend Map: Forecasting “Cool Japan” Content Popularity on Web Data
Asia Trend Map: Forecasting “Cool Japan” Content Popularity on Web Data
Shuhei Iitsuka
【DBDA 勉強会 2013 夏】Doing Bayesian Data Analysis Chapter 4: Bayes’ Rule
【DBDA 勉強会 2013 夏】Doing Bayesian Data Analysis Chapter 4: Bayes’ Rule
Shuhei Iitsuka
ウェブサイトで収益を得る
ウェブサイトで収益を得る
Shuhei Iitsuka
HTML で自己紹介ページをつくる
HTML で自己紹介ページをつくる
Shuhei Iitsuka
データベースを使おう
データベースを使おう
Shuhei Iitsuka
データベースを使おう
データベースを使おう
Shuhei Iitsuka
第3期キックオフ説明会+勉強会
第3期キックオフ説明会+勉強会
Shuhei Iitsuka
かんたん Twitter アプリをつくろう
かんたん Twitter アプリをつくろう
Shuhei Iitsuka
ペルソナシナリオとプロトタイプ
ペルソナシナリオとプロトタイプ
Shuhei Iitsuka
More from Shuhei Iitsuka
(20)
Online and offline handwritten chinese character recognition a comprehensive...
Online and offline handwritten chinese character recognition a comprehensive...
Inferring win–lose product network from user behavior
Inferring win–lose product network from user behavior
バリエーションの提示がもたらす長期的効果に着目したウェブサイト最適化手法 @第31回人工知能学会全国大会
バリエーションの提示がもたらす長期的効果に着目したウェブサイト最適化手法 @第31回人工知能学会全国大会
Procedural modeling using autoencoder networks
Procedural modeling using autoencoder networks
Generating sentences from a continuous space
Generating sentences from a continuous space
ウェブサイト最適化のためのバリエーション自動生成システム
ウェブサイト最適化のためのバリエーション自動生成システム
Improving the Sensitivity of Online Controlled Experiments by Utilizing Pre-E...
Improving the Sensitivity of Online Controlled Experiments by Utilizing Pre-E...
Machine learning meets web development
Machine learning meets web development
Python と Xpath で ウェブからデータをあつめる
Python と Xpath で ウェブからデータをあつめる
リミックスからはじめる DTM 入門
リミックスからはじめる DTM 入門
【DBDA 勉強会 2013 夏】Chapter 12: Bayesian Approaches to Testing a Point (‘‘Null’’...
【DBDA 勉強会 2013 夏】Chapter 12: Bayesian Approaches to Testing a Point (‘‘Null’’...
Asia Trend Map: Forecasting “Cool Japan” Content Popularity on Web Data
Asia Trend Map: Forecasting “Cool Japan” Content Popularity on Web Data
【DBDA 勉強会 2013 夏】Doing Bayesian Data Analysis Chapter 4: Bayes’ Rule
【DBDA 勉強会 2013 夏】Doing Bayesian Data Analysis Chapter 4: Bayes’ Rule
ウェブサイトで収益を得る
ウェブサイトで収益を得る
HTML で自己紹介ページをつくる
HTML で自己紹介ページをつくる
データベースを使おう
データベースを使おう
データベースを使おう
データベースを使おう
第3期キックオフ説明会+勉強会
第3期キックオフ説明会+勉強会
かんたん Twitter アプリをつくろう
かんたん Twitter アプリをつくろう
ペルソナシナリオとプロトタイプ
ペルソナシナリオとプロトタイプ
ウェブサービスの企画とデザイン
1.
ウェブサービスの 企画とデザイン 東京大学・オーマ株式会社
飯塚 修平
2.
自己紹介 • 飯塚修平 @tushuhei •
東京大学工学系研究科技術経営戦略 学専攻 修士 1 年 23 歳 • オーマ株式会社執行役員 • UT Startup Gym 代表 • Google ウェブマスターインターン
3.
http://ponet.us/
4.
http://spysee.jp/
5.
アイデアをカタチにするプログラム http://ut-gym.jp/
6.
7.
8.
今日の内容 • 復習: ウェブサービスのつくりかた •
ワーク: ウェブサービスを企画してみよう • 講義: ウェブデザイナーが考えていること
9.
ウェブサービスのつくりかた
10.
• ページランク
彼らが何をや • 行列、ベクト ポータル・検索サイト SNS・ソーシャルメディア • ページランク、転 • 行列、ベクトル ログイン、フ • • テーブル(E • ログイン、フィー • テーブル(Exce • ボタンを押す Eコマース ソーシャルゲーム • ボタンを押す親 ウェブサービスのつくりかた ウェブサービスのつくりかた
11.
まず • ウェブサービスつくるのって難しそう・・・ • そもそも、何をやっているの?
12.
彼らが何をやっているのか 彼らが何をやっているのか
たとえば • ページランク、転置インデックス • 行列、ベクトル 世の中のあらゆるデータを整理する: ページランク、転置インデックス • 行列、ベクトル ページランク、転置インデックス(行列、ベクトル) • ウェブ上のコニュニケーション: • ログイン、フィード配信 ログイン、フィード・投稿機能(Excel みたいなもの) • テーブル(Excel みたいなイメージ) • ログイン、フィード配信 • テーブル(Excel みたいなイメージ) 承認欲求を満たすゲーム: 親指運動(ランダムな画像) • ボタンを押す親指運動 • ボタンを押す親指運動
13.
つまり • 技術的なハードルは低くなっている。 • 技術うんぬんより「何をつくるか」が大事。
14.
ウェブサービスの設計
ビジネス プロダクト 哲学 ペルソナ アイデア シナリオ なぜ今か デザイン 市場規模 IA 実行・開発フェーズへ Sequoia Venture Capital – Ideas http://www.sequoiacap.com/ideas 東京大学技術経営戦略学専攻 Web 工学とビジネスモデル 2011 天野仁史氏講演講義資料 『Webサービスのつくり方 ~「新しい」を生み出すための33のエッセイ』和田裕介著
15.
ビジネス
プロダクト 哲学 ペルソナ 哲学 アイデア なぜ今か シナリオ デザイン 市場規模 IA サービスの根幹となる思い。 どんな「痛み」を解決するのか、 どんな「欲望」を満たすのか。 「〇〇は楽しい!」 「〇〇なのはおかしい!」 「もっと〇〇したい!」
16.
ビジネス
プロダクト 哲学 ペルソナ アイデア アイデア なぜ今か シナリオ デザイン 市場規模 IA 哲学を実現するための具体的な方法、アイ デア。サービスのカテゴリを決定する。 「毎日スマホに〇〇が届く」 「〇〇を共有サイトをつくる」 「〇〇がメールでできるようにする」
17.
ビジネス
プロダクト 哲学 ペルソナ なぜ今か アイデア なぜ今か シナリオ デザイン 市場規模 IA そのカテゴリの最近のトレンドは?なぜあ なたのアイデアが今実現するのか? ex. カメラを持ち歩いている人は少ないが、ス マホの普及で全員がカメラを持ち歩く世界に なった→日本中の〇〇を撮って共有するサー ビスができる
18.
ビジネス
プロダクト 哲学 ペルソナ 市場規模 アイデア なぜ今か シナリオ デザイン 市場規模 IA サービスで楽しませる・救うことができる 人、マーケットの規模は?取り組む価値が あるか? ex. サービスの対象となる30代既婚女性は約 600万人。シェア 1% として単価 5,000 円/ 年だとすると、年商は・・・
19.
ビジネス
プロダクト 哲学 ペルソナ ペルソナ・シナリオ アイデア なぜ今か シナリオ デザイン 市場規模 IA • ペルソナ=代表的なユーザ像 • ペルソナがサービスを使う理想的なシーン をドラマ仕立てで描く • テキストでも漫画でも動画でもOK
20.
お花サプライズ!の例 ェブサービスのつくりかた
30
21.
ビジネス
プロダクト 哲学 ペルソナ デザイン アイデア なぜ今か シナリオ デザイン 市場規模 IA • シナリオを再現するために必要な要件を 洗い出して、ウェブサイトの見た目をつ くっていく。 • ペルソナの気持ちになることがポイント。
22.
23.
ビジネス
プロダクト IA 哲学 ペルソナ アイデア シナリオ なぜ今か デザイン 市場規模 IA • どんなサイトマップにするのか? • どんなデータの構造にするのか? • どんなログインのシステムにするのか?
24.
PLAN ACTION
DO CHECK
25.
ビジネス
プロダクト START 哲学 ペルソナ アイデア シナリオ なぜ今か デザイン 市場規模 IA でも「哲学」ってなんだろう?「痛み」ってなんだろう?
26.
ウェブサービスを企画してみよう
27.
設計における発想支援の役割
アイデア発散<<<<>>>>>収束 発想支援! 思考の展開フェーズ 案の評価・実現化フェーズ Matrix法 PDM ブレインストーミング FOA マインドマップ KJ法 LCA CAE QFD CAD VA 機能系統図 DSM TRIZ プロトタイピング 戦略レベル 実行レベル (上流) (下流) DFX 要求リストアップ 問題の発見 プロトタイプ作成 成立性検証 コンセプト出し 現状記述 実現化方策の模索 市場投入 企画構想 アーキテクチャ試行錯誤 有効性検証 市場性検証 34 京大学工学部システム創成学科知能社会システムコース PSI システム工学基礎 October 8, 2009
28.
ブレインストーミングのルール • 量を求める • 他人のアイデアに乗っかる •
奇抜なアイデアを歓迎する • 否定をしない
29.
Mission 1 • 最近気になったことをできるだけたくさ
ん書いてください。 • 制限時間 15 分
30.
31.
Mission 2 • 他の班の発表を聞いた上で、自分の班の特
色だと思うトピックを 2∼3 個選んでくだ さい。 • 制限時間 5 分
32.
Mission 3 • 最後に、Mission
2 で選んだトピックをさ らに良くするために何ができるか、アイデ アを出して下さい。 • 制限時間 15 分
33.
はじめの一歩を踏み出そう • だれでもブログはつくれる • Google
スプレッドシートでかんたんに フォームが作れる • ちょっと勉強すれば Paypal で課金できる • 無理なら、手作業でもいい。
34.
35.
ウェブデザイナーが考えていること
36.
デザインの上で僕が大切にしていること • Design ≠
Art • Design is Communication • Design w/ Accessibility
37.
1. Design ≠
Art 「絵の才能とか感性とかないし・・・ デザインなんてできないよ><」 いやいや、デザインは論理的な作業です。
38.
ストップ
戦争 平和 今すぐ ?? 『インタフェースデザインの心理学 ―ウェブやアプリに新たな視点をもたらす100の指針』Susan Weinschenk 著
39.
ストップ
戦争 平和 今すぐ J 『インタフェースデザインの心理学 ―ウェブやアプリに新たな視点をもたらす100の指針』Susan Weinschenk 著
40.
グルーピングしたがる脳
ストップ 戦争 平和 今すぐ ! 『インタフェースデザインの心理学 ―ウェブやアプリに新たな視点をもたらす100の指針』Susan Weinschenk 著
41.
慣れ親しんでいるスタイル
→理解しやすいデザイン Profile Feed Ad Profile Feed Ad
42.
配色にも理論がある
高明度 補色の関係 色彩センスのいらない配色講座 Mariko Yamaguchi http://www.slideshare.net/marippe/ss-9003317
43.
配色にも理論がある 色彩センスのいらない配色講座 Mariko Yamaguchi
http://www.slideshare.net/marippe/ss-9003317
44.
つまり • 才能や感性ではない。 • いかに定石を組み合わせて、目標を達成す
るかを論理的に考える作業。
45.
2. Design is
Communication ウェブサイトがユーザと実際に会話していると 想像すると、見えてくるものがある。
46.
やばいエラーメッセージ
47.
これの送信よろしく お願いします。
すみません、送信で きませんでした。 え、なんで?? ・・・
48.
エラーメッセージの書き方
• 利用者が何をしたのかを告げる • 発生した問題を説明する • 修正方法を指示する • 能動態を使い、平易な言葉で書く • 例を示す 『インタフェースデザインの心理学 ―ウェブやアプリに新たな視点をもたらす100の指針』Susan Weinschenk 著
49.
ログインフォームが中心
非常に小さいスキップボタン
50.
オバマさんのことを 知りたいんですけど
すみません、それに はメールアドレスを 教えていただけない と・・・ え、じゃいいや。 あ、ちょっと待って 下さい!それなら結 構ですから・・・
51.
つまり • ユーザのウェブサイトの対話を考えると、
また使いたくなるデザインが見えてくる。
52.
3. Design w/
Accessibility すべての国、すべてのデバイスからアクセスで きるコンテンツをつくる。
53.
54.
レスポンシブデザイン Mobile
Tablet PC
55.
つまり • 「自分も対象なんだな」「自分も読んでい
いんだな」と思わせるデザイン。 • ウェルカムの気持ちを示す。
56.
今日のまとめ • ウェブサービスのつくりかた –
ビジネス設計: 痛み、解決策、なぜ今か、市場規模 – プロダクト設計: ペルソナ、シナリオ、デザイン、IA • ウェブサービスを企画してみよう – ブレストにもルールがある • ウェブデザイナーが考えていること – Design ≠ Art – Design is Communication – Design w/ Accessibility
57.
• 「へー、そうやって作るんだーなるほど」 • 「もしかしたら自分にも作れるかも?」 と感じてもらえたら幸いです
58.
Contacts 講義資料: http://tushuhei.com/121218mg.html
飯塚修平 @tushuhei http://facebook.com/tushuhei UT Startup Gym @utgym http://facebook.com/utgym
Download now