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
270
ウェブデザインとセルフブランディング 2018
Naoki Matsuda
January 27, 2018
Tweet
Share
More Decks by Naoki Matsuda
See All by Naoki Matsuda
管理画面の全体UXは利用時品質モデルで考える
readymadegogo
2
3k
インターフェースのユーザビリティ概論および調査手法について
readymadegogo
0
320
UIデザインのための行動・認知プロセス
readymadegogo
0
190
知っておくと得をする(かもしれない) SVGの基礎とviewBox
readymadegogo
1
130
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
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1.3k
事例で学ぶ!今日から使えるWebサービスUI改善ポイント
ncdc
0
250
Memory Man v3 (WIP)
storybychad
PRO
0
2.6k
Findyのプロデチームの 歩みとこれから
satty9556
0
260
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
3.3k
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
540
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
1.9k
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
6
2.4k
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
180
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
lycorptech_jp
PRO
0
520
Light My Fire/ハートに火をつけるコミュニティ
kgsi
1
150
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.8k
Featured
See All Featured
Measuring & Analyzing Core Web Vitals
bluesmoon
9
580
BBQ
matthewcrist
89
9.8k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
850
Rails Girls Zürich Keynote
gr2m
95
14k
The Art of Programming - Codeland 2020
erikaheidi
56
13k
Unsuck your backbone
ammeep
671
58k
Code Review Best Practice
trishagee
71
19k
GitHub's CSS Performance
jonrohan
1032
460k
Building an army of robots
kneath
306
46k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
How STYLIGHT went responsive
nonsquared
100
5.8k
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 ͋ͳͨͷײੑͱεΩϧɺҰੜϞϊͰ͢ ͓͠·͍