Submit Search
Upload
お客様の印象を見える化し、求められるデザインへ。ユーザーニーズに直結したデザイン戦略とは(MarkeZineDay2011)
•
22 likes
•
3,675 views
CREATIVE SURVEY
Follow
MarkeZineDay2011に登壇した際のプレゼンテーション用資料です。 デザインプロセスの中で仮説検証を行っていないビジュアルデザイン。結局、好みで決めちゃってませんか?
Read less
Read more
Report
Share
Report
Share
1 of 79
Download now
Download to read offline
Recommended
デブサミ2013(Developers Summit 2013)Action! 1日目のデザインセッション「デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜」の発表資料(2013年2月14日) -------------------------------------------------- 途中、時間がなくて話せなかったところも入っています(そこがかなりいい話だったりする)ので、やっぱりここも実際に聞きたい!という方はまたどこかで呼んでくださいm(_ _)m よろしくお願いします。
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Chihiro Tomita
@dots 20150924
今後求められるプロトタイピングスキル
今後求められるプロトタイピングスキル
kbysykhr
第8回Creators MeetUp で登壇させて頂きました。そちらのスライドになります。 ブログに内容まとめました。 http://toybox-design.net/creators-meatup-8 セッションの動画がコチラで公開されていますので、詳しく内容を見たい方はこちらへ http://lab.designsatellites.jp/?p=2178
流行に乗っていいの?フラットデザインの落とし穴
流行に乗っていいの?フラットデザインの落とし穴
Yuudai Tachibana
Event : amana tech night Vol.2 -達人達から学ぶ。実践!プロトタイピング- Location : DeNA Sakura Cafe Date : 2015.04.22 Speaker : 割石裕太 / wariemon - UI Designer @KAYAC inc. / OH amana tech night Vol.2 -達人達から学ぶ。実践!プロトタイピング 1番目のスピーカーとして登壇させていただきました。 プロトタイピングにおいて一番大事なのは「人と向き合う」ことができることだと考え、自身の担当しているサービス Lobi のリニューアルにおいて実際に行ったプロトタイピングのフローと、考えをまとめました。
人と向き合うプロトタイピング
人と向き合うプロトタイピング
wariemon
宮崎のITイベント「Idea Quest」にて発表した「デザインの要件定義」のスライドになります。
デザインの要件定義
デザインの要件定義
Shin Iiboshi
【追記】読めないのでSpeaker Deckにも上げました。 https://speakerdeck.com/deg84/peapuroharimotodemodekiru 今年のTryプレゼン&現場のProblem相談&Keep事例発表大会 - アジャイルひよこクラブ発表資料です https://agile-hiyoko-club.doorkeeper.jp/events/38245
ペアプロはリモートでもできる!
ペアプロはリモートでもできる!
Tatsuya Deguchi
私たちが実際にクライアント提案に使ったデザイン提案資料を共有します。これは提案に使ったスライドなので、詳細な解説はブログ記事(http://baigie.me/sogitani/2015/08/design-presentation/)でご覧ください。
デザイン提案の参考資料
デザイン提案の参考資料
Tsutomu Sogitani
Webサイトのようには作れない!Webアプリ設計の考え方
Webサイトのようには作れない!Webアプリ設計の考え方
girigiribauer
Recommended
デブサミ2013(Developers Summit 2013)Action! 1日目のデザインセッション「デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜」の発表資料(2013年2月14日) -------------------------------------------------- 途中、時間がなくて話せなかったところも入っています(そこがかなりいい話だったりする)ので、やっぱりここも実際に聞きたい!という方はまたどこかで呼んでくださいm(_ _)m よろしくお願いします。
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Chihiro Tomita
@dots 20150924
今後求められるプロトタイピングスキル
今後求められるプロトタイピングスキル
kbysykhr
第8回Creators MeetUp で登壇させて頂きました。そちらのスライドになります。 ブログに内容まとめました。 http://toybox-design.net/creators-meatup-8 セッションの動画がコチラで公開されていますので、詳しく内容を見たい方はこちらへ http://lab.designsatellites.jp/?p=2178
流行に乗っていいの?フラットデザインの落とし穴
流行に乗っていいの?フラットデザインの落とし穴
Yuudai Tachibana
Event : amana tech night Vol.2 -達人達から学ぶ。実践!プロトタイピング- Location : DeNA Sakura Cafe Date : 2015.04.22 Speaker : 割石裕太 / wariemon - UI Designer @KAYAC inc. / OH amana tech night Vol.2 -達人達から学ぶ。実践!プロトタイピング 1番目のスピーカーとして登壇させていただきました。 プロトタイピングにおいて一番大事なのは「人と向き合う」ことができることだと考え、自身の担当しているサービス Lobi のリニューアルにおいて実際に行ったプロトタイピングのフローと、考えをまとめました。
人と向き合うプロトタイピング
人と向き合うプロトタイピング
wariemon
宮崎のITイベント「Idea Quest」にて発表した「デザインの要件定義」のスライドになります。
デザインの要件定義
デザインの要件定義
Shin Iiboshi
【追記】読めないのでSpeaker Deckにも上げました。 https://speakerdeck.com/deg84/peapuroharimotodemodekiru 今年のTryプレゼン&現場のProblem相談&Keep事例発表大会 - アジャイルひよこクラブ発表資料です https://agile-hiyoko-club.doorkeeper.jp/events/38245
ペアプロはリモートでもできる!
ペアプロはリモートでもできる!
Tatsuya Deguchi
私たちが実際にクライアント提案に使ったデザイン提案資料を共有します。これは提案に使ったスライドなので、詳細な解説はブログ記事(http://baigie.me/sogitani/2015/08/design-presentation/)でご覧ください。
デザイン提案の参考資料
デザイン提案の参考資料
Tsutomu Sogitani
Webサイトのようには作れない!Webアプリ設計の考え方
Webサイトのようには作れない!Webアプリ設計の考え方
girigiribauer
GREE Creators' Meetup#3 https://youtu.be/xkbk93k6H-U 【UIデザインの品質を効率的に向上させるには?】
Gcm#3 uiデザインの品質を効率的に向上させるには?
Gcm#3 uiデザインの品質を効率的に向上させるには?
GREE/Art
【17-E-4】 未来はどこにいても誰にでも平等にある。 未来を創るのは自分自身だ。 ~SIerの中で生きるということ~
【17-E-4】 未来はどこにいても誰にでも平等にある。 未来を創るのは自分自身だ。 ~SIerの中で生きるということ~
Yoshitaka Kawashima
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/322/room ーーーーーーーーーーーーーーーーーーーーーーー
フラットデザインに出来ること/出来ないことを学ぶ 先生:橘 雄大
フラットデザインに出来ること/出来ないことを学ぶ 先生:橘 雄大
schoowebcampus
第25回 岡山WEBクリエイターズ「パララックス / CSS / タイポグラフィ 再入門」にて講演。[2014-04-19] ちょっとした工夫で“普通のテキスト”を“デザインされたテキスト”に変えることができます。今までのWEBデザインではデバイスフォントという制約もあり、DTPと比べるとタイポグラフィはあまり重要視されてきませんでしたが、高解像度のデバイスやウェブフォントの普及などにより、その必要性は高まっています。適切で根拠のあるテキストの扱い方を学び、あなたが制作するデザインに自信つくよう、DTP・WEB両方のデザイン経験を元にタイポグラフィと文字組版の基本を解説いたします。
デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本
Takuya Nishitani
DevLOVE で話したときの資料です
Sketchで変わるワークフロー
Sketchで変わるワークフロー
Asami Yamamoto
Event : UI Crunch UNDER 25 -若手デザイナーがもっと成長できる場を- Location : DeNA Sakura Cafe Date : 2015.09.26 Speaker : 割石裕太 / wariemon - UI Designer @Fablic inc. / OH 国内有数の人気を誇るUIイベント、UI Crunch の特別版、 UI Crunch UNDER 25 -若手デザイナーがもっと成長できる場を- で、AROUND 25 のデザイナーの一人として、登壇させていただきました。 Fablic inc. に転職したばかりの自分にとって、自分のセルフブランディングを 考えることの重要性、またその効果についてお話しました。 デザイナーとしての自分と向き合うために、そしてどう見られるかを考えるために、 見つけ出した3つの問いをベースに登壇資料をまとめました。
自分と向き合うセルフブランディング
自分と向き合うセルフブランディング
wariemon
UXデザインの専門家でない人向けに、何をどうするとUXデザインになるのか、なんのためにやるのかを、ちょー乱暴に解説したスライドです。まだこれ自体が模索中であり、本当におかんが見たら意味がわからないこと請け合い。今後のバージョンアップが期待されます。なお、スライド中の解説について、深く知りたい場合はそれぞれ別個にぐぐるなり何なりして頑張ってください。 (本バージョンはversion 0.4です。CSS Nite in SENDAI, Vol.8で発表いたしました)
おかんでもわかるUXデザイン Ver.0.4
おかんでもわかるUXデザイン Ver.0.4
Yu Morita
6月25日(水)、竹橋マイナビルームにてマイナビ様が主催する「Creator’s Career Lounge(以下、CCL) vol.6」が開催され、FICCから戸塚、福岡、冨田、STANDARD社から鈴木 健一氏が登壇しました。「Webデザイントレンドの潮流」をテーマに、これまでのWebデザインが歩んだ歴史と背景、そして現在Webの現場で活躍するWebデザイン技法についての講演のスライドです。 ・FICCは一緒に働きたい人を募集しています。 【詳しくは】 http://www.ficc.jp/recruit/ ・STANDARDは、スマートフォンアプリやWebサイト Webサービス等のUIデザインに特化したプロダクションです。 人の役に立つアプリやサービス制作に携わりたい人を募集します。 【詳しくは】 http://www.standardinc.jp ・Web業界で活躍したい人のための求人サイト「MOREWORKS」 希望の職場がすぐ見つかる!! 登録無料!! http://bit.ly/UdyX5m
[CCL web vol.6] 2014年のWebデザイントレンドと 本当に必要とされるデザインと手法
[CCL web vol.6] 2014年のWebデザイントレンドと 本当に必要とされるデザインと手法
FICC inc.
第57回HTML5とか勉強会にて、発表。 UXデザインスタジオの立ち上げとこれまでの活動の紹介。またUXデザイナーに関するスキルセット・マインドセットの策定とUX向上施策の概要について紹介しています。
0から始めるUXデザイン(UXデザインの組織を作る)
0から始めるUXデザイン(UXデザインの組織を作る)
Jiji Kim
マンガボックスアプリ開発の反省から学んだコトを話します
マンガボックスのアプリができるまで
マンガボックスのアプリができるまで
tomo tsubota
2015.10.07 (水) @DeNA 渋谷ヒカリエ UI Crunch - Girls’ Night / 女子の心をつかむUIデザインのコツ http://ui-crunch.connpass.com/event/20562/ にて登壇した内容。 1年間iOSとAndroidのアプリの設計デザイン・運用・改善フェーズに関わったMERYアプリを元に「女子の心をつかむUIデザインポイント」をお話ししました。 MERYは、トレンドに敏感な女の子のためのサービスです。ファッション、メイク、ヘアスタイルなど女の子のためになる記事が毎日読めて、記事で紹介されたファッションアイテムなど買うことができます。 iOS https://itunes.apple.com/jp/app/mery-meri-nuno-zinotameno/id884484921?l=en&mt=8 Android https://play.google.com/store/apps/details?id=jp.peroli.mery&hl=ja
女子の心をつかむUIデザインポイント - MERY編 -
女子の心をつかむUIデザインポイント - MERY編 -
Shoko Tanaka
2014年7月30日におこなわれたADC MEETUPでのセッションのスライドです。 Photoshop CC 2014を使用することを想定した内容となっています。
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
Hiroyuki Makishita
これからWebデザイナーを目指す人や、Webデザイナーになって間もない人に向けたプレゼンテーションです。デザイナーとは?これからのWebデザイナーとしてキャリアは?など多くの内容を盛り込んでおります。
Webデザイナー1年生の為のしおり
Webデザイナー1年生の為のしおり
tomoakitomono
「WPJ Conference Vol.1 DESIGN meets CODE」の発表資料
デザインエンジニア・ボーダーレスな時代を楽しもう!
デザインエンジニア・ボーダーレスな時代を楽しもう!
Hideki Akiba
2013年11月21日(木)19:00-20:00、アップルストア銀座で開催されたCSS Nite in Ginza, Vol.72のスライド。 http://cssnite.jp/ginza/vol72/ 参照リンクなど http://bit.ly/1blGiqd
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
swwwitch inc.
第57回HTML5とか勉強会で、発表するかもしれなかった資料です。 UXデザインについて考えるときのポイントと、(ちょっと強引ですが)HTML5によってUXデザインが変わること、について紹介しています
0から始めるUXデザイン(UXデザインを知る)
0から始めるUXデザイン(UXデザインを知る)
Jiji Kim
2016年4月19日にシナップ社内で開催されたアクセシビリティ勉強会で使用したスライドです。
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
力也 伊原
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/398/room ーーーーーーーーーーーーーーーーーーーーーーー
HTML5時代のモバイルWEBアプリケーションデザイン 先生:白石 俊平・秋葉 秀樹
HTML5時代のモバイルWEBアプリケーションデザイン 先生:白石 俊平・秋葉 秀樹
schoowebcampus
2015/10/29にリクルートライフスタイルで行われた「CREATORS LIVERTY#4」の登壇資料です。 グッドパッチのデザインへの向き合い方と、デザインカルチャーについて話しました。
グッドパッチのデザインカルチャーの作り方
グッドパッチのデザインカルチャーの作り方
Satoru MURAKOSHI
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/234/room ーーーーーーーーーーーーーーーーーーーーーーー
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
schoowebcampus
2012年5月12日に青山ブックセンター本店で開催された欧文書体セミナーTypeTalks第10回「もっと知りたい!Webフォント」のスライドです。 ・・・ 【追記1】スライド10の「Arialは何と呼ぶ?」は、日本においてArialは色々な呼び方が流通しているという蛇足話で、正しい読み方を追求する意図はありません。統計データは当ブログのFacebookページで皆さんに行ったアンケート結果です。スライドのペラ1画像がひとり歩きしてしまっているため、この場で補足いたします。 【追記2】スライド62の「OpenTypeフォント機能に対応するブラウザ」は、現在Chromeも対応しています。 ・・・ 1. Webフォントとは? 1-1. Webで使えるフォント 1-2. Webフォントサービス 1-3. 利用者にとってのメリット 1-4. 制作者にとってのメリット 2. Webフォントの今 2-1. Webフォントサービスの今 2-2. 付帯・補助サービスの紹介 2-3. OpenTypeフォント機能が実現 3. Webフォントの課題 3-1. Windows上の表示問題 3-2. 使いたいフォントが選べない? 4. フォントブログのWebフォント 4-1. 現在使っているWebフォント 4-2. ロゴをWebフォント化 5. 本日のまとめ 5-1. 相性がよいサイトとは? 5-2. Webタイポグラフィとは? ・・・ ABCでabcを語ろう! TypeTalks 第10回 「もっと知りたい!Webフォント Webフォントの基礎が分かる“これまで”と、海外の最新事情から知る“これから”」 http://www.aoyamabc.co.jp/culture/typetalks10/
TypeTalks第10回「もっと知りたい!Webフォント」
TypeTalks第10回「もっと知りたい!Webフォント」
Kosuke Yamada
WCAF vol.10 こもり資料
Web Design Process for The Future
Web Design Process for The Future
masaaki komori
More Related Content
What's hot
GREE Creators' Meetup#3 https://youtu.be/xkbk93k6H-U 【UIデザインの品質を効率的に向上させるには?】
Gcm#3 uiデザインの品質を効率的に向上させるには?
Gcm#3 uiデザインの品質を効率的に向上させるには?
GREE/Art
【17-E-4】 未来はどこにいても誰にでも平等にある。 未来を創るのは自分自身だ。 ~SIerの中で生きるということ~
【17-E-4】 未来はどこにいても誰にでも平等にある。 未来を創るのは自分自身だ。 ~SIerの中で生きるということ~
Yoshitaka Kawashima
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/322/room ーーーーーーーーーーーーーーーーーーーーーーー
フラットデザインに出来ること/出来ないことを学ぶ 先生:橘 雄大
フラットデザインに出来ること/出来ないことを学ぶ 先生:橘 雄大
schoowebcampus
第25回 岡山WEBクリエイターズ「パララックス / CSS / タイポグラフィ 再入門」にて講演。[2014-04-19] ちょっとした工夫で“普通のテキスト”を“デザインされたテキスト”に変えることができます。今までのWEBデザインではデバイスフォントという制約もあり、DTPと比べるとタイポグラフィはあまり重要視されてきませんでしたが、高解像度のデバイスやウェブフォントの普及などにより、その必要性は高まっています。適切で根拠のあるテキストの扱い方を学び、あなたが制作するデザインに自信つくよう、DTP・WEB両方のデザイン経験を元にタイポグラフィと文字組版の基本を解説いたします。
デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本
Takuya Nishitani
DevLOVE で話したときの資料です
Sketchで変わるワークフロー
Sketchで変わるワークフロー
Asami Yamamoto
Event : UI Crunch UNDER 25 -若手デザイナーがもっと成長できる場を- Location : DeNA Sakura Cafe Date : 2015.09.26 Speaker : 割石裕太 / wariemon - UI Designer @Fablic inc. / OH 国内有数の人気を誇るUIイベント、UI Crunch の特別版、 UI Crunch UNDER 25 -若手デザイナーがもっと成長できる場を- で、AROUND 25 のデザイナーの一人として、登壇させていただきました。 Fablic inc. に転職したばかりの自分にとって、自分のセルフブランディングを 考えることの重要性、またその効果についてお話しました。 デザイナーとしての自分と向き合うために、そしてどう見られるかを考えるために、 見つけ出した3つの問いをベースに登壇資料をまとめました。
自分と向き合うセルフブランディング
自分と向き合うセルフブランディング
wariemon
UXデザインの専門家でない人向けに、何をどうするとUXデザインになるのか、なんのためにやるのかを、ちょー乱暴に解説したスライドです。まだこれ自体が模索中であり、本当におかんが見たら意味がわからないこと請け合い。今後のバージョンアップが期待されます。なお、スライド中の解説について、深く知りたい場合はそれぞれ別個にぐぐるなり何なりして頑張ってください。 (本バージョンはversion 0.4です。CSS Nite in SENDAI, Vol.8で発表いたしました)
おかんでもわかるUXデザイン Ver.0.4
おかんでもわかるUXデザイン Ver.0.4
Yu Morita
6月25日(水)、竹橋マイナビルームにてマイナビ様が主催する「Creator’s Career Lounge(以下、CCL) vol.6」が開催され、FICCから戸塚、福岡、冨田、STANDARD社から鈴木 健一氏が登壇しました。「Webデザイントレンドの潮流」をテーマに、これまでのWebデザインが歩んだ歴史と背景、そして現在Webの現場で活躍するWebデザイン技法についての講演のスライドです。 ・FICCは一緒に働きたい人を募集しています。 【詳しくは】 http://www.ficc.jp/recruit/ ・STANDARDは、スマートフォンアプリやWebサイト Webサービス等のUIデザインに特化したプロダクションです。 人の役に立つアプリやサービス制作に携わりたい人を募集します。 【詳しくは】 http://www.standardinc.jp ・Web業界で活躍したい人のための求人サイト「MOREWORKS」 希望の職場がすぐ見つかる!! 登録無料!! http://bit.ly/UdyX5m
[CCL web vol.6] 2014年のWebデザイントレンドと 本当に必要とされるデザインと手法
[CCL web vol.6] 2014年のWebデザイントレンドと 本当に必要とされるデザインと手法
FICC inc.
第57回HTML5とか勉強会にて、発表。 UXデザインスタジオの立ち上げとこれまでの活動の紹介。またUXデザイナーに関するスキルセット・マインドセットの策定とUX向上施策の概要について紹介しています。
0から始めるUXデザイン(UXデザインの組織を作る)
0から始めるUXデザイン(UXデザインの組織を作る)
Jiji Kim
マンガボックスアプリ開発の反省から学んだコトを話します
マンガボックスのアプリができるまで
マンガボックスのアプリができるまで
tomo tsubota
2015.10.07 (水) @DeNA 渋谷ヒカリエ UI Crunch - Girls’ Night / 女子の心をつかむUIデザインのコツ http://ui-crunch.connpass.com/event/20562/ にて登壇した内容。 1年間iOSとAndroidのアプリの設計デザイン・運用・改善フェーズに関わったMERYアプリを元に「女子の心をつかむUIデザインポイント」をお話ししました。 MERYは、トレンドに敏感な女の子のためのサービスです。ファッション、メイク、ヘアスタイルなど女の子のためになる記事が毎日読めて、記事で紹介されたファッションアイテムなど買うことができます。 iOS https://itunes.apple.com/jp/app/mery-meri-nuno-zinotameno/id884484921?l=en&mt=8 Android https://play.google.com/store/apps/details?id=jp.peroli.mery&hl=ja
女子の心をつかむUIデザインポイント - MERY編 -
女子の心をつかむUIデザインポイント - MERY編 -
Shoko Tanaka
2014年7月30日におこなわれたADC MEETUPでのセッションのスライドです。 Photoshop CC 2014を使用することを想定した内容となっています。
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
Hiroyuki Makishita
これからWebデザイナーを目指す人や、Webデザイナーになって間もない人に向けたプレゼンテーションです。デザイナーとは?これからのWebデザイナーとしてキャリアは?など多くの内容を盛り込んでおります。
Webデザイナー1年生の為のしおり
Webデザイナー1年生の為のしおり
tomoakitomono
「WPJ Conference Vol.1 DESIGN meets CODE」の発表資料
デザインエンジニア・ボーダーレスな時代を楽しもう!
デザインエンジニア・ボーダーレスな時代を楽しもう!
Hideki Akiba
2013年11月21日(木)19:00-20:00、アップルストア銀座で開催されたCSS Nite in Ginza, Vol.72のスライド。 http://cssnite.jp/ginza/vol72/ 参照リンクなど http://bit.ly/1blGiqd
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
swwwitch inc.
第57回HTML5とか勉強会で、発表するかもしれなかった資料です。 UXデザインについて考えるときのポイントと、(ちょっと強引ですが)HTML5によってUXデザインが変わること、について紹介しています
0から始めるUXデザイン(UXデザインを知る)
0から始めるUXデザイン(UXデザインを知る)
Jiji Kim
2016年4月19日にシナップ社内で開催されたアクセシビリティ勉強会で使用したスライドです。
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
力也 伊原
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/398/room ーーーーーーーーーーーーーーーーーーーーーーー
HTML5時代のモバイルWEBアプリケーションデザイン 先生:白石 俊平・秋葉 秀樹
HTML5時代のモバイルWEBアプリケーションデザイン 先生:白石 俊平・秋葉 秀樹
schoowebcampus
2015/10/29にリクルートライフスタイルで行われた「CREATORS LIVERTY#4」の登壇資料です。 グッドパッチのデザインへの向き合い方と、デザインカルチャーについて話しました。
グッドパッチのデザインカルチャーの作り方
グッドパッチのデザインカルチャーの作り方
Satoru MURAKOSHI
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/234/room ーーーーーーーーーーーーーーーーーーーーーーー
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
schoowebcampus
What's hot
(20)
Gcm#3 uiデザインの品質を効率的に向上させるには?
Gcm#3 uiデザインの品質を効率的に向上させるには?
【17-E-4】 未来はどこにいても誰にでも平等にある。 未来を創るのは自分自身だ。 ~SIerの中で生きるということ~
【17-E-4】 未来はどこにいても誰にでも平等にある。 未来を創るのは自分自身だ。 ~SIerの中で生きるということ~
フラットデザインに出来ること/出来ないことを学ぶ 先生:橘 雄大
フラットデザインに出来ること/出来ないことを学ぶ 先生:橘 雄大
デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本
Sketchで変わるワークフロー
Sketchで変わるワークフロー
自分と向き合うセルフブランディング
自分と向き合うセルフブランディング
おかんでもわかるUXデザイン Ver.0.4
おかんでもわかるUXデザイン Ver.0.4
[CCL web vol.6] 2014年のWebデザイントレンドと 本当に必要とされるデザインと手法
[CCL web vol.6] 2014年のWebデザイントレンドと 本当に必要とされるデザインと手法
0から始めるUXデザイン(UXデザインの組織を作る)
0から始めるUXデザイン(UXデザインの組織を作る)
マンガボックスのアプリができるまで
マンガボックスのアプリができるまで
女子の心をつかむUIデザインポイント - MERY編 -
女子の心をつかむUIデザインポイント - MERY編 -
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
Webデザイナー1年生の為のしおり
Webデザイナー1年生の為のしおり
デザインエンジニア・ボーダーレスな時代を楽しもう!
デザインエンジニア・ボーダーレスな時代を楽しもう!
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
0から始めるUXデザイン(UXデザインを知る)
0から始めるUXデザイン(UXデザインを知る)
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
HTML5時代のモバイルWEBアプリケーションデザイン 先生:白石 俊平・秋葉 秀樹
HTML5時代のモバイルWEBアプリケーションデザイン 先生:白石 俊平・秋葉 秀樹
グッドパッチのデザインカルチャーの作り方
グッドパッチのデザインカルチャーの作り方
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
Viewers also liked
2012年5月12日に青山ブックセンター本店で開催された欧文書体セミナーTypeTalks第10回「もっと知りたい!Webフォント」のスライドです。 ・・・ 【追記1】スライド10の「Arialは何と呼ぶ?」は、日本においてArialは色々な呼び方が流通しているという蛇足話で、正しい読み方を追求する意図はありません。統計データは当ブログのFacebookページで皆さんに行ったアンケート結果です。スライドのペラ1画像がひとり歩きしてしまっているため、この場で補足いたします。 【追記2】スライド62の「OpenTypeフォント機能に対応するブラウザ」は、現在Chromeも対応しています。 ・・・ 1. Webフォントとは? 1-1. Webで使えるフォント 1-2. Webフォントサービス 1-3. 利用者にとってのメリット 1-4. 制作者にとってのメリット 2. Webフォントの今 2-1. Webフォントサービスの今 2-2. 付帯・補助サービスの紹介 2-3. OpenTypeフォント機能が実現 3. Webフォントの課題 3-1. Windows上の表示問題 3-2. 使いたいフォントが選べない? 4. フォントブログのWebフォント 4-1. 現在使っているWebフォント 4-2. ロゴをWebフォント化 5. 本日のまとめ 5-1. 相性がよいサイトとは? 5-2. Webタイポグラフィとは? ・・・ ABCでabcを語ろう! TypeTalks 第10回 「もっと知りたい!Webフォント Webフォントの基礎が分かる“これまで”と、海外の最新事情から知る“これから”」 http://www.aoyamabc.co.jp/culture/typetalks10/
TypeTalks第10回「もっと知りたい!Webフォント」
TypeTalks第10回「もっと知りたい!Webフォント」
Kosuke Yamada
WCAF vol.10 こもり資料
Web Design Process for The Future
Web Design Process for The Future
masaaki komori
顧客コミュニケーション・マーケティングリサーチ・ユーザーアンケートなどに使える最先端のWEBアンケートツール。しばらく無料です!⇒ https://creativesurvey.com/
レスポンシブ・ウェブデザイン -Responsive web design-
レスポンシブ・ウェブデザイン -Responsive web design-
CREATIVE SURVEY
デザインは小さなテキストから始まります。コンテンツを膨大に抱える大規模なサイトでも、ユーザーにコンテンツ作成を委ねる小さなアプリケーションでも小さなテキストが行動の変化に繋がる場合があります。 コンテンツがある状態でデザインするのと、何もないままスタートするのでは大きな差が生まれます。 UI デザインの話になると、ビジュアルやインタラクションが話題の中心になりがちですが、コンテンツも UI です。なぜコンテンツが UI デザインにおいて重要なのかを解説すると共に、今セッションでは小さなテキストの工夫からはじまるデザインについて、幾つかのケーススタディーをみながら傾向と対策を紹介します。
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
Yasuhisa Hasegawa
webサイトやスマホアプリなどの色の決め方について。 60-30-10Ruleの話。 Kulerで色の基本について説明。 こんなふうにアクセントの色が決められるよね、っていうスライドです。 ----- 以前に社内LTで行ったスライドの改変です。
とある色の決め方
とある色の決め方
Yumi uniq Ishizaki
2012年2月16日 福井工業高等専門学校で行いましたデザインセミナーでのスライドです。
Webデザインのセオリーを学ぼう
Webデザインのセオリーを学ぼう
Toshiaki Sasaki
BP study #46
色彩センスのいらない配色講座
色彩センスのいらない配色講座
Mariko Yamaguchi
Viewers also liked
(7)
TypeTalks第10回「もっと知りたい!Webフォント」
TypeTalks第10回「もっと知りたい!Webフォント」
Web Design Process for The Future
Web Design Process for The Future
レスポンシブ・ウェブデザイン -Responsive web design-
レスポンシブ・ウェブデザイン -Responsive web design-
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
とある色の決め方
とある色の決め方
Webデザインのセオリーを学ぼう
Webデザインのセオリーを学ぼう
色彩センスのいらない配色講座
色彩センスのいらない配色講座
Similar to お客様の印象を見える化し、求められるデザインへ。ユーザーニーズに直結したデザイン戦略とは(MarkeZineDay2011)
WebUX研究会での発表資料。サイト内検索の分析手法について紹介。
サイトサーチアナリティクスとは
サイトサーチアナリティクスとは
Makoto Shimizu
Web
Web
Haruko Kakiuchi
オープンコミュニティ「要求開発アライアンス」(http://www.openthology.org)の2011年6月定例会発表資料です。 Open Community "Requirement Development Alliance" 2011/6 regular meeting of the presentation materials.
ドメイン駆動設計と要求開発
ドメイン駆動設計と要求開発
Kent Ishizawa
Webdirection
Webdirection
Digital Hollywood
良いWeb制作会社の選び方
良いWeb制作会社の選び方
rimi_yamashita
最新事例にみるサービスデザインという新潮流(I・CON2014)
最新事例にみるサービスデザインという新潮流(I・CON2014)
IMJ Corporation
Designer meets Designers 04 "IA" 20081002
Designer meets Designers 04 "IA" 20081002
Takashi Sakamoto
コンセプト具現化の要諦である知覚品質
Marketing 07 コンセプト具現化の要諦である知覚品質
Marketing 07 コンセプト具現化の要諦である知覚品質
Meiji University / 明治大学
Pixate勉強会で使用した資料です。
プロトタイピングの目的・範囲・ツール
プロトタイピングの目的・範囲・ツール
theguild
2012-05-30 ShibuyaUXのセミナー資料。 当日のTweetはこちら http://togetter.com/li/312567
ShibuyaUX - UX and Analytics
ShibuyaUX - UX and Analytics
Makoto Shimizu
コンセプトダイアグラムを中心とした、ユーザー視点でWeb解析を設計・実践する方法の紹介。2015年10月に開催したセミナーの資料です。
UX流Web解析 (2015.10版)
UX流Web解析 (2015.10版)
Makoto Shimizu
クリニックなどの医療施設開業に向けたデザイン・コンサルテーションの基本提案書(前半)。後半でホスピタルアイデンティティの考え方やプロモーション思考などについて続く。
メディカルデザインプロデュース(基本軽)提案書100615
メディカルデザインプロデュース(基本軽)提案書100615
Daisuke Hachimura
アクセス解析だけでは見えない問題点をユーザー行動分析を併用することでグロース個所の精度をあげることが出来る解説です。
ユーザテストと定量分析ツールの併用方法
ユーザテストと定量分析ツールの併用方法
Ryota Ono
デザインは誤解されることが多いと思います。 その一つひとつに答えながら、いいデザインのために組織の一人ひとりができることを共有します。
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
Masahiko Yoshikawa
2014.08.30 Hokuriku.NET vol.15 で講演した資料です。ただし、自主規制バージョンです。
これからの開発現場が持つべき最低限の開発フロー #hokunet
これからの開発現場が持つべき最低限の開発フロー #hokunet
智治 長沢
CXとUXの比較説明
Customer Experience vs User Experience
Customer Experience vs User Experience
Roy Kim
2017年1月28日開催のゼロディレ設計編資料です。
【設計編Ver2】0からのディレクション講座
【設計編Ver2】0からのディレクション講座
本間 和城
2013/01/28のレバレジーズ株式会社様主催【 ヒカ☆ラボ 】【1/28開催決定】ユーザーを虜にするUI/UXとは!? -実務と学術の両面的視点から徹底解析!!- http://atnd.org/events/35028 で話した内容から自分のパートのみを抜き出しました。 坂田のパートは http://www.slideshare.net/koichisakata/ss-16286186 にあります。 また、スライドで紹介している「UXデザイン定義書」のフォーマットは、 http://www.slideshare.net/mikihirofujii/templateux にあります。
つくるべきモノをつくる
つくるべきモノをつくる
Mikihiro Fujii
schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/72/room
【Schoo web campus】webサイトの「ユーザー体験」を高める 先生:坂本貴史
【Schoo web campus】webサイトの「ユーザー体験」を高める 先生:坂本貴史
schoowebcampus
Googleアナリティクスのユーザー会、_gaTrackerでの発表した内容です。詳細はこちら。 http://webweb.jp/blog/other/_gatracker/
大規模サイトのSEOとGoogleアナリティクス(辻正浩)-_gaTrackerでの発表資料
大規模サイトのSEOとGoogleアナリティクス(辻正浩)-_gaTrackerでの発表資料
tsuj
Similar to お客様の印象を見える化し、求められるデザインへ。ユーザーニーズに直結したデザイン戦略とは(MarkeZineDay2011)
(20)
サイトサーチアナリティクスとは
サイトサーチアナリティクスとは
Web
Web
ドメイン駆動設計と要求開発
ドメイン駆動設計と要求開発
Webdirection
Webdirection
良いWeb制作会社の選び方
良いWeb制作会社の選び方
最新事例にみるサービスデザインという新潮流(I・CON2014)
最新事例にみるサービスデザインという新潮流(I・CON2014)
Designer meets Designers 04 "IA" 20081002
Designer meets Designers 04 "IA" 20081002
Marketing 07 コンセプト具現化の要諦である知覚品質
Marketing 07 コンセプト具現化の要諦である知覚品質
プロトタイピングの目的・範囲・ツール
プロトタイピングの目的・範囲・ツール
ShibuyaUX - UX and Analytics
ShibuyaUX - UX and Analytics
UX流Web解析 (2015.10版)
UX流Web解析 (2015.10版)
メディカルデザインプロデュース(基本軽)提案書100615
メディカルデザインプロデュース(基本軽)提案書100615
ユーザテストと定量分析ツールの併用方法
ユーザテストと定量分析ツールの併用方法
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
これからの開発現場が持つべき最低限の開発フロー #hokunet
これからの開発現場が持つべき最低限の開発フロー #hokunet
Customer Experience vs User Experience
Customer Experience vs User Experience
【設計編Ver2】0からのディレクション講座
【設計編Ver2】0からのディレクション講座
つくるべきモノをつくる
つくるべきモノをつくる
【Schoo web campus】webサイトの「ユーザー体験」を高める 先生:坂本貴史
【Schoo web campus】webサイトの「ユーザー体験」を高める 先生:坂本貴史
大規模サイトのSEOとGoogleアナリティクス(辻正浩)-_gaTrackerでの発表資料
大規模サイトのSEOとGoogleアナリティクス(辻正浩)-_gaTrackerでの発表資料
More from CREATIVE SURVEY
クリエイティブサーベイ株式会社のプロフィールです。現在人材を積極採用中です。ぜひ弊社のことを知っていただけますと幸いです。
Cs recruting material-210827
Cs recruting material-210827
CREATIVE SURVEY
新機能のご紹介はこちらです。 https://appexchangejp.salesforce.com/appxListingDetail?listingId=a0N3A00000FMiETUA1
Creative survey for salesforce【ver1.5】新機能のご紹介
Creative survey for salesforce【ver1.5】新機能のご紹介
CREATIVE SURVEY
CREATIVE SURVEY ENTERPRISE
20170328 CREATIVE SURVEY ENTERPRISE
20170328 CREATIVE SURVEY ENTERPRISE
CREATIVE SURVEY
Appleが提供しているVPP(ボリュームパーチェイスプログラム)を利用してアプリを購入する手順です。 VPPを利用すると企業が大量に購入したアプリを配布することができます。
Vpp手順 20140617
Vpp手順 20140617
CREATIVE SURVEY
プロモーションコードの利用を分かりやすく説明した資料です。
iPad の プロモーションコード利用方法
iPad の プロモーションコード利用方法
CREATIVE SURVEY
国内2大ソーシャルゲームプラットフォーム「GREE」「mobage」のアプリ画面の印象調査を行いました。iphoneユーザーのみを対象に、iphone上で実施しています。
女性はグリー、男性はモバゲーのアプリデザインを支持!! -iphoneアプリデザイン調査-
女性はグリー、男性はモバゲーのアプリデザインを支持!! -iphoneアプリデザイン調査-
CREATIVE SURVEY
今回はクリエイティブサーベイの調査結果を基にしたキャンペーンサイト制作によって大きな成果を上げた、株式会社インテリジェンス運営の転職サイト『DODA』の調査事例をご紹介します。
ユーザーの滞在時間が大幅増!! – 転職支援サービスサイトにおけるユーザーニーズの調査 -
ユーザーの滞在時間が大幅増!! – 転職支援サービスサイトにおけるユーザーニーズの調査 -
CREATIVE SURVEY
「キーワードは開放感!?」 - ブライダルフェア集客に適した画像に関する調査 -
「キーワードは開放感!?」 - ブライダルフェア集客に適した画像に関する調査 -
CREATIVE SURVEY
『女性が憧れる』理想の結婚式のイメージを伝えるウェブデザイン -横浜のホテルウェディング式場に関する調査事例-
『女性が憧れる』理想の結婚式のイメージを伝えるウェブデザイン -横浜のホテルウェディング式場に関する調査事例-
CREATIVE SURVEY
2011年から一気にシェアを伸ばし、遂に白熱電球の販売量を超えたLED電球のパッケージデザイン比較調査です。 今後さらにシェアが伸びていくと予想されるLED電球のパッケージデザインにアピールすべきは「省エネ」それとも「明るさ」?
「キーワードは省エネ?明るさ?」- LED電球のパッケージデザイン調査 -
「キーワードは省エネ?明るさ?」- LED電球のパッケージデザイン調査 -
CREATIVE SURVEY
CREATIVE SURVEYの調査事例です。 特に一泊あたりの価格が高いホテルになればなるほど値段に見合った雰囲気を味わえそうな印象を受ける写真が使われているかどうかは、宿泊の意思決定に関わる重要な要素だと思います。 今回の調査では1泊5万円以上する都内の高級ラグジュアリーホテルで実際に客室イメージ写真として使用されているものを比較検証しました。 消費者に響くホテルの客室写真にはどんな条件があるのでしょうか!?
「あなたはどんな部屋に泊まってみたい?」- 消費者に響くホテルの写真選び -
「あなたはどんな部屋に泊まってみたい?」- 消費者に響くホテルの写真選び -
CREATIVE SURVEY
More from CREATIVE SURVEY
(11)
Cs recruting material-210827
Cs recruting material-210827
Creative survey for salesforce【ver1.5】新機能のご紹介
Creative survey for salesforce【ver1.5】新機能のご紹介
20170328 CREATIVE SURVEY ENTERPRISE
20170328 CREATIVE SURVEY ENTERPRISE
Vpp手順 20140617
Vpp手順 20140617
iPad の プロモーションコード利用方法
iPad の プロモーションコード利用方法
女性はグリー、男性はモバゲーのアプリデザインを支持!! -iphoneアプリデザイン調査-
女性はグリー、男性はモバゲーのアプリデザインを支持!! -iphoneアプリデザイン調査-
ユーザーの滞在時間が大幅増!! – 転職支援サービスサイトにおけるユーザーニーズの調査 -
ユーザーの滞在時間が大幅増!! – 転職支援サービスサイトにおけるユーザーニーズの調査 -
「キーワードは開放感!?」 - ブライダルフェア集客に適した画像に関する調査 -
「キーワードは開放感!?」 - ブライダルフェア集客に適した画像に関する調査 -
『女性が憧れる』理想の結婚式のイメージを伝えるウェブデザイン -横浜のホテルウェディング式場に関する調査事例-
『女性が憧れる』理想の結婚式のイメージを伝えるウェブデザイン -横浜のホテルウェディング式場に関する調査事例-
「キーワードは省エネ?明るさ?」- LED電球のパッケージデザイン調査 -
「キーワードは省エネ?明るさ?」- LED電球のパッケージデザイン調査 -
「あなたはどんな部屋に泊まってみたい?」- 消費者に響くホテルの写真選び -
「あなたはどんな部屋に泊まってみたい?」- 消費者に響くホテルの写真選び -
お客様の印象を見える化し、求められるデザインへ。ユーザーニーズに直結したデザイン戦略とは(MarkeZineDay2011)
1.
2011-10-07 markzineDay お客さまの印象を見える化し、求められるデザインへ。
ユーザーニーズに直結したデザイン戦略とは RYO TAGUCHI (FOURDIGIT Inc.)
2.
3.
2011-10-07 markzineDay お客さまの印象を見える化し、求められるデザインへ。
ユーザーニーズに直結したデザイン戦略とは RYO TAGUCHI (FOURDIGIT Inc.)
4.
デザイン制作プロセス
5.
一般的なWEBデザイン制作プロセス
設計 デザイン メンテ 戦略 要件 構造 骨格 表層 運用
6.
一般的なWEBデザイン制作プロセス
設計 デザイン メンテ 戦略 要件 構造 骨格 表層 運用 それぞれ仮説検証を繰り返して、最適化される
7.
一般的なWEBデザイン制作プロセス
設計 デザイン メンテ 戦略 要件 構造 骨格 表層 運用 マーケティング リサーチ
8.
一般的なWEBデザイン制作プロセス
設計 デザイン メンテ 戦略 要件 構造 骨格 表層 運用 マーケティング ユーザビリティ リサーチ テスト
9.
一般的なWEBデザイン制作プロセス
設計 デザイン メンテ 戦略 要件 構造 骨格 表層 運用 マーケティング ユーザビリティ アクセス リサーチ テスト 解析
10.
一般的なWEBデザイン制作プロセス
設計 デザイン メンテ 戦略 要件 構造 骨格 表層 運用 マーケティング ユーザビリティ アクセス リサーチ テスト 解析
11.
一般的なWEBデザイン制作プロセス
設計 デザイン メンテ 戦略 要件 構造 骨格 表層 運用 マーケティング ユーザビリティ 評価 アクセス リサーチ テスト できてない 解析
12.
デザインってどうやって決まってる?
13.
デザイン決定の実態
14.
デザインの最終的な意思決定者
(n=300)【複数選択】 発注会社の経営者 48% 発注会社の担当者の上司 32% 発注会社の担当者 23.3% 発注会社の社内プロジェクトメンバー内管理職の合意 12.3% 発注会社の社内プロジェクトメンバー全員の合意 12% 社外・代理店の契約コンサルタント 5.7% その他 0% 5% 10% 15% 20% 25% 30% 35% 40% 45% 50% FOURDITGIT 、インプレスビジネスメディアの共同調査
15.
デザインの決定のポイント
(n=300)【複数選択】 発注会社の経営者・上司・担当者の好みで決まる 54% 特に悪い所が見当たらなければ充分 32% サイト制作のゴールを達成できそうだから 20.7% デザインはよくわからない 7% 著名なクリエイターが出してきたから 4.3% その他 0% 0.23% 6% 12% 18% 24% 30% 36% 42% 48% 54% 60% FOURDITGIT 、インプレスビジネスメディアの共同調査
16.
現場では・・・
TARGET 20代女性 担当者 制作スタッフ 30代男性 20代女性
17.
現場では・・・
TARGET 20代女性 担当者 制作スタッフ 30代男性 20代女性 デザイン最終決定者 50代男性
18.
少数の感性で主観的に決めている、という現実
19.
設計
デザイン メンテ 戦略 要件 構造 骨格 表層 運用 マーケティング ユーザビリティ アクセス リサーチ テスト 解析 戦略立案 行動観察調査
20.
一般的なWEBデザイン制作プロセス
設計 デザイン メンテ 戦略 要件 構造 骨格 表層 運用 評価 できてない
21.
一般的なWEBデザイン制作プロセス
設計 デザイン メンテ 戦略 要件 構造 骨格 表層 運用 つながってない
22.
MARKETING
TARGET つながってない
23.
ターゲットへリーチする広告手法の多様化
24.
ターゲティング広告の推移
2015年は 906億 (予測) 2008年は 120億
25.
あらゆる広告手法によって せっかくリーチした見込み客
26.
あらゆる広告手法によって せっかくリーチした見込み客
が、見るもの
27.
MARKETING
TARGET つながってない
28.
MARKETING
TARGET つなげよう
29.
設計
デザイン メンテ 戦略 要件 構造 骨格 表層 運用 マーケティング ユーザビリティ アクセス リサーチ テスト ここで 解析 手を抜かず 戦略立案 行動観察調査 定量調査
30.
設計
デザイン メンテ 戦略 要件 構造 骨格 表層 運用 マーケティング ユーザビリティ アクセス リサーチ テスト 解析 印象評価 戦略立案 行動観察調査 定量調査
31.
ビジュアルデザインにユーザーの感性を取り入れ、 最適化することで下記の成果を期待できます。 短期的な成果
長期的な成果 CTR・CVRなど ブランディングの実現 数値指標の向上 ロイヤリティの向上
32.
設計
デザイン メンテ 戦略 要件 構造 骨格 表層 運用 マーケティング ユーザビリティ アクセス リサーチ テスト 解析 印象評価
33.
設計
デザイン メンテ 戦略 要件 構造 骨格 表層 運用 マーケティング ユーザビリティ アクセス リサーチ テスト 解析 印象評価
34.
35.
22万の会員
ビジュアル ネット調査 集計レポート
36.
設計
デザイン メンテ 戦略 要件 構造 骨格 表層 運用 マーケティング ユーザビリティ アクセス リサーチ テスト 解析 印象評価
37.
印象の差
38.
CREATIVE SURVEY®
調査画像イメージ 印象エンゲージ による定性意見 海で写真を 大自然を感じる バナーA 撮る二人 行ってみたい ワインを 女性がイマイチ。 バナーB 飲む二人 美味しそうじゃない
39.
CREATIVE SURVEY®
印象エンゲージ 実際のCTR による支持率 バナーA 26 バナーB 5
40.
CREATIVE SURVEY®
印象エンゲージ 実際のCTR による支持率 バナーA 26 2倍以上 バナーB 5 1
41.
A:Bで 50:50の比率で出稿した場合
CTR UU CVR CV 単価 売上 バナーA 2 20,000 100 1,000万 0.5% 10万 バナーB 1 10,000 50 500万
42.
A:Bで 80:20の比率で出稿した場合
CTR UU CVR CV 単価 売上 バナーA 2 32,000 160 1,600万 0.5% 10万 バナーB 1 4,000 20 200万
43.
A:Bで 80:20の比率で出稿した場合
CTR UU CVR CV 単価 売上 バナーA 2 32,000 160 1,600万 売上合計 0.5% 10万 300万 UP バナーB 1 4,000 20 200万
44.
海外でのアクティビティ:バナー
良い点 30代 50代 アクティブに楽しめそう 大自然が分かりやすい 世界遺産で遊べるのは贅沢 きれい 写真がキレイ 気持ち良さそう 気持ち良さそう! 世界遺産を二人占めがいい 良くない点 30代 50代 家族でいくので「ふたり」という カヤックしない人はちょっと 言葉に違和感がある。 体力を使うものは妻が苦手なの 「ふたり」がピンと来ない。 で・・・ 体力的に無理 人物が中心になりすぎている
45.
印象
印象エンゲージ 予想される反応 シックで CV導線へ いい ユーザーA 暗い ユーザーB ブランド価値の毀損 CVRの低下 寒々しい ユーザーC
46.
印象
印象エンゲージ 予想される反応 シックで CV導線へ いい ユーザーA 暗い ユーザーB ブランド価値の毀損 CVRの低下 長期視点 寒々しい での損失 ユーザーC
47.
ビジュアルデザインにユーザーの感性を取り入れ、 最適化することで下記の成果を期待できます。 短期的な成果
長期的な成果 CTR・CVRなど ブランディングの実現 数値指標の向上 ロイヤリティの向上
48.
事例紹介
49.
インテリジェンスさま WEBサイト設計の参考・現状調査 コンサルタントの訴求
50.
インテリジェンスさま
WEBサイト設計の参考・現状調査 「コンサルタントが重要な 英会話サイトから、 評価の高い見せ方を抽出する」 ECC GABA AEON Berlitz 特にコンサルの見せ方、情報の見せ方を調査 コンサルを中心に訴求する上で、 どういった見せ方が印象がよいかを抽出する。
51.
調査内容
WEBサイトに関する印象調査 調査対象 地域 : 全国 / 年齢 : 20∼39歳 / 性別 : 男女 / 年収 : 300万円以上 ターゲットユーザー 職業 : 会社員・公務員 対象となるWEBページ1 : 転職サービスを行う4社のサービス導入に該当するページ 調査サンプル画像 対象となるWEBページ2 : 英会話サービスを行う4社のサービス案内ページ 画像の入手方法 : WEBサイト画像をインターネット経由でキャプチャ。 調査期間 2011/0-/17 18:00 ∼ 2011/0-/18 01:54 (7:54) 調査方法 「CREATIVE SURVEY ®」を使用したインターネット調査 有効回答数 50回答(人)
52.
質問 : この英会話サービスのウェブデザインにおける、好きな点および好ましくない点 について、各部を選択した上で自由に書き込んでください。【回答数 :
50】 AEON 良い意見のみ 悪い意見のみ -動機付けが明解 -イーオンだとすぐわかる -アジア人はインパクトに欠ける -読みやすく、字体もいい -色使いが爽やか -日本人を交えて -分かりやすい いる意味がない -簡潔である -イメージがわく -文字が小さい
53.
質問 : この英会話サービスのウェブデザインにおける、好きな点および好ましくない点 について、各部を選択した上で自由に書き込んでください。【回答数 :
50】 ECC 良い意見のみ 悪い意見のみ -見やすい -言葉が伝わりやすい -モデルの表情が -読みやすい よくない -下のポップなイラストとのバラン スが悪い -外国人のひげが -分かりやすい -図解されていると見や 印象が悪い すい -イメージしやすい -年齢が若くない
54.
質問 : この英会話サービスのウェブデザインにおける、好きな点および好ましくない点 について、各部を選択した上で自由に書き込んでください。【回答数 :
50】 Berlitz 良い意見のみ 悪い意見のみ -申込が見やすい - 伝わらない -イメージできてよい -良い提案をしてくれそう - 流れが示さ -全体的にごちゃごちゃしている れていてよい - 初心者なの で、イメージ できて安心
55.
印象調査での分析結果 1:コンサルタントの印象が全体の印象形成に大きく影響する 2:コンサルタントのみの写真は好かれない(イメージが偏る)傾向がある 3:受講者とペアの写真で、具体的なシーン(対面で話すシーン など)は好 印象を与えている 4:簡潔な説明の評価が高く、特にサービスのフローや流れの説明・図解は 評価が高い傾向にある
56.
インテリジェンスさま
WEBサイト設計の参考・現状調査 コンサルタントの訴求 全体のコンテンツをサービス説明フロー化 コンサルタントが正面で明確に見えすぎないよう注意 コンサルタントと求職者の関係性が分かるような写真 サービスの一連の流れをコンサルタントを中心に訴求
57.
ご提案時の デザイン(抜粋)
58.
全体をサービス 説明フロー化
コンサルタント 写真の見せ方
59.
インテリジェンスさま
WEBサイト設計の参考・現状調査 設計 デザイン メンテ 戦略 要件 構造 骨格 表層 運用 印象評価
60.
インテリジェンスさま
WEBサイト設計の参考・現状調査 設計 デザイン メンテ 戦略 要件 構造 骨格 表層 運用 CREATIVE SURVEY で設計やビジュアル開発を最適化 ユーザーの感性を取り入れたプロセス
61.
インテリジェンスさま
WEBサイト設計の参考・現状調査 利用意向度・好感度、共に数%∼10%程度の改善 「安心できる」「信頼できる」「経験豊富そう」 などのイメージスコアが 30%∼40%の改善
62.
利用シーン
63.
競合調査・現状調査 メインビジュアル・写真選定 ブランド・マネジメント
64.
競合調査・現状調査 メインビジュアル・写真選定 ブランド・マネジメント
65.
競合調査・現状調査 メインビジュアル・写真選定 ブランド・マネジメント
66.
画像・メインビジュアル調査 ユーザーに良い印象を与えている写真を調査する
67.
画像・メインビジュアル調査 画像の 支持率
30% 24% 22% 15% 7% 7% 対象 画像 ユーザーの支持率は、4倍の差がありました。
68.
画像・メインビジュアル調査 どこがどういいのか? という掘り下げた調査が可能
69.
画像・メインビジュアル調査 1.広々とした空間を感じられる画像の印象が総じて良い。 2.寒色系と無彩色に近い色調が強調されている画像の印象が総じて悪い。 3.大多数のユーザーはホテルの客室に、日常とかけ離れ、かつリラックス できる空間を求めており、暖色系の暖かみのあるトーンが好まれる傾向 にある。 4.窓からの景観は非常に大きな訴求ポイントになるが、それよりも「落ち 着いた雰囲気」「広々とした空間」といったポイントの重要性が高い。 5.ベッドでくつろぐイメージを喚起できる画像が好まれる傾向にある。
70.
競合調査・現状調査 メインビジュアル・写真選定 ブランド・マネジメント
71.
72.
品 ブランドから連想する
質 重 ポジション 視 UNIQLO H&M GAP FOREVER21 TOPSHOP ZARA お 手 軽 トレンド重視 保守的
73.
品 WEBサイトの印象
質 重 ポジション 視 UNIQLO H&M GAP FOREVER21 TOPSHOP ZARA お 手 軽 トレンド重視 保守的
74.
品 ブランド
質 重 印象の差マップ 視 1. 2. UNIQLO 1. 2. 2. H&M 1. 2. GAP 2. FOREVER21 1. 2. TOPSHOP 1. ZARA 1. 1.ブランドロゴ、ブランドネーム お 手 2.ウェブデザイン 軽 トレンド重視 保守的
75.
ビジュアルデザインにユーザーの感性を取り入れ、 最適化することで下記の成果を期待できます。 短期的な成果
長期的な成果 CTR・CVRなど ブランディングの実現 数値指標の向上 ロイヤリティの向上
76.
設計
デザイン メンテ 戦略 要件 構造 骨格 表層 運用 印象評価
77.
10月よりマーケジンでの月連載もやります http://markezine.jp/article/corner/402
78.
http://www.creativesurvey.jp
79.
ありがとうございました SNSで最新事例などの更新をお知らせします! facebook
http://www.facebook.com/creativesurvey Twitter https://twitter.com/#!/creative_survey
Download now