Upgrade to Pro — share decks privately, control downloads, hide ads and more …

ウェブデザインとセルフブランディング 2018

Avatar for Naoki Matsuda Naoki Matsuda
January 27, 2018
Design
2
260

ウェブデザインとセルフブランディング 2018

Avatar for Naoki Matsuda

Naoki Matsuda

January 27, 2018
Tweet

More Decks by Naoki Matsuda

See All by Naoki Matsuda
管理画面の全体UXは利用時品質モデルで考える
Avatar for Naoki Matsuda readymadegogo
2
3k
インターフェースのユーザビリティ概論および調査手法について
Avatar for Naoki Matsuda readymadegogo
0
300
UIデザインのための行動・認知プロセス
Avatar for Naoki Matsuda readymadegogo
0
190
知っておくと得をする(かもしれない)
 SVGの基礎とviewBox
Avatar for Naoki Matsuda readymadegogo
1
130
XDはBeautiful SVGの夢を見るか
Avatar for Naoki Matsuda readymadegogo
4
1.5k
webフォントを120%活用するための基礎知識&最新動向
Avatar for Naoki Matsuda readymadegogo
7
3.6k
SVG is on your side @ MTDDC 2018
Avatar for Naoki Matsuda readymadegogo
6
2k
デザインフェーズにおけるワイヤーフレームとの付き合い方@WCAN201802
Avatar for Naoki Matsuda readymadegogo
5
460
江戸城の歩き方@徳川美術館
Avatar for Naoki Matsuda readymadegogo
0
210

Other Decks in Design

See All in Design
【30人中30人が3ヶ月平均180万収入アップ】マズロー安達の弟子、成功事例集
Avatar for マズロー安達 maslow_akkun
0
180
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
Avatar for 山口哲弘 t2yamaguchi429
0
580
Designing User Experience through Interaction Design
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
280
線で考える画面構成
Avatar for natsuume natsuume
1
890
minpaku-community-scrum-patterns
Avatar for Noriaki Kawanishi norinity1103
1
170
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
180
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
Avatar for Miwa Kuramitsu transit_kix
1
1k
AI時代に淘汰されないデザインのしごと
Avatar for Akinen akinen
1
150
Liquid Iron
Avatar for Brynn McDucky P. mcduckyart
1
110
デザインシステムの「種」を使って、受託開発を加速させる
Avatar for akane akane___ui
0
7.9k
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
Avatar for 北見海貴 kitami
1
260
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない？というお話
Avatar for なつ iflection
6
1.7k

Featured

See All Featured
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
54
6.5k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
512
110k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
179
9.8k
Building an army of robots
Avatar for Kyle Neath kneath
306
45k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
3.9k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1031
460k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
207
24k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
12k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
351
21k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
613
210k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
189
11k

Transcript

  1. 2018 ͋ͳͨͷײੑͱεΩϧɺҰੜϞϊͰ͢ ໼໺ΓΜ / দా௚थ

  2. None

  3. ιϩ׆ಈʹઐ೦

  4. εϚʔτϑΥϯɾϞόΠϧʹ
 ݶఆ͠ͳ͍௅ઓ ϞόΠϧ͸ʮ৽ػ࣠ʯͰ΋ͳ͘ͳΓ
 ͢Ͱʹʮۭؾʯ΄Ͳ౰ͨΓલͷଘࡏʹ

  5. দా௚थ ໼໺ΓΜ גࣜձࣾ·΅Ζ͠
 CCO / σβΠφʔ Androidঁࢠ෦෦௕
 Baidu Inc. σβΠφʔ

  6. ࠓճͷςʔϚ
 ɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹ͸ Έͳ͞Μɺզʑ΁ͷΤʔϧͰ͢ɻ σβΠϯͱηϧϒϥϯσΟϯά

  7. 2017೥ɺ
 ؾʹͳͬͨ͜ͱ͋Γ·͔͢ʁ

  8. ͍ΖΜͳωοτܥϓϩμΫτ

  9. None
  10. None
  11. None

  12. AI / ਓ޻஌ೳ

  13. None

  14. https://blogs.adobe.com/creativestation/general-adobe-sensei-next-generation-design-environment https://ics.media/entry/16643

  15. https://ledge.ai/pix2code-on-floydhub/

  16. ੈؒͷྲྀߦ, webͷྲྀߦ

  17. None

  18. ώτɾίτɾϞϊͷཪଆʹ
 ʮωοτʯʮwebʯ͕͋Δ

  19. webΛ࡞Δ؍఺͕
 ϓϩμΫτɾαʔϏεΛ࡞Δ؍఺ͱ
 ݁߹͖͍ͯͯ͠Δ

  20. ͳʹ͔Λ࡞ͬͯੈʹग़ͯ͠ ҭͯΔ
 σβΠϯʁ

  21. web ΞϓϦ ੡඼ ϓϩϞ webσβΠϯͱͷڞ௨఺͸ʁ

  22. ϓϩμΫτΛ੒ख़ͤ͞Δ webͷɹӡ༻ ≒

  23. None

  24. ڞ௨͢Δʮӡ༻ͷࢹ఺ʯͱ͸ʁ • ໨ඪΛઃఆ͢Δ͜ͱ • Ծઆɾվળɾݕূ͢Δ͜ͱ • ϚʔέςΟϯάΛଊ͑Δ͜ͱ • PRʢ޿ࠂɾύϒϦγςΟʣΛճ͢͜ͱ •

    LTVΛ૑ग़͢Δ͜ͱ

  25. https://developer.amazon.com/ja/alexa-skills-kit/design

  26. https://urakami.net/2444

  27. ӡ༻αΠΫϧΛ୹पظͰճ͖ͯͨ͠
 web੍࡞ͷεΩϧ͸
 ϓϩμΫτΛҭͯΔ͜ͱʹ΋༗༻

  28. web੍࡞ʹ͓͚Δ
 ӡ༻ͱ ίϯςϯπ

  29. webʹ͋Δ΋ͷ ମݧ ίϯςϯπ

  30. web্ͷίϯςϯπʹ͸ ײੑɹΛ
 ৐ͤΔ͜ͱ͕Ͱ͖Δ

  31. ײ৘ ཉ๬ ظ଴ ᅂ޷ ҹ৅ ධՁ ҧ࿨ Ձ஋؍

  32. ɹײੑɹΛؚΜͩίϯςϯπ͸ ɹମݧɹͱɹίϛϡχέʔγϣϯɹΛ ੜΈग़͢

  33. None

  34. impression 18,106 engagement 3.8% impression 11,099 engagement 1.2%

  35. Ϣʔβʔͱͷ ײ৘తͳ݁ͼ෇͖ɹͱɹ઀৮ස౓ɹ ΛߴΊΔ ײੑɹͷ৐ͬͨίϯςϯπ

  36. ײ৘తͳ݁ͼ෇͖ɹͱɹ઀৮ස౓ ૝ى཰

  37. ૝ى཰ͱ͸ λʔήοτ͕ɺಛఆͷϒϥϯυΛબ୒ࢶͱͯ͠ࢥ͍ىͤ͜Δׂ߹

  38. http://www.ikedanoriyuki.jp/?p=5913

  39. ૝ى཰Λ্͛ΔͨΊʹ ίϯςϯπΛ࡞Γɺ webΛӡ༻͍ͯ͘͠

  40. ӡ༻্ͷ໨ඪΛ෼ղ͍ͯ͘͠ͱ
 Ϳͪ౰ͨΔ ͓લ͸Կऀͩ

  41. ࣗ෼ࣗ਎Λӡ༻͢Δ
 ηϧϑϒϥϯσΟϯά

  42. ײੑΛ৐͚ͬͯ ࣗ෼΋ӡ༻ͯ͠ΈΑ͏

  43. ۙ೥ͷਓࣄʹ͓͚Δ஫ࢹ߲໨ Ξηεϝϯτ ܭըత
 ۮൃੑཧ࿦ ϨσΟωε ࠾༻ ׆༂ ΩϟϦΞܗ੒

  44. Ξηεϝϯτ ܭըత
 ۮൃੑཧ࿦ ϨσΟωε ύʔιφϦςΟ ૬ରධՁ దੑ ޷ح৺ ࣋ଓੑ ॊೈੑ

    ָ؍ੑ ๯ݥ৺ εΩϧशಘ౔୆ ϝλೝ஌ྗ ࢤ޲ੑ

  45. Ξηεϝϯτ ܭըత
 ۮൃੑཧ࿦ ϨσΟωε ύʔιφϦςΟ ૬ରධՁ దੑ ޷ح৺ ࣋ଓੑ ॊೈੑ

    ָ؍ੑ ๯ݥ৺ εΩϧशಘ౔୆ ϝλೝ஌ྗ ࢤ޲ੑ ͋ͳͨͷΩϟϥΫλʔ

  46. ײੑɹΛΞ΢τϓοτ͚ͭͮ͠Δ
 ΩϟϥΫλʔӡ༻

  47. ͱ͍͑͹ɺࠤ౻͞ΜͩΑͶ

  48. ͱ͍͑͹ɺࠤ౻͞ΜͩΑͶ ૝ى཰ ͋ͳͨΛࢥ͍ӽͯ͠΋Β͏

  49. ͋ͳͨͷײੑ͕୭͔ʹ૝ى͞ΕΔ ײੑʹؔ͢Δ࢓ࣄͷґཔ
 ʢܭըతۮൃੑཧ࿦ʣ ΩϟϦΞܗ੒͢ΔαΠΫϧ

  50. ࡞Δ΋ͷ΋ɺࣗ෼ࣗ਎΋ɺ
 ϙδγϣϯΛఆΊΔ

  51. Ωϟϥཱ͕ͭͱ ࣗ෼ͷϙδγϣϯ͕ఆணͯ͘͠Δ

  52. https://www.wantedly.com/companies/baidu2/post_articles/75649

  53. ʮΦʔϓϯϚΠϯυʯΛଅਐ͢Δ؀ڥʹ͋Δͱࢥ͍·͢ɻ
 ͱʹ͔͘୭Ͱ΋σβΠϯʹޱΛग़͢ΜͰ͢Αɻ
 ৭͔Βը૾ͷ࢖͍ํ·Ͱී௨ʹޱΛग़ͯ͘͠ΔΜͰ͢ɻ ۭؾΛಡ·ͣʹੵۃతʹΞΠσΞ͕ग़ͤΔਓͰ͋ͬͯ
 ΄͍͠Ͱ͢Ͷɻ
 όΧΈ͍ͨͳΞΠσΞͰ͋ͬͯ΋ϙϯͱग़ͤΔਓɻ l z l z

  54. ΩϟϥΫλʔ͕ϙδγϣϯΛܗ੒͠ɺ ૊৫ͷ؀ڥɾۭؾΛৢ੒͢Δ

  55. webσβΠϯ΋ಉ͡
 
 Ϣʔβʔͷੜ׆΍؀ڥʹ͓͍ͯ
 Ͳ͏͍͏ϙδγϣϯʹ
 ஔ͍ͯ΋Β͍͍͔ͨΛߟ͑Δ

  56. ໎૸தͰ͕͢ɺ͜ͷ΁ΜͰ
 ·ͱΊ

  57. ੡඼ɾwebɾΩϟϥΫλʔɾ૊৫ ͢΂ͯӡ༻͕ඞཁ

  58. webͷٕज़͸༗ҝసม 
 Ͱ΋ɺͦͷݩͱͳΔߟ͑ํɾૉཆ͸
 ࠷খߏ੒ཁૉͰ͋ΓɺීวతͳҰੜϞϊ

  59. ͜ΕҎ্෼ղͰ͖ͳ͍ཁૉ͕
 ԶͨͪͷΩϟϥͩʂ

  60. 2018 ͋ͳͨͷײੑͱεΩϧɺҰੜϞϊͰ͢ ͓͠·͍