$30 off During Our Annual Pro Sale. View Details »

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

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

ウェブデザインとセルフブランディング 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.2k
インターフェースのユーザビリティ概論および調査手法について
Avatar for Naoki Matsuda readymadegogo
0
340
UIデザインのための行動・認知プロセス
Avatar for Naoki Matsuda readymadegogo
0
210
知っておくと得をする(かもしれない)
 SVGの基礎とviewBox
Avatar for Naoki Matsuda readymadegogo
1
140
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
470
江戸城の歩き方@徳川美術館
Avatar for Naoki Matsuda readymadegogo
0
220

Other Decks in Design

See All in Design
プラットフォームに馴染むモバイルアプリデザイン / Mobile App UI Design Lunch LT
Avatar for Hiroki Nagasawa pixyzehn
0
110
プロダクトリニューアルと同時に進める初めてのデザインシステム
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
0
310
Emmy's Artwork
Avatar for McKenna mcksmith
0
180
kintone Style Book
Avatar for kintone kintone
5
7.8k
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
Avatar for Tomoya AZUMA t_east
1
1.6k
Figmaレクチャー会Part1 基本のき編＠千株式会社 社内勉強会
Avatar for ぽん designer_no_pon
0
170
decksh object reference
Avatar for Anthony Starks ajstarks
2
1.4k
Illustrator×Firefly 生成したイラストをベースにドット絵を作ってみよう！
Avatar for コネクリ connecre
1
190
kintone_aroma
Avatar for kintone kintone
0
970
街・都市という眼差し。まちづくりにおける規範と実践
Avatar for S.SAKAMON sakamon
1
240
Spectrum Tokyo_ デザイナーが事業責任者になってみた
Avatar for Woo seop Shin shin_2
0
170
ユーザー体験は細部に宿る -ウィジェットQAの挑戦と気づき- / UX is in the details: Challenges and Learnings from Widget QA
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
120

Featured

See All Featured
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
34k
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
9.8k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.5k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
56
14k
It's Worth the Effort
Avatar for 3n 3n
187
29k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.4k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
1.6k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.8k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
527
40k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
31
5.7k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k

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