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
310
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
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
4.5k
21 Ways to Call American Airlines Customer Care Full Guide USA
americanhub
0
200
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
crearedesign
0
280
sachi_y_portfolio
sachi337
0
520
株式会社バクタム 会社説明資料
bactum
0
330
Goodpatch Tour💙 / We are hiring!
goodpatch
31
880k
デザイナー向けフライル説明資料
toshiblues
0
120
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
590
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
lycorptech_jp
PRO
0
520
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
hiro93n
0
130
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
440
Designing User Experience through Interaction Design
lycorptech_jp
PRO
0
370
Featured
See All Featured
Code Review Best Practice
trishagee
70
19k
How GitHub (no longer) Works
holman
315
140k
Faster Mobile Websites
deanohume
309
31k
Site-Speed That Sticks
csswizardry
10
810
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Gamification - CAS2011
davidbonilla
81
5.4k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Agile that works and the tools we love
rasmusluckow
330
21k
We Have a Design System, Now What?
morganepeng
53
7.8k
Unsuck your backbone
ammeep
671
58k
Reflections from 52 weeks, 52 projects
jeffersonlam
352
21k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
520
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 ͋ͳͨͷײੑͱεΩϧɺҰੜϞϊͰ͢ ͓͠·͍