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
3.1k
インターフェースのユーザビリティ概論および調査手法について
readymadegogo
0
330
UIデザインのための行動・認知プロセス
readymadegogo
0
200
知っておくと得をする(かもしれない) SVGの基礎とviewBox
readymadegogo
1
140
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
CMS管理画面のアクセシビリティ
magi1125
8
2.5k
地理院地図をもっと楽しく!れきちず新機能のご紹介
hjmkth
1
190
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
goodpatch
2
2.1k
Goodpatch Tour💙 / We are hiring!
goodpatch
31
900k
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
4.2k
mount_company_profile
mount_inc
0
2.3k
21 Ways to Call American Airlines Customer Care Full Guide USA
americanhub
0
220
ユーザー像を「みてね」らしく可視化する 家族アルバムみてねUXリサーチチームの取り組み
mixi_design
PRO
1
260
企画を動かすデザイナーの思考!「広げて絞る」アプローチ。
hikidakan
0
190
見過ごさない誠実さ_アクティブバイスタンダーとIntegrityが支えるアジャイル文化 / integrity-and-active-bystander
spring_aki
1
150
1年目デザイナーが実践する、チーム貢献のための2つのアプローチ
kinomidesign
0
120
組織の右腕として共創する ー デザインと経営の二つの視点から見えた、新しい支援のかたち/ Designship2025_Nishimura
root_recruit
PRO
0
170
Featured
See All Featured
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
Embracing the Ebb and Flow
colly
88
4.9k
Into the Great Unknown - MozCon
thekraken
40
2.1k
The Language of Interfaces
destraynor
162
25k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
37
2.6k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.9k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.7k
Building Better People: How to give real-time feedback that sticks.
wjessup
369
20k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.6k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.2k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.6k
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 ͋ͳͨͷײੑͱεΩϧɺҰੜϞϊͰ͢ ͓͠·͍