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

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

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

ウェブデザインとセルフブランディング 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
3.1k
インターフェースのユーザビリティ概論および調査手法について
Avatar for Naoki Matsuda readymadegogo
0
320
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
Tools for Design Engineers other than LLM in the LLM era
Avatar for takanorip takanorip
1
500
root COMPANY DECK / We are hiring！
Avatar for root Inc. root_recruit
1
24k
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
Avatar for HIROYUKI SAITO crearedesign
0
310
mento Design Team Portfolio
Avatar for mento _official mento0fficial
1
850
アクセシビリティに取り組むメリット
Avatar for Rikiya Ihara / magi magi1125
2
260
株式会社バクタム　会社説明資料
Avatar for Bactum Inc. bactum
0
360
8_8_リサーチカンファレンスプレイベント.pdf
Avatar for Muture muture
PRO
2
400
Ana Cortes Visual Development Portfolio 2025
Avatar for Ana Belen Cortes Diaz haruanleb
0
120
新しいデザインの難しさ（公開版） / Difficulties in the New Design (public ver.)
Avatar for usagimaru usagimaru
1
910
数理的アプローチで挑むスマホUIのデザイン改善：タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
840
CMS管理画面のアクセシビリティ
Avatar for Rikiya Ihara / magi magi1125
8
2.5k
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
490

Featured

See All Featured
Done Done
Avatar for chrislema chrislema
185
16k
Writing Fast Ruby
Avatar for Erik Berlin sferik
629
62k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
339
57k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
33
2.5k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
36
2.5k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
160
23k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
46
7.6k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
4.8k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
45
7.7k

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 ͋ͳͨͷײੑͱεΩϧɺҰੜϞϊͰ͢ ͓͠·͍