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

これからのデザイナーに必要なスキルと考え方

rie05
October 31, 2017
Design
3
5k

 これからのデザイナーに必要なスキルと考え方

WordFes Nagoya 2017で発表したスライドです。

rie05

October 31, 2017
Tweet

More Decks by rie05

See All by rie05
CSS Nite in Osaka, vol.53 Girls Nite vol.2 LT飲食店×Web制作
rie05
3
120
CSS Nite in Osaka, vol.48
rie05
1
800
これからデザイナーとして生き残るために必要なスキルと戦略
rie05
0
250

Other Decks in Design

See All in Design
Yahoo Newsletter Clicker Template
xuechunwu
0
300
portfolio
amitnk
1
160
デザイナー視点の体験設計とデザインレビューを事業部全員で体験するワークショップをしたお話
masayofff
3
220
太田博三(@usagisan2020)
otanet
0
200
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
1
180
地図・デザイン・可視化 −情報をわかりやすく伝えるために−
hjmkth
2
530
今日から始める グラレコ チャレンジ　DevRel/Tokyo #94 〜グラレコ チャレンジ〜
moshimoshiyuki
0
140
情報設計からのデザインアプローチ ～ユーザーの声を聞くよりも、もっとデータの声を聞け～
securecat
4
2.5k
デザインシステム×プロトタイピングで挑む社会的価値の共創 / Designship2024
visional_engineering_and_design
1
300
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
470
デザインシステム構築の進め方　基本から実践まで、具体的な手順を徹底解説
ncdc
1
270
知を活かせるチームづくりとは？-MIMIGURIで実践している「全員探究」の仕組みと文化づくり-
chiemitaki
1
760

Featured

See All Featured
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
48
2.2k
Agile that works and the tools we love
rasmusluckow
328
21k
YesSQL, Process and Tooling at Scale
rocio
169
14k
We Have a Design System, Now What?
morganepeng
51
7.3k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
127
18k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
45
2.2k
Docker and Python
trallard
41
3.1k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Reflections from 52 weeks, 52 projects
jeffersonlam
347
20k
Practical Orchestrator
shlominoach
186
10k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k

Transcript

  1. None

  2. ࣗݾ঺հ ੉ޱɹཧܙ Seguchi Rie ೥େࡕੜ·Εɻ %('JWF%JNFOTJPO(SBQIJDT୅දɺσδλϧϋϦ΢ουେࡕߍߨࢣɻ ໿೥੍ؒ࡞ձࣾͳͲͰ΢ΣϒσβΠφʔɺσΟϨΫλʔΛܦͯ೥ʹಠཱɻ ΢ΣϒαΠτ੍࡞΍ΞϓϦ6*σβΠϯͳͲΛख͕͚Δɻঁੑ޲͚σβΠϯ͕ಘҙɻ ִिՐ༵ͷ6TUSFBN൪૊ʮSJFT$BGFCBSʯύʔιφϦςΟʔͱͯ͠์ૹதɻ ஶॻʰਓΛऒ͖͚ͭΔඒ͍͠΢ΣϒαΠτͷ࡞Γํʱʢ4#ΫϦΤΠςΟϒʣɻ

    1VMTF$.4ΤόϯδΣϦετɻ

  3. ॻ੶঺հ ɾߴڃԹઘཱྀؗ ɾΤεςαϩϯ ɾίʔϙϨʔτ ɾωΠϧαϩϯ ɾΧϑΣ ɾϑΝογϣϯ&$ ɾӳձ࿩εΫʔϧ શ̓δϟϯϧͷαϯϓϧαΠτͱͦͷղઆ ࡞ྫ͸1IPUPTIPQσʔλɺIUNMσʔλ

    ڞʹશͯ෇࿥$%ऩ࿥ ঎༻ར༻Մ

  4. ຊ೔ͷηογϣϯ ຊ೔ͷηογϣϯʹ͍ͭͯ ˔εϥΠυࢿྉ͸ͷͪ΄Ͳެ։͠·͢ ݟಀͨ͠ɺฉ͍ͯͳ͔ͬͨʂ΋େৎ෉ ˔ࣸਅࡱӨɾ4/4ͭͿ΍͖ͳͲ0, ϋογϡλά͸8PSE'FTͰ͢

  5. ͜Μͳํ΁޲͚ͯ ˔σβΠφʔPSσβΠφʔͱ࢓ࣄΛ͢Δํ σβΠφʔཛ͞Μ͔Β্ڃऀ·ͰɺσΟϨΫλʔ͞Μ΋ ˔ΤϯδχΞ͞Μ΋ σβΠφʔͷ಄ͷதΛͷ͍͍ͧͯͩ͘͞ ຊ೔ͷηογϣϯ

  6. ΞδΣϯμ ΞδΣϯμ σβΠφʔͷ͓͠͝ͱྖҬ ඞཁεΩϧ΍τϨϯυ ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ 01. 02. 03.

  7. ΞδΣϯμ σβΠφʔͷ͓͠͝ͱྖҬ 01. "SFBTPGEFTJHOFSTXPSL

  8. %FTJHO σβΠφʔͷ͓͠͝ͱྖҬ

  9. ద੾ͳϘλϯ഑ஔ ੔ྻ͞ΕͨϨΠΞ΢τ ഑৭΍ࣸਅૉࡐ ϏδϡΞϧ  σβΠφʔͷ͓͠͝ͱྖҬ

  10. %FTJHO ఻͑Δ σβΠφʔͷ͓͠͝ͱྖҬ

  11. 8IP 8IBU 8IZ )PX ɾɾɾ୭ʹʁ ɾɾɾԿΛʁ ɾɾɾͳͥʁ ɾɾɾͲ͏΍ͬͯʁ  ৘ใઃܭ

    σβΠφʔͷ͓͠͝ͱྖҬ

  12. ৘ใઃܭΛߟ͑Δɾཧղ͢Δ ϏδϡΞϧΛ࡞Δɾݕূ͢Δ σβΠφʔͷ࢓ࣄͷத਎ σβΠφʔͷ͓͠͝ͱྖҬ

  13. ৘ใઃܭΛߟ͑Δɾཧղ͢Δ ϏδϡΞϧΛ࡞Δɾݕূ͢Δ ৘ใઃܭ͕ͱͯ΋େࣄ σβΠφʔͷ͓͠͝ͱྖҬ

  14. ͜Μͳ࣌Ͳ͏͠·͔͢ʁ ΫϥΠΞϯτ ৯΂˓άΈ͍ͨͳαΠτΛ࡞Γ͍ͨͰ͢ʂ ΫϥΠΞϯτ YYY͕ࢀߟαΠτͰ͢ɻ੺৭ΛϝΠϯʹ ࢖ͬͯԼ͍͞ʂ σβΠφʔͷ͓͠͝ͱྖҬ

  15. ࢥߟఀࢭ͠ͳ͍ σβΠφʔͷ͓͠͝ͱྖҬ

  16. σβΠφʔͦ͜ඞཁͳʮͳͥʯͷ໰͍͔͚ ͳͥ৯΂˓άͷΑ͏ͳαΠτΛ࡞Γ͍ͨͷ͔ʁ ͦ͜ʹࢸͬͨܦҢ͸ʁ σβΠφʔ ࢀߟαΠτ͸Ͳͷ෦෼Λࢀߟʹͨ͠ͷ͔ʁ ͳͥ੺৭Λ࢖͍͍ͨͷ͔ʁ σβΠφʔ σβΠφʔͷ͓͠͝ͱྖҬ

  17. ΠϯϑΥϝʔγϣϯΞʔΩςΫνϟ *" Ϣʔβʔχʔζ ίϯςϯπઃܭ ৘ใઃܭɺ੔ཧɻϢʔβʔχʔζͱͷϚονϯά σβΠφʔͷ͓͠͝ͱྖҬ

  18. ৘ใઃܭΛߟ͑Δɾཧղ͢Δ ϏδϡΞϧΛ࡞Δɾݕূ͢Δ σβΠφʔͷ࢓ࣄͷத਎ σβΠφʔͷ͓͠͝ͱྖҬ

  19. ୡ੒͢ΔͨΊͷσβΠϯπʔϧ σβΠφʔͷ͓͠͝ͱྖҬ

  20. ୡ੒͢ΔͨΊͷϚʔΫΞοϓɺιϑτ΢ΣΞ σβΠφʔͷ͓͠͝ͱྖҬ

  21. τϨϯυʹΞϯςφΛ ࠷৽8FCࣄ৘ σβΠϯτϨϯυ σβΠφʔͷ͓͠͝ͱྖҬ

  22. ΞδΣϯμ ඞཁεΩϧ΍τϨϯυ 02. 3FRVJSFETLJMMTBOEUSFOETGPSEFTJHOFST

  23. πʔϧ΍ιϑτ΢ΣΞͷ࢖͍ํ͸ॻ੶ɺ τϨϯυ͸ωοτ্ͰऩूͳͲ ͻͱΓͰ΋Ͱ͖Δ ඞཁεΩϧ΍τϨϯυ

  24. σβΠϯຊ ΠϯλϑΣʔεσβΠϯͷ৺ཧֶ 4VTBO8FJOTDIFOL ஶ ෢ࣷ޿ ޾ ຋༁ ෢ࣷΔΈ ຋༁ Ѩ෦

    ࿨໵ ຋༁ θϩ͔Β͸͡ΊΔσβΠϯ ๺ଜਸ ஶ σβΠϯͷϧʔϧɺϨΠΞ΢τͷ ηΦϦʔɻ ҏୡઍ୅ ஶ ඞཁεΩϧ΍τϨϯυ

  25. 8PSE1SFTTຊ ੈքҰΘ͔Γ΍͍͢8PSE1SFTT ಋೖͱαΠτ੍࡞ͷڭՊॻ ҆౻ಞ࢙ ஶ Ԭຊलߴ ஶ  ݹլւਓ ஶ

    ਂ୔޾࣏࿠ ஶ 8PSE1SFTTͷڭՊॻ ϓϥΠϜɾετϥςδʔגࣜձࣾ ஶ ͍ͪ͹Μ΍͍͞͠8PSE1SFTTͷڭຊ ੴ઒ӫ࿨ɺ੕໺๜හɺେ۲ഹ ஶ ඞཁεΩϧ΍τϨϯυ

  26. σβΠϯτϨϯυ 1JOUFSFTU IUUQTXXXQJOUFSFTUKQ ඞཁεΩϧ΍τϨϯυ

  27. σβΠϯτϨϯυ %SJCCCMF IUUQTESJCCCMFDPN ඞཁεΩϧ΍τϨϯυ

  28. ͻͱΓͰͰ͖Δ͜ͱ͸ɺۭ͍ͨ࣌ؒʹ ͻͱΓͰͰ͖ͳ͍͜ͱΛɺ͓٬͞Μͱߟ͑Δ ඞཁεΩϧ΍τϨϯυ

  29. ΞδΣϯμ ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ 03. )PXUPXPSLGPSGVUVSFEFTJHOFST

  30. ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ σβΠφʔ͸ ΋ͬͱલʹग़͍͍ͯʂ

  31. ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ ͱΓ͋͑ͣ࠷௿ݶͷૉࡐ΍৘ใΛ༻ҙ͢Δ ରՁΛ෷ͬͯϓϩʹཔΉ σβΠφʔ͞ΜͳΒɺͳΜ͔͏·͘΍ͬͯ͘ΕΔ ΫϥΠΞϯτͷࢥߟ

  32. ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ ʮͳΜ͔ʯΛټΈऔΓɺ ظ଴ʹԠ͑Δͷ͕σβΠφʔͰ͢ ʊਓਓਓਓਓਓਓਓਓਓਓਓਓਓʊ ʼɹͳΜ͔͏·͘΍ͬͯ͘ΕΔɹʻ ʉ:?:?:?:?:?:?:?:?:?:?:?:?:ʉ

  33. ΫϥΠΞϯτ ࢿྉͱɺϫΠϠʔΛ͓౉͠͠·͢ɻ σβΠϯΛ͓ئ͍͠·͢ɻ ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ /(ྫ

  34. ΫϥΠΞϯτ ࢿྉͱɺϫΠϠʔΛ͓౉͠͠·͢ɻ σβΠϯΛ͓ئ͍͠·͢ɻ ੍࡞͠·ͨ͠ͷͰɺఏग़͠·͢ɻ σβΠφʔ ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ /(ྫ

  35. ΫϥΠΞϯτ ࢿྉͱɺϫΠϠʔΛ͓౉͠͠·͢ɻ σβΠϯΛ͓ئ͍͠·͢ɻ ੍࡞͠·ͨ͠ͷͰɺఏग़͠·͢ɻ σβΠφʔ ΫϥΠΞϯτ ΄΅ͪ͜ΒͷϫΠϠʔ௨Γͩͳ͋ɻ ͜Ε͕ϕετͳݟͤํͳΜͩΖ͏͔ɾɾɾ ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ /(ྫ

  36. ϫΠϠʔϑϨʔϜ͚ͩͰड͚਎ʹͳΒͳ͍ ʮ޻෉ʯΛσβΠϯʹऔΓࠐΉ ৘ใΛྲྀ͠ࠐΉͷͰ͸ͳ͘ɺ ಡΜͰ΋Β͏ͨΊʹ޻෉͠ ఏҊ·ͰͰ͖ΔσβΠφʔ ʹͳΖ͏ ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ

  37. ௚઀࡞Γखͷ໨తΛૌ͑ΔͷΛ΍Ίͯɺ ʮϢʔβʔͷ໨తʯ·ͰσβΠϯʹ൓ө ͦͷͨΊʹ͸σβΠφʔͱ ͍͑ͲͦͷαʔϏεΛΑ͘ ஌ΓɺϢʔβʔ໨ઢͰͷ૊ ΈཱͯσβΠϯ͕ඞཁ ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ

  38. ʮϢʔβʔͷ໨తʯୡ੒ʹԿ͕ඞཁ͔ʁ ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ ϓϩδΣΫτϝϯόʔશһͰߟ͑Δ σβΠφʔ͕Ϧʔμʔγοϓͱͬͯ΋͍͍

  39. ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ σβΠφʔෆࡏͰ΋ʜʁ 8PSE1SFTTςʔϚ ແྉ༗ྉ )5.-ςϯϓϨʔτ 4/4͚ͩͰ0, ϓϩ͡Όͳͯ͘΋σβΠφʔෆࡏͰ΋ɺ ͱΓ͋͑ͣΧλν͸Ͱ͖Δ࣌୅

  40. ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ ෇ՃՁ஋Λ͚ͭΑ͏ ςϯϓϨʔτ΍ط੡඼Ͱ͸Ͱ͖ͳ͍ɺ ਓ͔ͩΒͰ͖ΔఏҊྗܕσβΠφʔʹͳΔ

  41. ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ σβΠϯ͸ϩδοΫԽ͖͍ͯͯ͠Δ ϚϧνσόΠεରԠ ίϯϙʔωϯτԽ ΞδϟΠϧ։ൃ ։ൃɾӡ༻΋ࢹ໺ʹೖΕͨ σβΠϯ࠾༻͕ඞਢʹͳ͍ͬͯΔ

  42. ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ ݟͨ໨͚ͩͰ͸ͳ͍࿦ཧతσβΠϯ ։ൃˠӡ༻ˠ࠶։ൃʹ଱͑͏Δ σβΠϯఏҊͱεϐʔυײΛ࣋ͭ

  43. ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ ॓୊Λ࡞Βͳ͍ ΫϥΠΞϯτ YYYͰ˚˚Λߟ͍͑ͯ·͢ɺͲ͏Ͱ͠ΐ͏ʁ Ͱ͸ͦΕͰ࣋ͪؼͬͯ໌೔͓ૹΓ͠·͢ɻ σβΠφʔ ଧͪ߹Θͤ࣌ͷձ࿩͚ͩͰ σβΠφʔͷ࣋ͪؼΓ࡞ۀ͸ةݥ

  44. ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ ͦͷ৔Ͱݟ͑ΔԽ͢Δ ࣗ෼͕࢖͍΍͍͢΋ͷΛબͿ ϝϯόʔ΍ΫϥΠΞϯτલͰααͬͱϥϑԽͰ͖Δ΋ͷΛબΜͰɺ ͦͷ৔ͰશһͰݟ͑ΔԽ͢Δͱ॓୊ͷζϨ͕ى͖ʹ͍͘ ϓϩτλΠϓπʔϧ J1BE1SP "QQMF1FODJM εέονϒοΫ େ൑

  45. ͜Ε͔ΒͷσβΠφʔͷಇ͖ํ J1BE1SP 1FODJM (PPE/PUFT͕࠷ڧͩͬͨ J1IPOFJ1BEରԠԁ (PPE/PUFT σϕϩούɿ5JNF#BTF5FDIOPMPHZ-JNJUFE

  46. ΞδΣϯμ ·ͱΊ 5IBOLZPVGPSMJTUFOJOHTPGBS ˒

  47. ·ͱΊ ຊ೔ͷ·ͱΊ σβΠϯ͸఻͑Δ͜ͱɻࢥߟఀࢭ͠ͳ͍ɺߟ͑Δ Ϣʔβʔ໨ઢͰߟ͑ΒΕ͍ͯΔ͔ʁϢʔβʔୈҰओٛΛେ੾ʹ ͳͥʁΛৗʹߟ͑Δ ϝϯόʔશһ͕69޲্ʹऔΓ૊ΉΑ͏ͳνʔϜ࡞Γ ड͚਎σβΠφʔ͸΍ΊͯɺఏҊ͢ΔྗΛ ͨͩ০Δ͚ͩͷσβΠϯɺ୭͔ͷݴ͍ͳΓʹͳ͍ͬͯͳ͍͔ʁ ϥϑ΍ϫΠϠʔϑϨʔϜ௨ΓͰࢥߟྗΛࣺ͍ͯͯͳ͍͔ʁ ΤϯδχΞͱίϛϡχέʔγϣϯ͸औΕ͍ͯΔ͔

  48. ·ͱΊ Ͱ͖Δͱ͜Ζ͔Βɺগͣͭ͠ ·ͣ͸σβΠφʔ͔Βಈ͍ͯΈΑ͏ ͱݴͬͯ΋ɺશͯΛ͜ͳ͢ͷ͸೉͍͠ʜ

  49. ·ͱΊ σβΠϯͰɺ͢΂ͯͷਓΛ޾ͤʹɻ *OEFTJHO NBLFFWFSZPOFIBQQZ

  50. None