Slide 1

Slide 1 text

Service UI Designer Yusuke Yabe ݸਓؒૹۚKyash͕ߟ͑Δɺૹۚମݧͷະདྷ UI Crunch #11

Slide 2

Slide 2 text

ࣗݾ঺հ 2007೥ʙ2015೥1݄·Ͱ޻ۀܥͷσβΠϯࣄ຿ॴʹͯ૊ࠐΈػث΍ΞϓϦͷUIσβΠϯʹैࣄ 2015೥ʙ2017೥6݄·Ͱ։ൃձࣾͷσβΠϯ෦ॺ্ཱͪ͛ϝϯόʔͱͯ͠IAɾUIઃܭΛத৺ʹ webɾΞϓϦͷϝΠϯσβΠφʔͱͯ͠׆ಈ 2017೥7݄͔ΒגࣜձࣾKyashʹࢀը גࣜձࣾKyash αʔϏε UI σβΠφʔ dribbble.com/tarobeeeee ໼෦ ༤༞ʢ΍΂ Ώ͏͚͢ʣ

Slide 3

Slide 3 text

ຊ೔ͷ͓࿩ 1 ݸਓؒૹۚΞϓϦKyashͱ͸ 2 Kyash͕ඳ͘“ݸਓؒૹۚ”͔Β޿͕Δະདྷ 3 ޮ཰ੑ͚ͩͰͳ͍৽͍͠Ձ஋ͷ૑଄ 4 ݸਓؒૹۚͷະདྷʹܨ͛ΔσβΠφʔͷ໾ׂ

Slide 4

Slide 4 text

1 ݸਓؒૹۚΞϓϦKyashͱ͸

Slide 5

Slide 5 text

Kyashͱ͸ ݸਓؒૹۚΞϓϦKyashͱ͸

Slide 6

Slide 6 text

༑ୡ΁ͷૹۚɺ͓ళͰͷࢧ෷͍ɺ ೔ৗͷ͓ۚͷ΍ΓͱΓ͕ͻͱͭʹ·ͱ·ΔΞϓϦ ݸਓؒૹۚΞϓϦKyashͱ͸

Slide 7

Slide 7 text

ΫϨδοτΧʔυΛ࢖ͬͯ ༑ୡʹૹۚͰ͖Δ ૹۚख਺ྉ͸ແྉ ͔͠΋ϦΞϧλΠϜ KyashΛ·͍ͩ࣋ͬͯͳ͍ ૬खʹ΋ૹۚՄೳ εϚϗͱΫϨΧͰ͔ΜͨΜૹۚ ݸਓؒૹۚΞϓϦKyashͱ͸

Slide 8

Slide 8 text

ݸਓؒૹۚΞϓϦKyashͱ͸

Slide 9

Slide 9 text

ड͚औ͓ͬͨۚ͸ɺKyashͷόʔνϟϧVisaΧʔυΛհͯ͠ ΦϯϥΠϯͰͷ͓ങ͍෺΍ϞόΠϧSuicaʹνϟʔδͯ͠࢖͑Δ ࢒ߴ͸͓ങ͍෺ͷࢧ෷͍ʹ ݸਓؒૹۚΞϓϦKyashͱ͸

Slide 10

Slide 10 text

ݸਓؒૹۚΞϓϦKyashͱ͸ Kyash࢒ߴʢ͓༑͔ͩͪΒૹۚ͞Ε͓ͨۚʣ ΫϨδοτ or σϏοτΧʔυ ೖޱ KyashόʔνϟϧVisaΧʔυʢϓϦϖΠυʣ ૹۚʢ͓༑ͩͪʣ ΦϯϥΠϯ ϞόΠϧsuica ग़ޱ ʢܾࡁʣ ࣮ళฮ 2017.9.6ݱࡏʢࠓޙॱ֦࣍େʣ

Slide 11

Slide 11 text

2 Kyash͕ඳ͘“ݸਓؒૹۚ”͔Β޿͕Δະདྷ

Slide 12

Slide 12 text

ਓͱਓͱ͕࣌ؒΛڞʹ͢Δ࣌ɺ࣮͸ετϨεʹ ͳ͍͓ͬͯͨۚͷ΍ΓͱΓͷϋʔυϧΛԼ͛ΒΕΔ Kyash͕ඳ͘“ݸਓؒૹۚ”͔Β޿͕Δະདྷ

Slide 13

Slide 13 text

Kyash͕ඳ͘“ݸਓؒૹۚ”͔Β޿͕Δະདྷ ҿΈձ΍ΠϕϯτͰͷूָ͕ۚʹͳΔ ୺਺ͷग़ΔׂΓצͰָ͍͕࣌ؒ͠௵͞ΕΔ͜ͱ͕ͳ͘ͳΔ ཤྺͰ؅ཧͰ͖ΔͷͰɺूۚ࣌ͷ͓ۚͷτϥϒϧ͕ͳ͘ͳΔ

Slide 14

Slide 14 text

͓ۚͷ΍ΓͱΓͰੜ͡Δݸਓͱ͓ళɺͦͷपล؀ڥ ͷετϨεΛܰݮ͢Δ͜ͱ͕Ͱ͖Δ Kyash͕ඳ͘“ݸਓؒૹۚ”͔Β޿͕Δະདྷ

Slide 15

Slide 15 text

Kyash͕ඳ͘“ݸਓؒૹۚ”͔Β޿͕Δະདྷ ͓ళ͔Βߦྻ͕ͳ͘ͳΔ ϥϯν୅ΛूΊͯࢧ෷͑͹ɺݸผʹਗ਼ࢉ͢ΔΑΓ΋ձܭ͕ૣ͘ࡁΉ ͓٬͞Μ͚ͩͰͳ͓͘ళʹ΋ճస཰Λ্͛ΒΕͨΓɺपล؀ڥ΍͓٬͞Μಉ࢜ͷෆཁͳ τϥϒϧΛආ͚Δ͜ͱʹͭͳ͕ΔͳͲɺࣾձతͳϝϦοτ͕͋Δ

Slide 16

Slide 16 text

ݸਓͱෆಛఆଟ਺ʹࣾձΛܨ͛ΔෑډΛԼ͛Δ͜ͱ Ͱײँ΍ڞײΛ৽͍͠ΧλνͰ఻͑Δ͜ͱ͕Ͱ͖Δ Kyash͕ඳ͘“ݸਓؒૹۚ”͔Β޿͕Δະདྷ

Slide 17

Slide 17 text

Ԡԉͷؾ࣋ͪΛૹΕΔ ϥΠϒதͷ޷͖ͳΞʔςΟετ΍ɺڝٕதͷΞεϦʔτͳͲʹɺ ϦΞϧλΠϜͰԠԉͷؾ࣋ͪΛૹΕΔ ࡂ֐࣌ͷԉॿͷืۚ΋΋ͬͱ͠΍͘͢ͳΔ Kyash͕ඳ͘“ݸਓؒૹۚ”͔Β޿͕Δະདྷ

Slide 18

Slide 18 text

Kyash͕ඳ͘“ݸਓؒૹۚ”͔Β޿͕Δະདྷ ׂΓצ΍ૹ͕ۚख͕ؒল͚Δ͚ͩͰͳ͘ɺ ͦ͜Λӽ͑ͯ৽ͨͳՁ஋ަ׵ͷจԽɺྲྀ௨ͷ࢓૊ΈΛ ੜΈग़͍ͨ͠ ޮ཰ੑ Ձ஋ަ׵ͷจԽ ྲྀ௨ͷ࢓૊Έ

Slide 19

Slide 19 text

3 ޮ཰ੑ͚ͩͰͳ͍৽͍͠Ձ஋ͷ૑଄

Slide 20

Slide 20 text

ޮ཰ੑ͚ͩͰͳ͍৽͍͠Ձ஋ͷ૑଄ ޮ཰ੑ͚ͩΛٻΊͯ΋ֵ৽తͳ΋ͷ͸ ੜΈग़ͤͳ͍

Slide 21

Slide 21 text

ޮ཰ੑ͚ͩͰͳ͍৽͍͠Ձ஋ͷ૑଄ ৬ਓͷੈք ௕೥ͷΞοϓσʔτ ࢈ۀֵ໋ ޮ཰Խ ΞʔπɾΞϯυɾ Ϋϥϑπӡಈ ʗΞʔϧɾψʔϘʔ ൓ൃɾ఍߅ σβΠϯ ༥߹ɾ૑ൃ ৽ͨͳ࢈ۀɾจԽ ࢈ۀֵ໋ޙ΋ޮ཰ੑ͚ͩͰ͸ ࠓͷੈͷதʹͳ͍ͬͯͳ͔ͬͨ

Slide 22

Slide 22 text

ޮ཰ੑ͚ͩͰͳ͍৽͍͠Ձ஋ͷ૑଄ ޮ཰ੑ͚ͩͰͳ͘ɺਓʹدΓఴ͏ײੑ΍ػೳ͕ උΘΔ͜ͱͰ৽͍͠࢈ۀ΍จԽ͕ੜ·Εͨ

Slide 23

Slide 23 text

ޮ཰ੑ͚ͩͰͳ͍৽͍͠Ձ஋ͷ૑଄ ࠓɺۚ༥ͷੈքʹ΋࢈ۀֵ໋͕ى͜Ζ͏ͱ͍ͯ͠Δ

Slide 24

Slide 24 text

ޮ཰ੑ͚ͩͰͳ͍৽͍͠Ձ஋ͷ૑଄ ૹۚ΍ܾࡁͷITԽͱ͍͏ͱɺޮ཰ੑ͚ͩʹ໨͕ߦ͖͕͕ͪͩ ͦ͜ʹʮ୭͔ʹؾ࣋ͪΛ఻͑Δʯͱ͍͏ ৘ॹతͳίϛϡχέʔγϣϯ͕ՃΘΔ͜ͱͰ ͔ͦ͜Β೿ੜ͢Δ৽͍͠Ձ஋ަ׵ͷจԽ΍ྲྀ௨ͷ࢓૊ΈΛੜΈग़͍ͨ͠ ޮ཰ੑ ৘ॹత ίϛϡχέʔγϣϯ σβΠϯ Ձ஋ަ׵ͷจԽ ྲྀ௨ͷ࢓૊Έ ৽͍͠Ձ஋

Slide 25

Slide 25 text

4 ݸਓؒૹۚͷະདྷʹܨ͛ΔσβΠφʔͷ໾ׂ

Slide 26

Slide 26 text

ݸਓؒૹۚͷະདྷʹܨ͛ΔσβΠφʔͷ໾ׂ ௟௧ࡎͱϏλϛϯࡎ must to have better to have ௟௧ࡎ Ϗλϛϯࡎ αʔϏεσβΠϯ΍Ϧʔϯք۾ͰΑ͘ݴΘΕΔͷ͸ ௟௧ࡎͱͳΓ͑Δ՝୊Λղ͚ͱ͍͏͜ͱ

Slide 27

Slide 27 text

ݸਓؒૹۚͷະདྷʹܨ͛ΔσβΠφʔͷ໾ׂ ௟௧ࡎͱϏλϛϯࡎ better to have Ϗλϛϯࡎ ࢢ৔͕ܗ੒͞Ε͍ͯͳ͍ݸਓؒૹۚ෼໺Ͱ͸ ιϦϡʔγϣϯ͸ҰݟϏλϛϯࡎ

Slide 28

Slide 28 text

ݸਓؒૹۚͷະདྷʹܨ͛ΔσβΠφʔͷ໾ׂ ͓ۚ΍ਓؒؔ܎ʹ௚݁͢Δݸਓؒૹۚ͸ ௟௧ࡎʹͳΓ͑Δ must to have ௟௧ࡎ

Slide 29

Slide 29 text

ݸਓؒૹۚͷະདྷʹܨ͛ΔσβΠφʔͷ໾ׂ ΫϦΤΠγϣϯϞσϧͷϓϩμΫτͰ͸ ࢖͍΍͚ͩ͢͞Ͱͳ͘Ձ஋ΛͲ͏఻͑Δ͔͕ॏཁ ݸਓؒૹۚ ݸਓؒૹۚΛטΈࡅ͍ͯ఻͑Δඞཁ͕͋Δ ݸਓؒૹۚ ݸ ਓ ؒ ૹ ۚ

Slide 30

Slide 30 text

ݸਓؒૹۚͷະདྷʹܨ͛ΔσβΠφʔͷ໾ׂ જࡏతͳ՝୊ײΛ૝ىͤ͞ΔͨΊͷ ಋઢʢ఻͑ํʣͱඇػೳʢαϒػೳʣʹ΋ ྗΛೖΕ͍ͯ͘ඞཁ͕͋Δ αʔϏεಋઢ ʢ఻͑ํʣ αʔϏεඇػೳ ʢαϒػೳʣ ݸਓؒૹۚ ͷະདྷ ݸਓؒૹۚ ʢ࢖͍΍͢͞ʣ KyashͰͷσβΠφʔͷ໾ׂ

Slide 31

Slide 31 text

ݸਓؒૹۚͷະདྷʹܨ͛ΔσβΠφʔͷ໾ׂ ΑΓྑ͍ϓϩμΫτʹ͢ΔͨΊʹฃಆத αʔϏεಋઢ ʢετʔϦʔʣ αʔϏεඇػೳ ʢαϒػೳʣ ݸਓؒૹۚ ͷະདྷ ݸਓؒૹۚ ʢ࢖͍΍͢͞ʣ KyashͰͷσβΠφʔͷ໾ׂ

Slide 32

Slide 32 text

ݸਓؒૹۚͷະདྷʹܨ͛ΔσβΠφʔͷ໾ׂ ޤ͏͝ظ଴͍ͩ͘͞ʂ

Slide 33

Slide 33 text

ݸਓؒૹۚͷະདྷʹܨ͛ΔσβΠφʔͷ໾ׂ ৽نࢢ৔Λૂ͏ࣄۀͷσβΠφʔ͕ ͲΜͳ͜ͱΛߟ͍͑ͯΔ͔ࢀߟʹͳΕ͹޾͍Ͱ͢ Thank you!