Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ウェブデザインとセルフブランディング 2018
Search
Naoki Matsuda
January 27, 2018
Design
2
210
ウェブデザインとセルフブランディング 2018
Naoki Matsuda
January 27, 2018
Tweet
Share
More Decks by Naoki Matsuda
See All by Naoki Matsuda
UIデザインのための行動・認知プロセス
readymadegogo
0
81
知っておくと得をする(かもしれない) SVGの基礎とviewBox
readymadegogo
0
42
XDはBeautiful SVGの夢を見るか
readymadegogo
4
1.2k
webフォントを120%活用するための基礎知識&最新動向
readymadegogo
7
3.3k
SVG is on your side @ MTDDC 2018
readymadegogo
6
1.8k
デザインフェーズにおけるワイヤーフレームとの付き合い方@WCAN201802
readymadegogo
5
390
江戸城の歩き方@徳川美術館
readymadegogo
0
150
チームで使える。ワークフローに効く。Dreamweaver + Bootstrap @CSS nite LP51
readymadegogo
0
120
ハマるSVG@CSS nite LP47
readymadegogo
1
350
Other Decks in Design
See All in Design
root Design Partnership Policy
root_recruit
0
4.1k
リリース1ヶ月後で機能をなくした話
hinofu
1
700
モデル・デザイン入門
akitsugu7935
0
470
社内のコミュニケーション課題に対して個人的に行っているデザイン以外の草の根活動
sugiyama_sukedachi
0
150
全社を巻き込んだコーポレートバリューの再定義に関するデザイナーの関わり方
sugiyama_sukedachi
0
170
ゲームクリエイター、事業会社のデザイナーになる
satomium1
0
180
Sociotechnical design for software and human systems
xinyao
2
490
デザインを誘発する「イネーブルメント」アプローチ #spectrumfest2023 / 20231203
minamitary
0
580
もち的デザイナーのキャリアデザイン新提言:副業起業家のすゝめ
mochitaro
0
1.3k
ユーザーのためなら 『デザイン』 以外にも手を伸ばせる
navitimejapan
PRO
2
750
Product-Writing
aguringo
6
2.8k
良いアプリケーションをデザインするための感覚の持ち方 / Cultivating a Sense for Designing Great Applications
usagimaru
23
7.8k
Featured
See All Featured
Building Your Own Lightsaber
phodgson
99
5.7k
Practical Orchestrator
shlominoach
182
9.7k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
121
39k
Typedesign – Prime Four
hannesfritz
36
2.1k
Product Roadmaps are Hard
iamctodd
44
9.7k
Bootstrapping a Software Product
garrettdimon
PRO
302
110k
Facilitating Awesome Meetings
lara
42
5.6k
Optimizing for Happiness
mojombo
370
69k
Build The Right Thing And Hit Your Dates
maggiecrowley
24
2k
Building Effective Engineering Teams - LeadDev
addyosmani
28
1.8k
A better future with KSS
kneath
231
16k
A designer walks into a library…
pauljervisheath
200
23k
Transcript
2018 ͋ͳͨͷײੑͱεΩϧɺҰੜϞϊͰ͢ ΓΜ / দాथ
None
ιϩ׆ಈʹઐ೦
εϚʔτϑΥϯɾϞόΠϧʹ ݶఆ͠ͳ͍ઓ ϞόΠϧʮ৽ػ࣠ʯͰͳ͘ͳΓ ͢Ͱʹʮۭؾʯ΄ͲͨΓલͷଘࡏʹ
দాथ ΓΜ גࣜձࣾ·΅Ζ͠ CCO / σβΠφʔ Androidঁࢠ෦෦ Baidu Inc. σβΠφʔ
ࠓճͷςʔϚ ɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹ Έͳ͞ΜɺզʑͷΤʔϧͰ͢ɻ σβΠϯͱηϧϒϥϯσΟϯά
2017ɺ ؾʹͳͬͨ͜ͱ͋Γ·͔͢ʁ
͍ΖΜͳωοτܥϓϩμΫτ
None
None
None
AI / ਓೳ
None
https://blogs.adobe.com/creativestation/general-adobe-sensei-next-generation-design-environment https://ics.media/entry/16643
https://ledge.ai/pix2code-on-floydhub/
ੈؒͷྲྀߦ, webͷྲྀߦ
None
ώτɾίτɾϞϊͷཪଆʹ ʮωοτʯʮwebʯ͕͋Δ
webΛ࡞Δ؍͕ ϓϩμΫτɾαʔϏεΛ࡞Δ؍ͱ ݁߹͖͍ͯͯ͠Δ
ͳʹ͔Λ࡞ͬͯੈʹग़ͯ͠ ҭͯΔ σβΠϯʁ
web ΞϓϦ ϓϩϞ webσβΠϯͱͷڞ௨ʁ
ϓϩμΫτΛख़ͤ͞Δ webͷɹӡ༻ ≒
None
ڞ௨͢Δʮӡ༻ͷࢹʯͱʁ • ඪΛઃఆ͢Δ͜ͱ • Ծઆɾվળɾݕূ͢Δ͜ͱ • ϚʔέςΟϯάΛଊ͑Δ͜ͱ • PRʢࠂɾύϒϦγςΟʣΛճ͢͜ͱ •
LTVΛग़͢Δ͜ͱ
https://developer.amazon.com/ja/alexa-skills-kit/design
https://urakami.net/2444
ӡ༻αΠΫϧΛपظͰճ͖ͯͨ͠ web੍࡞ͷεΩϧ ϓϩμΫτΛҭͯΔ͜ͱʹ༗༻
web੍࡞ʹ͓͚Δ ӡ༻ͱ ίϯςϯπ
webʹ͋Δͷ ମݧ ίϯςϯπ
web্ͷίϯςϯπʹ ײੑɹΛ ͤΔ͜ͱ͕Ͱ͖Δ
ײ ཉ ظ ᅂ ҹ ධՁ ҧ Ձ؍
ɹײੑɹΛؚΜͩίϯςϯπ ɹମݧɹͱɹίϛϡχέʔγϣϯɹΛ ੜΈग़͢
None
impression 18,106 engagement 3.8% impression 11,099 engagement 1.2%
Ϣʔβʔͱͷ ײతͳ݁ͼ͖ɹͱɹ৮සɹ ΛߴΊΔ ײੑɹͷͬͨίϯςϯπ
ײతͳ݁ͼ͖ɹͱɹ৮ස ى
ىͱ λʔήοτ͕ɺಛఆͷϒϥϯυΛબࢶͱͯ͠ࢥ͍ىͤ͜Δׂ߹
http://www.ikedanoriyuki.jp/?p=5913
ىΛ্͛ΔͨΊʹ ίϯςϯπΛ࡞Γɺ webΛӡ༻͍ͯ͘͠
ӡ༻্ͷඪΛղ͍ͯ͘͠ͱ ͿͪͨΔ ͓લԿऀͩ
ࣗࣗΛӡ༻͢Δ ηϧϑϒϥϯσΟϯά
ײੑΛ͚ͬͯ ࣗӡ༻ͯ͠ΈΑ͏
ۙͷਓࣄʹ͓͚Δࢹ߲ Ξηεϝϯτ ܭըత ۮൃੑཧ ϨσΟωε ࠾༻ ׆༂ ΩϟϦΞܗ
Ξηεϝϯτ ܭըత ۮൃੑཧ ϨσΟωε ύʔιφϦςΟ ૬ରධՁ దੑ ح৺ ࣋ଓੑ ॊೈੑ
ָ؍ੑ ݥ৺ εΩϧशಘ ϝλೝྗ ࢤੑ
Ξηεϝϯτ ܭըత ۮൃੑཧ ϨσΟωε ύʔιφϦςΟ ૬ରධՁ దੑ ح৺ ࣋ଓੑ ॊೈੑ
ָ؍ੑ ݥ৺ εΩϧशಘ ϝλೝྗ ࢤੑ ͋ͳͨͷΩϟϥΫλʔ
ײੑɹΛΞτϓοτ͚ͭͮ͠Δ ΩϟϥΫλʔӡ༻
ͱ͍͑ɺࠤ౻͞ΜͩΑͶ
ͱ͍͑ɺࠤ౻͞ΜͩΑͶ ى ͋ͳͨΛࢥ͍ӽͯ͠Β͏
͋ͳͨͷײੑ͕୭͔ʹى͞ΕΔ ײੑʹؔ͢Δࣄͷґཔ ʢܭըతۮൃੑཧʣ ΩϟϦΞܗ͢ΔαΠΫϧ
࡞Δͷɺࣗࣗɺ ϙδγϣϯΛఆΊΔ
Ωϟϥཱ͕ͭͱ ࣗͷϙδγϣϯ͕ఆணͯ͘͠Δ
https://www.wantedly.com/companies/baidu2/post_articles/75649
ʮΦʔϓϯϚΠϯυʯΛଅਐ͢Δڥʹ͋Δͱࢥ͍·͢ɻ ͱʹ͔͘୭ͰσβΠϯʹޱΛग़͢ΜͰ͢Αɻ ৭͔Βը૾ͷ͍ํ·Ͱී௨ʹޱΛग़ͯ͘͠ΔΜͰ͢ɻ ۭؾΛಡ·ͣʹੵۃతʹΞΠσΞ͕ग़ͤΔਓͰ͋ͬͯ ΄͍͠Ͱ͢Ͷɻ όΧΈ͍ͨͳΞΠσΞͰ͋ͬͯϙϯͱग़ͤΔਓɻ l z l z
ΩϟϥΫλʔ͕ϙδγϣϯΛܗ͠ɺ ৫ͷڥɾۭؾΛৢ͢Δ
webσβΠϯಉ͡ Ϣʔβʔͷੜ׆ڥʹ͓͍ͯ Ͳ͏͍͏ϙδγϣϯʹ ஔ͍ͯΒ͍͍͔ͨΛߟ͑Δ
໎தͰ͕͢ɺ͜ͷΜͰ ·ͱΊ
ɾwebɾΩϟϥΫλʔɾ৫ ͯ͢ӡ༻͕ඞཁ
webͷٕज़༗ҝసม ͰɺͦͷݩͱͳΔߟ͑ํɾૉཆ ࠷খߏཁૉͰ͋ΓɺීวతͳҰੜϞϊ
͜ΕҎ্ղͰ͖ͳ͍ཁૉ͕ ԶͨͪͷΩϟϥͩʂ
2018 ͋ͳͨͷײੑͱεΩϧɺҰੜϞϊͰ͢ ͓͠·͍