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
260
ウェブデザインとセルフブランディング 2018
Naoki Matsuda
January 27, 2018
Tweet
Share
More Decks by Naoki Matsuda
See All by Naoki Matsuda
管理画面の全体UXは利用時品質モデルで考える
readymadegogo
2
2.9k
インターフェースのユーザビリティ概論および調査手法について
readymadegogo
0
290
UIデザインのための行動・認知プロセス
readymadegogo
0
180
知っておくと得をする(かもしれない) SVGの基礎とviewBox
readymadegogo
1
120
XDはBeautiful SVGの夢を見るか
readymadegogo
4
1.5k
webフォントを120%活用するための基礎知識&最新動向
readymadegogo
7
3.6k
SVG is on your side @ MTDDC 2018
readymadegogo
6
2k
デザインフェーズにおけるワイヤーフレームとの付き合い方@WCAN201802
readymadegogo
5
460
江戸城の歩き方@徳川美術館
readymadegogo
0
210
Other Decks in Design
See All in Design
株式会社デイトラ様│コーポレートサイト│コンセプトシート
haruka_capeo
0
2.1k
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
0
680
freee + Product Design FY25Q4
freee
4
14k
Generating Momentum | Yasuhiro Yokota
yasuhiroyokota
1
370
パンくずリストかわいい(breadcrumb so cute)
ysuda
0
280
ブランドパーソナリティ言語化における生成AI活用の実際
h0sa
0
140
なぜプレイドにデザインエンジニアが必要だったのか?
t32k
0
500
ビジネスアナリシスはビジネス”分析”じゃないよ!~システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス~
bpstudy
0
520
minpaku-community-scrum-patterns
norinity1103
1
110
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
720
AI動画生成ガチャ紹介
piyo7
1
110
UXデザインはなぜ定着しないのか?
designstudiopartners
0
710
Featured
See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.8k
Being A Developer After 40
akosma
90
590k
Designing for Performance
lara
609
69k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.4k
Navigating Team Friction
lara
187
15k
The Pragmatic Product Professional
lauravandoore
35
6.7k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
710
Fireside Chat
paigeccino
37
3.5k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3k
Unsuck your backbone
ammeep
671
58k
Site-Speed That Sticks
csswizardry
10
660
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 ͋ͳͨͷײੑͱεΩϧɺҰੜϞϊͰ͢ ͓͠·͍