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
2.9k
インターフェースのユーザビリティ概論および調査手法について
Avatar for Naoki Matsuda readymadegogo
0
280
UIデザインのための行動・認知プロセス
Avatar for Naoki Matsuda readymadegogo
0
180
知っておくと得をする(かもしれない)
 SVGの基礎とviewBox
Avatar for Naoki Matsuda readymadegogo
1
120
XDはBeautiful SVGの夢を見るか
Avatar for Naoki Matsuda readymadegogo
4
1.4k
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
450
江戸城の歩き方@徳川美術館
Avatar for Naoki Matsuda readymadegogo
0
200

Other Decks in Design

See All in Design
札幌の雪を観光資源に変える：デザインプログラムSESSAの挑戦
Avatar for Ittyanm ittyann
0
230
界隈からの逃走–デザイン初め新年会2025
Avatar for sekig sekiguchiy
3
1.1k
デザイナーとPMの両ロール_３つのポイント
Avatar for toy toy1618
1
300
PF_濵村ひろみ_202503
Avatar for 濱村ひろみ maru_design78
0
160
BPStudy#213〜ビジネスアナリシスとDDD（ドメイン駆動設計）パネルディスカッション資料 / BPStudy213-panel
Avatar for haru860 haru860
0
220
富山デザイン勉強会_デザイントレンド2025.pdf
Avatar for keita keita_yoshikawa
0
290
OLTA株式会社/デザイン紹介資料
Avatar for OLTA株式会社 taxy
0
290
Goodpatch Tour💙 / We are hiring!
Avatar for Goodpatch Inc. goodpatch
31
840k
バイアスを凌ぐデザインとコード ―異動直後にどうふるまうか―
Avatar for kkaru kkaru
0
390
An Early Spring | Storyboard | Scenes 1-18
Avatar for Gio Fortunato giofortuna_story
0
240
AI時代に淘汰されないデザインのしごと
Avatar for Akinen akinen
0
110
問いの変遷
Avatar for なつ iflection
0
120

Featured

See All Featured
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
3.9k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
52
7.6k
Building an army of robots
Avatar for Kyle Neath kneath
306
45k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
76
5.8k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
298
21k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
134
9.3k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
52
2.8k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
269
20k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
34
2.3k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
331
21k

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