Slide 1

Slide 1 text

ʮՁ஋ʯΛੜΉαʔϏε։ൃ Designer MeetUp+ #02 ʮσβΠφʔͱΤϯδχΞͷؔΘΓํ2.0ʯ หޢ࢜υοτίϜຊ෦ ։ൃ෦ UXΤϯδχΞ നҪ ߁༤

Slide 2

Slide 2 text

നҪ ߁༤ ͠Β͍ ΍͓͢ หޢ࢜υοτίϜຊ෦ ։ൃ෦ UXΤϯδχΞ খֶੜͷࠒ͔ΒAppleେ޷͖ Twitter: @shirauix

Slide 3

Slide 3 text

ຊ೔͸ࢲ͕ฐࣾ1ਓ໨ͷ ʮUXΤϯδχΞʯ ʹͳͬͨཧ༝ʹ͍͓ͭͯ࿩͠͠·͢

Slide 4

Slide 4 text

1. UXΤϯδχΞͱ͸ʁ

Slide 5

Slide 5 text

หޢ࢜υοτίϜͰ͸… WebΤϯδχΞͱͯ͠ͷϑϩϯτɾαʔόαΠυ։ൃ ϢʔβʔϦαʔν, ϓϩτλΠϐϯά, ػೳ΍UIͷઃܭ ϏδϡΞϧσβΠϯ

Slide 6

Slide 6 text

ཁ͸ Ϣʔβʔଆ΁౿Έग़ͨ͠ΤϯδχΞ

Slide 7

Slide 7 text

2. UXΤϯδχΞΛ࢝Ίͨཧ༝

Slide 8

Slide 8 text

ࢲ͕ߟ͑Δɺ࢓ࣄͷຊ࣭

Slide 9

Slide 9 text

Ϣʔβʔʹରͯ͠ʮՁ஋ʯΛग़͢

Slide 10

Slide 10 text

ച্͸Ձ஋Λఏڙͨ͠ରՁ ᶃαʔϏεΛ௨ͯ͡ʮՁ஋ʯΛఏڙ͢Δ ᶄຬ଍ͨ͠ରՁͱ͓ͯۚ͠Λ෷͏ Ϣʔβʔ اۀ

Slide 11

Slide 11 text

Ձ஋Λग़͢ͷ͕ઌ

Slide 12

Slide 12 text

ࢲ͕ߟ͑Δ ΤϯδχΞͷ੒௕εςοϓ Ϩϕϧ ΑΓՁ஋ΛੜΉํ๏ΛఏҊɾ࣮ݱͰ͖Δ Ϩϕϧ ઐ໳ੑΛ׆͔͠ɺݴΘΕ͍ͯͳ͍෦෼ʹ΋഑ྀͰ͖Δ ੑೳ, อकੑ, ηΩϡϦςΟ, etc... Ϩϕϧ ݴΘΕͨ΋ͷ͕࣮ݱͰ͖ΔͷΈ

Slide 13

Slide 13 text

ᶃՁ஋Λૣ͘ಧ͚Δ ᶅՁ஋Λ௕ظతʹಧ͚Δ ᶄՁ஋Λଟ͘ͷਓʹಧ͚Δ ᶆՁ஋Λग़ͤΔਓΛҭͯΔ

Slide 14

Slide 14 text

Ͱ͸ɺʮՁ஋ʯͱ͸ʁ

Slide 15

Slide 15 text

͔ͪʲՁ஋ʳ 1. ෺͕΋͍ͬͯΔɼԿΒ͔ͷ໨త࣮ݱʹ໾ཱͭੑ࣭΍ఔ౓ɻ஋ଧͪɻ༗༻ੑɻʮʕ͋Δ ඼෺ʯʮʕΛଛͳ͏ʯʮݴٴ͢Δʕ΋ͳ͍ʯʤນ຤·Ͱ͸ʮՁ௚ʢ͔ͪΑ͘ʣʯ͕༻ ͍ΒΕͨʥ 2. ⽡఩⽢ ળ͖΋ͷɾ๬·͍͠΋ͷͱͯ͠ೝΊɼͦͷ࣮ݱΛظ଴͢Δ΋ͷɻ಺ࡏతͳ΋ͷɾ खஈతͳ΋ͷͳͲʹΘ͔ΕΔ͕ɼಛʹɼਅɾળɾඒͳͲɼීวଥ౰ੑΛ΋ͬͨཧ૝తɾ ઈରతՁ஋Λ͍͏ɻ 3. ⽡ܦ⽢ ঎඼ͷՁ֨ͷഎޙʹ͋ͬͯɼͦΕΛنఆ͍ͯ͠Δ΋ͷɻͦͷຊ࣭ɾݯઘͷͱΒ ͑ํʹΑͬͯ٬؍Ձ஋આʢ࿑ಇՁ஋આʣͱओ؍Ձ஋આʢޮ༻Ձ஋આʣͱ͕ରཱ͢Δɻ ʤ͜ͷޠ͸price ͷ༁ޠͷҰͭͱͯ͠ʮӳ࿨ه฽๏ࣈྨʯʢ1878೥ʣʹɼ·ͨvalue ͷ༁ޠͱͯ͠ʮෟԻૠਤӳ࿨ࣈኮ࠶൛ʯʢ1882೥ʣʹࡌΔʥ ࡾলಊ ʮεʔύʔେࣙྛʯΑΓҾ༻

Slide 16

Slide 16 text

ͳΔ΄ͲΘ͔ΒΜ

Slide 17

Slide 17 text

ࣗ෼ͳΓͷཧղ

Slide 18

Slide 18 text

Ձ஋ ≒ ૬ख͕ײ͡Δʮخ͠͞ʯ

Slide 19

Slide 19 text

3. ʮՁ஋ʯͷॏཁͳੑ࣭

Slide 20

Slide 20 text

ੑ࣭ᶃ ૬ख͕͍Δ ࣾ಺޲͚ ࣾһ ΫϥΠΞϯτϫʔΫ ΫϥΠΞϯτ ࣗࣾαʔϏε ΤϯυϢʔβʔ

Slide 21

Slide 21 text

ੑ࣭ᶄ ૬खͷঢ়گͰՁ஋͕͋Δ͔ܾ·Δ • ૬ख͕͍࣋ͬͯΔ஌ࣝ • ͜Ε·ͰͷܦݧʹΑΔɺظ଴΍ෆ҆ • ݸਓతͳ޷Έ • ୲͍ͬͯΔ໾ׂ • etc...

Slide 22

Slide 22 text

ʮՁ஋ʯΛੜΉͨΊͷඞཁ৚݅͸ʁ

Slide 23

Slide 23 text

૬खΛ஌ΓɺԿ͕Ձ஋ʹͳΔ͔Λ஌Δ͜ͱ

Slide 24

Slide 24 text

Α͘΍Γ͕ͪͳޡΓ Ϣʔβʔʹ͍ͭͯߟ͑ͳ͍ ໝ૝ͷҬΛग़ͳ͍ શͯΛ஌ͬͨؾʹͳΔ

Slide 25

Slide 25 text

ϢʔβʔϦαʔν͸શͯͷى఺

Slide 26

Slide 26 text

4. ʮՁ஋ʯΛఏڙ͢Δํ๏

Slide 27

Slide 27 text

ඞཁͳεΩϧ͸ʁ

Slide 28

Slide 28 text

σβΠφʔ ΤϯδχΞ PHP ΦϒδΣΫτࢦ޲ υϝΠϯۦಈઃܭ ςετۦಈ։ൃ ΞδϟΠϧ εΫϥϜ σʔλϕʔε MVC ૄ݁߹ SOLIDݪଇ ΫϦʔϯΞʔΩςΫνϟ HTTP TCP/IP ίϯςφ Kubernetes Linux ϚΠΫϩαʔϏε Webpack Photoshop Illustrator Figma Sketch λΠϙάϥϑΟ ϨΠΞ΢τ ഑৭ ϢʔβʔϦαʔν σβΠϯࢥߟ ϑΝγϦςʔγϣϯ ηΩϡϦςΟ Ϧʔμϒϧίʔυ Git ϓϩτλΠϐϯά ΧελϚʔδϟʔχʔϚοϓ Πϥετ HTML CSS ΞΫηγϏϦςΟ REST JavaScript IA ϦϑΝΫλϦϯά σʔλߏ଄ ΞϧΰϦζϜ ػցֶश ΠϯλϥΫγϣϯ ϫΠϠʔϑϨʔϜ Ϩεϙϯγϒ ࣸਅ άϦουγεςϜ

Slide 29

Slide 29 text

PHP ΦϒδΣΫτࢦ޲ υϝΠϯۦಈઃܭ ςετۦಈ։ൃ ΞδϟΠϧ εΫϥϜ σʔλϕʔε MVC ૄ݁߹ SOLIDݪଇ ΫϦʔϯΞʔΩςΫνϟ HTTP TCP/IP ίϯςφ Kubernetes Linux ϚΠΫϩαʔϏε Webpack Photoshop Illustrator Figma Sketch λΠϙάϥϑΟ ϨΠΞ΢τ ഑৭ ϢʔβʔϦαʔν σβΠϯࢥߟ ϑΝγϦςʔγϣϯ ηΩϡϦςΟ Ϧʔμϒϧίʔυ Git ϓϩτλΠϐϯά ΧελϚʔδϟʔχʔϚοϓ Πϥετ HTML CSS ΞΫηγϏϦςΟ REST JavaScript IA ϦϑΝΫλϦϯά σʔλߏ଄ ΞϧΰϦζϜ ػցֶश ΠϯλϥΫγϣϯ ϫΠϠʔϑϨʔϜ Ϩεϙϯγϒ ࣸਅ άϦουγεςϜ Զ

Slide 30

Slide 30 text

ʮ৬छʯͰࣗ෼Λنఆ͢Δඞཁ͸ͳ͍

Slide 31

Slide 31 text

ࣗ෼ͳΓͷํ๏ͰՁ஋Λग़ͤ͹͍͍

Slide 32

Slide 32 text

5. ࢲ͕ʮUXΤϯδχΞʯʹͳͬͨཧ༝

Slide 33

Slide 33 text

ʢٕज़Λ࣠ʹͭͭ͠ʣ खஈΛબ͹ͣ ϢʔβʔʹʮՁ஋ʯΛग़͍ͯ͘͠ ͱ͍͏ܾҙද໌

Slide 34

Slide 34 text

ͦͯ͠ɺ͋ͳͨͷपΓͷ ಉ྅Λࢥ͍ු͔΂ͯΈ͍ͯͩ͘͞

Slide 35

Slide 35 text

ΤϯδχΞ σβΠφʔ 43& Ϛωʔδϟʔ ܦཧ ΧελϚʔ αϙʔτ σΟϨΫλʔ Ӧۀاը ϓϩμΫτ Φʔφʔ Ӧۀ 2" ๏຿ ϥΠλʔ ࣄۀ෦௕ ܦӦ

Slide 36

Slide 36 text

https://thispersondoesnotexist.com/ ʹͯੜ੒

Slide 37

Slide 37 text

https://thispersondoesnotexist.com/ ʹͯੜ੒ ʮΤϯδχΞʯ΍ʮσβΠφʔʯ ͱ͍͏໊લͷਓ͸͍ͳ͍

Slide 38

Slide 38 text

ಉ྅͕Ͳ͏΍ͬͯ Ձ஋Λग़ͦ͏ͱ͍ͯ͠Δ͔ ཧղ͢Δ

Slide 39

Slide 39 text

ͦΕ͕ɺࢲͷߟ͑Δ ʮσβΠφʔͱΤϯδχΞͷؔΘΓํʯ

Slide 40

Slide 40 text

͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ หޢ࢜υοτίϜຊ෦ ։ൃ෦ UXΤϯδχΞ നҪ ߁༤ Twitter: @shirauix