WWDC19 UI Design Lab のフィードバック解説します / WWDC19 UI Design Lab Feedback

88%$ 6*%FTJHO-BCͷ ϑΟʔυόοΫΛղઆ͠·͢ גࣜձࣾ;0;0ςΫϊϩδʔζ ։ൃ෦ ܭଌϑϩϯτΤϯυ ᖒా ߂Ұ $PQZSJHIU;0;05FDIOPMPHJFT *OD

;0;05FDIOPMPHJFT *OD גࣜձࣾ;0;0ςΫϊϩδʔζ ։ൃ෦ ܭଌϑϩϯτΤϯυ ᖒా ߂Ұ ࠓ೥Ͱ 88%$͸ ճ໨
6*%FTJHO-BC͕ͱʹ͔͘޷͖ ࠓ೥Ͱ 6*%FTJHO-BCͷϨϏϡʔճ਺͸߹ܭճʂ 2

;0;05FDIOPMPHJFT *OD IUUQT[P[PKQ ɾ ೔ຊ࠷େڃͷϑΝογϣϯγϣοϐϯάαΠτ ΞϓϦ ɾ Ҏ্ͷγϣοϓɺ Ҏ্ͷϒϥϯυͷऔΓѻ͍
ʢ೥݄຤࣌఺ʣ ɾ ৗ࣌ສ఺Ҏ্ͷ঎඼ΞΠςϜ਺ͱຖ೔ฏۉ ఺Ҏ্ͷ৽ண ঎඼Λܝࡌ ɾ ଈ೔഑ૹαʔϏε ɾ ΪϑτϥοϐϯάαʔϏε ɾ πέ෷͍ ͳͲ 3

;0;05FDIOPMPHJFT *OD IUUQTXFBSKQ ɾ ೔ຊ࠷େڃͷϑΝογϣϯίʔσΟωʔτΞϓϦ ɾ ສμ΢ϯϩʔυಥഁɺίʔσΟωʔτ౤ߘ૯਺͸ສ݅ Ҏ্ʢͱ΋ʹ೥݄຤࣌఺ʣ ɾ
શੈքʢ"QQ4UPSF(PPHMF1MBZ͕ར༻ՄೳͳશͯͷࠃʣͰ μ΢ϯϩʔυ͕Մೳ ɾ ສਓҎ্ͷϑΥϩϫʔΛ࣋ͭϢʔβʔʢ8&"3*45"ʣ΋஀ੜ 4

;0;05FDIOPMPHJFT *OD IUUQT[P[PKQ[P[PTVJU ɾ ಠࣗʹ։ൃͨ͠࠾ੇ༻ϘσΟʔεʔπ ɾ શମʹࢪ͞ΕͨυοτϚʔΧʔΛεϚʔτϑΥϯΧϝϥͰ౓ ࡱӨ͢Δ͜ͱͰɺମܕσʔλΛܭଌ ɾ ܭଌͨ͠ମܕσʔλ͸ɺॠ࣌ʹ%ϞσϧԽ͞Εɺ;0;0508/
ΞϓϦʹอଘɻ%Ϟσϧ͸͋ΒΏΔ֯౓ʹಈ͔͢͜ͱ͕Ͱ͖ɺ ମܕΛ౓νΣοΫ͢Δ͜ͱ͕Մೳ 5

;0;05FDIOPMPHJFT *OD 6*%FTJHO-BC • "QQMFͷσβΠφʔ͕ΞϓϦͷ 6*ΛϨϏϡʔ • ࠓ೥͔Β༧໿ʢ෼ʣͱ %SPQJOʢ෼ʣͷ ຊཱͯ
• 88%$ظؒதɺநબͰ̍ճ·ͰͰɺ౰બͨ͠Βಉ྅Λ̍ਓ࿈Εͯߦ͚Δ • ೔ຊޠ௨༁΋ґཔͰ͖Δʂ 6

;0;05FDIOPMPHJFT *OD ϑΟʔυόοΫղઆ • 8&"3ճɺ;0;0508/ճ • 8&"3ͷϑΟʔυόοΫ͸ 5&$)#-0( ΋ͥͻݟ͍ͯͩ͘͞ •
-5Ͱ͸શ෦͸঺հ͖͠Εͳ͍ͷͰɺڵຯ͋Δํ͸ޙ΄Ͳ .FFUVQͰ࿩͠ ·͠ΐ͏ʂ 7

;0;05FDIOPMPHJFT *OD 8&"3౤ߘը૾ͷ໌Δ͞ௐ੔ 8

;0;05FDIOPMPHJFT *OD

;0;05FDIOPMPHJFT *OD 8&"3౤ߘը૾ͷ໌Δ͞ௐ੔ ໰୊ • ̏ͭͷεϥΠμʔΛԿ౓΋ௐ੔Λ܁Γฦ͠ɺΑ͏΍͘๬ Ή݁Ռ͕ಘΒΕΔͷͰɺ2VJDLͰ &BTZͰ͸ͳ͍ɻ 10

;0;05FDIOPMPHJFT *OD 8&"3౤ߘը૾ͷ໌Δ͞ௐ੔ ఏҊ • ΋͠ॏཁͰͳ͍ͳΒɺΧοτ͢Δ • ॏཁͳΒ͹ʮࣸਅʯΞϓϦͱಉ͡Α͏ʹϏδϡΞϧͰ݁ Ռ͕Θ͔Δબ୒ࢶΛ༻ҙ͢Δɻ 11

;0;05FDIOPMPHJFT *OD 8&"3౤ߘϑϩʔͷը໘ભҠ 12

;0;05FDIOPMPHJFT *OD 8&"3౤ߘϑϩʔͷը໘ભҠ ໰୊ • ৽͍͠ΞΠςϜ৘ใΛೖྗ͢Δࡍͷը໘ ભҠ͕ଟ͘ɺ2VJDLͰ &BTZͰ͸ͳ͍ɻ • ʢաڈݴΘΕͨ͜ͱʣฤू࡞ۀͷର৅෺
ʢ͜ͷ৔߹͸ίʔσը૾ʣ͔Β໨ઢ͕཭ Εͯ͠·͏ɻ 14

;0;05FDIOPMPHJFT *OD 8&"3౤ߘϑϩʔͷը໘ભҠ ఏҊ • ̍ը໘Ͱ࡞ۀΛ׬݁Ͱ͖ΔΑ͏ʹ͢Δ • ݸਓతͳݟղ͕ͩɺ͓ͦΒࣸ͘ਅΞϓϦ͸ͦ͏͍͏σβ Πϯʹͳ͍ͬͯΔɻ 15

;0;05FDIOPMPHJFT *OD ;0;0508/ ը໘εΫʔϧ࣌ͷ/BW5BC#BS ͷڍಈ 16

;0;05FDIOPMPHJFT *OD ;0;0508/ ը໘εΫʔϧ࣌ͷ/BW5BC#BSͷڍಈ ໰୊ • /BWJHBUJPO#BSͱ 5BC#BS͕ফ͑ͯ͠·͏ͱɺϢʔβʔ ͕ෆ҆ͳؾ࣋ͪʹͳΔ •
λοϓͰ໭Δͷ͕ඪ४ͳͷͰɺεΫϩʔϧͤ͞ͳ͍ͱ໭Β ͳ͍ͷ͸ྑ͘ͳ͍ • όοςϦʔදࣔͳͲ͕ݟʹ͘͘ͳΔ • ্ԼͷεΫϩʔϧͰӅΕͨΓग़ͨΓ͢Δͱؾ͕ࢄΔ • ճड͚ͨϨϏϡʔͰ ճͱ΋ࢦఠ 18

;0;05FDIOPMPHJFT *OD ;0;0508/ ը໘εΫʔϧ࣌ͷ/BW5BC#BSͷڍಈ ఏҊ • /BWJHBUJPO#BS͸׬શʹӅ͞ͳ͍ɻ4BGBSJͱಉ͡Α͏ ʹ࠷খԽ͠ɺ#BSΛ 5BQ͢Δͱ໭Δ •
5BC#BS͸Ӆͨ͠Γग़ͨ͠Γ͠ͳ͍ɻৗʹಉ͡Ґஔʹ͋ ΔΑ͏ʹ͢Δɻ 19

;0;05FDIOPMPHJFT *OD ;0;0508/5BC#BSͷಁ໌౓ 20

;0;05FDIOPMPHJFT *OD ;0;0508/5BC#BSͷಁ໌౓ ໰୊ • 5BC#BS͕൒ಁ໌Ͱͳ͍ͱɺ͞ΒʹεΫϩʔϧͰ͖Δ͔ Ͳ͏͔͕෼͔Βͳ͍ 22

;0;05FDIOPMPHJFT *OD ;0;0508/5BC#BSͷಁ໌౓ ఏҊ • "QQ4UPSFΞϓϦͱಉ͡Α͏ʹ൒ಁ໌ʹ͢Δͱɺը໘ ͷԼʹ͞Βʹίϯςϯπ͕͋Δ͔༧ଌͰ͖Δ 23

;0;05FDIOPMPHJFT *OD վΊֶͯΜͩ͜ͱ Ϣʔβʔຊདྷͷ࡞ۀʢϒϥ΢ζ΍ฤूʣʹूதͰ͖Δ؀ڥʹ͢Δ • Ϣʔβʔͷ໨ઢ͸ࣸਅΛத৺ʹҠಈ͢Δ • Ϣʔβʔ͕ڵຯΛ޲͚Δ΋ͷ͔Βࢹઢ͕֎Εͳ͍Α͏ʹɺ༨෼ͳը໘ભҠ ΛݮΒ͢ •
Կ౓΋Կ౓΋λονΛ܁Γฦ͢Α͏ͳૢ࡞͸ۃྗආ͚Δ • λονૢ࡞ͷ݁ՌΛ༧૝Ͱ͖ΔΑ͏ʹ͢Δɺ·ͨ༧૝Λཪ੾Βͳ͍Α͏ʹ ͢Δ 24

;0;05FDIOPMPHJFT *OD ࠷ޙʹɿ6*%FTJHO-BCͷ͢͢Ί • ͳΜͱͳ͘Πέͯͳ͍ͱࢥ͍ͬͯΔॴɺνʔϜ಺Ͱҙݟ͕෼͔Ε͍ͯΔॴ Λ "QQMFͷσβΠϯݪଇʹج͖ͮղઆͯ͘͠ΕΔ • "QQMFͷσβΠφʔ͔Βͷࢦఠ͸ɺ༏ઌ౓Λ͋͛ͯରԠ͠΍͍͢ •
ྑ͍ͱݴΘΕΔͱຊ౰ʹخ͘͠ɺࣗ෼ͨͪͷࣗ৴ʹͭͳ͕Δ ػձ͕͋Ε͹ɺͥͻߦͬͯΈͯԼ͍͞ʂ 25

;0;05FDIOPMPHJFT *OD ෇࿥ɿདྷ೥ͷͨΊͷΞυόΠε 27

;0;05FDIOPMPHJFT *OD ϨϏϡʔ४උ • ͱʹ͔͘ϨϏϡʔ͕࣌ؒ୹͍ʂʂʂ • ࠷ॳͷΞϓϦͷઆ໌͸ϢʔεέʔεΛཧղͯ͠΋Β͑Ε͹े෼ • ଟݴޠαϙʔτ͍ͯ͠ΔͳΒɺӳޠ൛͕Φεεϝ
• ॳճ͸ϑϦʔϑΟʔυόοΫͰ΋ྑ͍͕ɺ ճ໨Ҏ߱͸࣭໰ܗࣜʹ͢Δͱɺ ϑΟʔυόοΫ͕ॏෳ͠ͳ͍ͷͰɺޮ཰త • ಛघͳΞϓϦ͸ͪ͜ΒͰ࣭໰Λ༻ҙ͠ͳ͍ͱɺϑΟʔυόοΫ͕গͳ͘ͳ Δ͜ͱ΋͋Δ 28

;0;05FDIOPMPHJFT *OD ϨϏϡʔ४උ • ࣌ؒ੾ΕʹͳΓ΍͍͢ͷͰɺ࣭໰͸༏ઌॱҐΛܾΊ͓ͯ͘ • ಉ྅Λ ਓ࿈Εͯߦ͚ΔͷͰɺ໾ׂ෼୲ʢಛʹϊʔτ܎ʣ͢Δͱ௙Δ •
௨༁΋པΊΔ͕ɺ࣌ؒͷϩε΋େ͖͍ͷͰɺগ͠࿩ͤΔਓ͸ؤுͬͯࣗ෼ Ͱ࿩͠ɺ෼͔Βͳ͍࣌ʹαϙʔτͯ͠΋Β͏ܗʹ͢ΔͱΑ͍͔΋ • ௨৴͕ඞཁͳΞϓϦͳΒɺձ৔ͷ 8J'J͸ශऑͳͷͰɺ༻ҙͨ͠ํ͕ྑ͍ • ͦͷଞɺॆి΍ϩάΠϯࡁΈʹͨ͠ΓɺεϦʔϓ΍ύείʔυͷղআͳͲ ༻ҙप౸ʹ 29

;0;05FDIOPMPHJFT *OD ༧໿ํ๏ • Ր༵೔͔Β༵ۚ೔ͷே ʙ ʹ 88%$ͷ $POTVMUBUJPOTͷϖʔ
δͰ༧໿ • ࣌ؒ͸ޕલɺޕޙɺऴ೔ͷ୒Ͱ౰બޙͷมߋෆՄɻ88%$ظؒத ਓ ճ·ͰͳͷͰɺଞͷ༧ఆͱ͔ͿΒͳ͍Α͏ʹཁ஫ҙ • ϨϏϡʔͯ͠΋Β͍͍ͨ͜ͱΛӳޠͰೖྗ͢ΔͷͰɺࣄલʹ༻ҙ͢Δͱָ • நબ݁Ռ͸ ͔Βॱ࣍ɻམબϝʔϧ͸͙͢ʹಧ͘ͷͰɺͳ͔ͳ͔݁Ռ͕ ಧ͔ͳ͔ͬͨΒظ଴େ 30

WWDC19 UI Design Lab のフィードバック解説します / WWDC19 UI Design Lab Feedback

WWDC19 UI Design Lab のフィードバック解説します / WWDC19 UI Design Lab Feedback

hsawada_stk

More Decks by hsawada_stk

Other Decks in Design

Featured

Transcript

88%$ 6%FTJHO-BCͷ ϑΟʔυόοΫΛղઆ͠·͢ גࣜձࣾ;0;0ςΫϊϩδʔζ ։ൃ෦ ܭଌϑϩϯτΤϯυ ᖒా ߂Ұ $PQZSJHIU;0;05FDIOPMPHJFT OD

;0;05FDIOPMPHJFT *OD גࣜձࣾ;0;0ςΫϊϩδʔζ ։ൃ෦ ܭଌϑϩϯτΤϯυ ᖒా ߂Ұ ࠓ೥Ͱ 88%$͸ ճ໨

;0;05FDIOPMPHJFT *OD IUUQT[P[PKQ ɾ ೔ຊ࠷େڃͷϑΝογϣϯγϣοϐϯάαΠτ ΞϓϦ ɾ Ҏ্ͷγϣοϓɺ Ҏ্ͷϒϥϯυͷऔΓѻ͍

;0;05FDIOPMPHJFT *OD IUUQTXFBSKQ ɾ ೔ຊ࠷େڃͷϑΝογϣϯίʔσΟωʔτΞϓϦ ɾ ສμ΢ϯϩʔυಥഁɺίʔσΟωʔτ౤ߘ૯਺͸ສ݅ Ҏ্ʢͱ΋ʹ೥݄຤࣌఺ʣ ɾ

;0;05FDIOPMPHJFT *OD IUUQT[P[PKQ[P[PTVJU ɾ ಠࣗʹ։ൃͨ͠࠾ੇ༻ϘσΟʔεʔπ ɾ શମʹࢪ͞ΕͨυοτϚʔΧʔΛεϚʔτϑΥϯΧϝϥͰ౓ ࡱӨ͢Δ͜ͱͰɺମܕσʔλΛܭଌ ɾ ܭଌͨ͠ମܕσʔλ͸ɺॠ࣌ʹ%ϞσϧԽ͞Εɺ;0;0508/

;0;05FDIOPMPHJFT OD 6%FTJHO-BC • "QQMFͷσβΠφʔ͕ΞϓϦͷ 6*ΛϨϏϡʔ • ࠓ೥͔Β༧໿ʢ෼ʣͱ %SPQJOʢ෼ʣͷ ຊཱͯ

;0;05FDIOPMPHJFT *OD ϑΟʔυόοΫղઆ • 8&"3ճɺ;0;0508/ճ • 8&"3ͷϑΟʔυόοΫ͸ 5&$)#-0( ΋ͥͻݟ͍ͯͩ͘͞ •

;0;05FDIOPMPHJFT *OD 8&"3౤ߘը૾ͷ໌Δ͞ௐ੔ 8

;0;05FDIOPMPHJFT *OD

;0;05FDIOPMPHJFT *OD 8&"3౤ߘը૾ͷ໌Δ͞ௐ੔ ໰୊ • ̏ͭͷεϥΠμʔΛԿ౓΋ௐ੔Λ܁Γฦ͠ɺΑ͏΍͘๬ Ή݁Ռ͕ಘΒΕΔͷͰɺ2VJDLͰ &BTZͰ͸ͳ͍ɻ 10

;0;05FDIOPMPHJFT *OD 8&"3౤ߘը૾ͷ໌Δ͞ௐ੔ ఏҊ • ΋͠ॏཁͰͳ͍ͳΒɺΧοτ͢Δ • ॏཁͳΒ͹ʮࣸਅʯΞϓϦͱಉ͡Α͏ʹϏδϡΞϧͰ݁ Ռ͕Θ͔Δબ୒ࢶΛ༻ҙ͢Δɻ 11

;0;05FDIOPMPHJFT *OD 8&"3౤ߘϑϩʔͷը໘ભҠ 12

;0;05FDIOPMPHJFT *OD

;0;05FDIOPMPHJFT *OD 8&"3౤ߘϑϩʔͷը໘ભҠ ໰୊ • ৽͍͠ΞΠςϜ৘ใΛೖྗ͢Δࡍͷը໘ ભҠ͕ଟ͘ɺ2VJDLͰ &BTZͰ͸ͳ͍ɻ • ʢաڈݴΘΕͨ͜ͱʣฤू࡞ۀͷର৅෺

;0;05FDIOPMPHJFT *OD 8&"3౤ߘϑϩʔͷը໘ભҠ ఏҊ • ̍ը໘Ͱ࡞ۀΛ׬݁Ͱ͖ΔΑ͏ʹ͢Δ • ݸਓతͳݟղ͕ͩɺ͓ͦΒࣸ͘ਅΞϓϦ͸ͦ͏͍͏σβ Πϯʹͳ͍ͬͯΔɻ 15

;0;05FDIOPMPHJFT *OD ;0;0508/ ը໘εΫʔϧ࣌ͷ/BW5BC#BS ͷڍಈ 16

;0;05FDIOPMPHJFT *OD

;0;05FDIOPMPHJFT *OD ;0;0508/ ը໘εΫʔϧ࣌ͷ/BW5BC#BSͷڍಈ ໰୊ • /BWJHBUJPO#BSͱ 5BC#BS͕ফ͑ͯ͠·͏ͱɺϢʔβʔ ͕ෆ҆ͳؾ࣋ͪʹͳΔ •

;0;05FDIOPMPHJFT *OD ;0;0508/ ը໘εΫʔϧ࣌ͷ/BW5BC#BSͷڍಈ ఏҊ • /BWJHBUJPO#BS͸׬શʹӅ͞ͳ͍ɻ4BGBSJͱಉ͡Α͏ ʹ࠷খԽ͠ɺ#BSΛ 5BQ͢Δͱ໭Δ •

;0;05FDIOPMPHJFT *OD ;0;0508/5BC#BSͷಁ໌౓ 20

;0;05FDIOPMPHJFT *OD

;0;05FDIOPMPHJFT *OD ;0;0508/5BC#BSͷಁ໌౓ ໰୊ • 5BC#BS͕൒ಁ໌Ͱͳ͍ͱɺ͞ΒʹεΫϩʔϧͰ͖Δ͔ Ͳ͏͔͕෼͔Βͳ͍ 22

;0;05FDIOPMPHJFT *OD ;0;0508/5BC#BSͷಁ໌౓ ఏҊ • "QQ4UPSFΞϓϦͱಉ͡Α͏ʹ൒ಁ໌ʹ͢Δͱɺը໘ ͷԼʹ͞Βʹίϯςϯπ͕͋Δ͔༧ଌͰ͖Δ 23

;0;05FDIOPMPHJFT *OD վΊֶͯΜͩ͜ͱ Ϣʔβʔຊདྷͷ࡞ۀʢϒϥ΢ζ΍ฤूʣʹूதͰ͖Δ؀ڥʹ͢Δ • Ϣʔβʔͷ໨ઢ͸ࣸਅΛத৺ʹҠಈ͢Δ • Ϣʔβʔ͕ڵຯΛ޲͚Δ΋ͷ͔Βࢹઢ͕֎Εͳ͍Α͏ʹɺ༨෼ͳը໘ભҠ ΛݮΒ͢ •

;0;05FDIOPMPHJFT OD ࠷ޙʹɿ6%FTJHO-BCͷ͢͢Ί • ͳΜͱͳ͘Πέͯͳ͍ͱࢥ͍ͬͯΔॴɺνʔϜ಺Ͱҙݟ͕෼͔Ε͍ͯΔॴ Λ "QQMFͷσβΠϯݪଇʹج͖ͮղઆͯ͘͠ΕΔ • "QQMFͷσβΠφʔ͔Βͷࢦఠ͸ɺ༏ઌ౓Λ͋͛ͯରԠ͠΍͍͢ •

;0;05FDIOPMPHJFT *OD ෇࿥ɿདྷ೥ͷͨΊͷΞυόΠε 27

;0;05FDIOPMPHJFT *OD ϨϏϡʔ४උ • ͱʹ͔͘ϨϏϡʔ͕࣌ؒ୹͍ʂʂʂ • ࠷ॳͷΞϓϦͷઆ໌͸ϢʔεέʔεΛཧղͯ͠΋Β͑Ε͹े෼ • ଟݴޠαϙʔτ͍ͯ͠ΔͳΒɺӳޠ൛͕Φεεϝ

;0;05FDIOPMPHJFT *OD ϨϏϡʔ४උ • ࣌ؒ੾ΕʹͳΓ΍͍͢ͷͰɺ࣭໰͸༏ઌॱҐΛܾΊ͓ͯ͘ • ಉ྅Λ ਓ࿈Εͯߦ͚ΔͷͰɺ໾ׂ෼୲ʢಛʹϊʔτ܎ʣ͢Δͱ௙Δ •

;0;05FDIOPMPHJFT *OD ༧໿ํ๏ • Ր༵೔͔Β༵ۚ೔ͷே ʙ ʹ 88%$ͷ $POTVMUBUJPOTͷϖʔ