Tweet
Tweet

Slide 1

Slide 1 text

The HIG & Software UI Design https://goodpatch.connpass.com/event/251756/ 22.7.11 WWDC22ͷൃද಺༰ͱHIGͷߋ৽಺༰͔ΒUIσβΠϯΛߟ͑Δ #wwdc22gp © 2022 Satori MARU. usagimaru

Slide 2

Slide 2 text

Satori MARU #wwdc22gp © 2022 Satori MARU. Software Designer / UI Architect / Developer @usagimaru @usagimaru @usagimaruma Goodpatch Inc. Design Ops

Slide 3

Slide 3 text

Software Designer / UI Architect / Developer Satori MARU @usagimaru @usagimaru @usagimaruma Goodpatch Inc. Design Ops #wwdc22gp © 2022 Satori MARU.

Slide 4

Slide 4 text

https://goodpatch.com/work/vegery © 2022 Satori MARU. VegeryʢαʔϏεऴྃʣ ٶ࡚ݝ࢈໺ࡊɾੜ઱৯඼ͷσϦόϦʔαʔϏεʢiOSωΠςΟϒΞϓϦέʔγϣϯʣ גࣜձࣾϕδΦϕδί

Slide 5

Slide 5 text

https://goodpatch.com/work/jins-meme-office © 2022 Satori MARU. JINS MEME OFFICE ϝΨωσόΠεʹΑΔूதྗܭଌappʢiOSωΠςΟϒʗApple WatchΞϓϦέʔγϣϯʣ גࣜձࣾδϯζ

Slide 6

Slide 6 text

https://goodpatch.com/news/sunchigooddesign © 2022 Satori MARU. ͞Μͪ ʙ޻ܳͱ୳๚ʙʗ͞Μͪͷख஽ʢiOS appαʔϏεऴྃʣ ޻ܳ࢈஍ϝσΟΞɺཱྀͷ͓ͱ΋ΞϓϦʢWebαΠτʗiOSωΠςΟϒΞϓϦέʔγϣϯʣ גࣜձࣾத઒੓ࣣ঎ళ

Slide 7

Slide 7 text

https://goodpatch.com/work/6gram © 2022 Satori MARU. 6gramʢݱMIXI Mʣ όʔνϟϧϓϦϖΠυΧʔυʗܾࡁappʢiOSωΠςΟϒΞϓϦέʔγϣϯʣ גࣜձࣾϛΫγΟ

Slide 8

Slide 8 text

https://goodpatch.com/work/onecareercloud © 2022 Satori MARU. ϫϯΩϟϦΞΫϥ΢υ ࠾༻ਓࣄ޲͚SaaSʢWebΞϓϦέʔγϣϯʣ גࣜձࣾϫϯΩϟϦΞ

Slide 9

Slide 9 text

© 2022 Satori MARU. macOS native https://macos-native.github.io ߴ඼࣭ͳmacOSωΠςΟϒΞϓϦέʔγϣϯ։ൃΛࢤ͠ ͦͷٕज़ͱ஌ݟΛڞ༗͢ΔͨΊͷίϛϡχςΟ 1024jp Nob Nukui zumu usagimaru Private

Slide 10

Slide 10 text

© 2022 Satori MARU. Developer UI Designer ςʔϚ

Slide 11

Slide 11 text

© 2022 Satori MARU. Develop UI Design ςʔϚ

Slide 12

Slide 12 text

© 2022 Satori MARU. Develop UI Design Swift API ࠓճ͸࿩୊ʹ͠·ͤΜ ςʔϚ ࣮૷ํ๏

Slide 13

Slide 13 text

© 2022 Satori MARU. #wwdc22gp HIG

Slide 14

Slide 14 text

© 2022 Satori MARU. #wwdc22gp Human Interface Guidelines

Slide 15

Slide 15 text

© 2022 Satori MARU. #wwdc22gp https://developer.apple.com/design/human-interface-guidelines/guidelines/overview 2022.06

Slide 16

Slide 16 text

© 2022 Satori MARU. #wwdc22gp HIGͱ͸Կͳͷ͔

Slide 17

Slide 17 text

© 2022 Satori MARU. #wwdc22gp AppleϓϥοτϑΥʔϜͷͨΊͷ σβΠϯΨΠμϯεɺσβΠϯݴޠ HIG )*(ͷࠜఈʹ͋ΔجຊతͳσβΠϯͷߟ͑ํ͸ ϓϥοτϑΥʔϜඇґଘͰ͋Γɺීวతʹద༻Ͱ͖Δ༨஍͕͋Δ HIGͱ͸Կͳͷ͔

Slide 18

Slide 18 text

© 2022 Satori MARU. #wwdc22gp https://developer.apple.com/design/human-interface-guidelines/guidelines/overview 2022.06 HIGͱ͸Կͳͷ͔

Slide 19

Slide 19 text

© 2022 Satori MARU. #wwdc22gp The Apple ][ Human Interface Guidelines, Pre-Release Version (1977–1985) 1985 HIGͱ͸Կͳͷ͔

Slide 20

Slide 20 text

© 2022 Satori MARU. #wwdc22gp 1987 1992 Macintosh Human Interface Guidelines (1992) / Apple Human Interface Guidelines: The Apple Desktop Interface (1987) / ಉ೔ຊޠ൛ (1989–2004) HIGͱ͸Կͳͷ͔

Slide 21

Slide 21 text

© 2022 Satori MARU. #wwdc22gp Apple Human Interface Guidelines: The Apple Desktop Interface ೔ຊޠ൛ (1989–2004) Apple Desktop Interfaceͷϧʔπ

Slide 22

Slide 22 text

© 2022 Satori MARU. #wwdc22gp Apple Human Interface Guidelines: The Apple Desktop Interface ೔ຊޠ൛ (1989–2004) Apple Desktop Interfaceͷϧʔπ μάϥεɾΤϯήϧόʔτ Xerox ύϩΞϧτݚڀॴ ΞϥϯɾέΠ

Slide 23

Slide 23 text

© 2022 Satori MARU. #wwdc22gp http://www.dougengelbart.org/content/view/209/448/ https://en.wikipedia.org/wiki/Dynabook https://ja.wikipedia.org/wiki/Macintosh Apple Desktop Interfaceͷϧʔπ 1960೥୅ ώϡʔϚϯΠϯλʔϑΣΠεͷ ίϯηϓτཱ͕֬ 1970೥୅ σεΫτοϓGUIͷ جຊίϯηϓτཱ͕֬ Macintosh SRI / μάϥεɾΤϯήϧόʔτΒ PARC / ΞϥϯɾέΠΒ 1984

Slide 24

Slide 24 text

© 2022 Satori MARU. #wwdc22gp HIG )*(ͷࠜఈʹ͋ΔجຊతͳσβΠϯͷߟ͑ํ͸ ϓϥοτϑΥʔϜඇґଘͰ͋Γɺීวతʹద༻Ͱ͖Δ༨஍͕͋Δ HIGͱ͸Կͳͷ͔ AppleϓϥοτϑΥʔϜͷͨΊͷ σβΠϯΨΠμϯεɺσβΠϯݴޠ

Slide 25

Slide 25 text

© 2022 Satori MARU. #wwdc22gp Design Language

Slide 26

Slide 26 text

© 2022 Satori MARU. #wwdc22gp Design Language σβΠϯݴޠ ͋Δ࢓૊Έ΍γεςϜͷཧղͷͨΊɺ ౷Ұݟղɾදݱɾϧʔϧɾઃܭࢥ૝Λه͢΋ͷ ※ొஃऀʹΑΔղऍɺݟղ

Slide 27

Slide 27 text

© 2022 Satori MARU. #wwdc22gp ʮσβΠϯΨΠυϥΠϯ͸σβΠφʔ͕ಡΉ΋ͷʯ ʮΤϯδχΞʹ͸σβΠϯͷӠʑ͸ແؔ܎Ͱ͋Δʯ ʮσβΠϯΨΠυϥΠϯʹ͸ݟͨ໨ͷࣄฑ͚ͩΛهͤ͹ྑ͍ʯ

Slide 28

Slide 28 text

ʮσβΠϯΨΠυϥΠϯ͸σβΠφʔ͕ಡΉ΋ͷʯ ʮΤϯδχΞʹ͸σβΠϯͷӠʑ͸ແؔ܎Ͱ͋Δʯ ʮσβΠϯΨΠυϥΠϯʹ͸ݟͨ໨ͷࣄฑ͚ͩΛهͤ͹ྑ͍ʯ © 2022 Satori MARU. #wwdc22gp ͋Δ࢓૊Έ΍γεςϜͷཧղͷͨΊɺ ౷Ұݟղɾදݱɾϧʔϧɾઃܭࢥ૝Λه͢΋ͷ

Slide 29

Slide 29 text

ʮσβΠϯΨΠυϥΠϯ͸σβΠφʔ͕ಡΉ΋ͷʯ ʮΤϯδχΞʹ͸σβΠϯͷӠʑ͸ແؔ܎Ͱ͋Δʯ ʮσβΠϯΨΠυϥΠϯʹ͸ݟͨ໨ͷࣄฑ͚ͩΛهͤ͹ྑ͍ʯ © 2022 Satori MARU. #wwdc22gp ͋Δ࢓૊Έ΍γεςϜͷཧղͷͨΊɺ ౷Ұݟղɾදݱɾϧʔϧɾઃܭࢥ૝Λه͢΋ͷ ؔ܎ऀ͸օɺňઃܭʯʹ͍ͭͯ ཧղ͠ͳ͚Ε͹ͳΒͳ͍

Slide 30

Slide 30 text

© 2022 Satori MARU. #wwdc22gp ΞʔΩςΫνϟ ϑϨʔϜϫʔΫ App ιϑτ΢ΣΞͷߏ଄ͱσβΠϯ ։ൃ؀ڥ͕نఆ͢Δ Πϝʔδ ։ൃ؀ڥ͕نఆ͢Δ ։ൃऀ͕σβΠϯ͢Δ 04ΛؚΉ։ൃ؀ڥͱΞϓϦέʔγϣϯͷؔ܎ʢུ֓ਤʣ ߏ੒ ൓ө

Slide 31

Slide 31 text

© 2022 Satori MARU. #wwdc22gp ਫ਼ਆɺઃܭࢥ૝ɺσβΠϯݴޠ UIϑϨʔϜϫʔΫ౳ ϓϩμΫτ ιϑτ΢ΣΞͷߏ଄ͱσβΠϯ Πϝʔδ ։ൃ؀ڥ͕نఆ͢Δ ։ൃ؀ڥ͕نఆ͢Δ ։ൃऀ͕σβΠϯ͢Δ ιϑτ΢ΣΞϓϩμΫτͷσβΠϯ ߏ੒ ൓ө

Slide 32

Slide 32 text

© 2022 Satori MARU. #wwdc22gp ਫ਼ਆɺઃܭࢥ૝ɺσβΠϯݴޠ UIϑϨʔϜϫʔΫ౳ ϓϩμΫτ ιϑτ΢ΣΞͷߏ଄ͱσβΠϯ Πϝʔδ ։ൃ؀ڥ͕نఆ͢Δ ։ൃ؀ڥ͕نఆ͢Δ ։ൃऀ͕σβΠϯ͢Δ ιϑτ΢ΣΞϓϩμΫτͷσβΠϯ ߏ੒ ൓ө ϓϥοτϑΥʔϜ

Slide 33

Slide 33 text

© 2022 Satori MARU. #wwdc22gp ਫ਼ਆɺઃܭࢥ૝ɺσβΠϯݴޠ UIϑϨʔϜϫʔΫ౳ ϓϩμΫτ ιϑτ΢ΣΞͷߏ଄ͱσβΠϯ Πϝʔδ ։ൃ؀ڥ͕نఆ͢Δ ։ൃ؀ڥ͕نఆ͢Δ ։ൃऀ͕σβΠϯ͢Δ ιϑτ΢ΣΞϓϩμΫτͷσβΠϯ ߏ੒ ൓ө ϓϥοτϑΥʔϜ ΞϓϦέʔγϣϯ

Slide 34

Slide 34 text

© 2022 Satori MARU. #wwdc22gp ਫ਼ਆɺઃܭࢥ૝ɺσβΠϯݴޠ UIϑϨʔϜϫʔΫ౳ ϓϩμΫτ ιϑτ΢ΣΞͷߏ଄ͱσβΠϯ Πϝʔδ ιϑτ΢ΣΞϓϩμΫτʹ͓͚ΔσβΠϯΨΠυϥΠϯ ߏ੒ ൓ө HIGͳͲͷσβΠϯݴޠͰ σβΠϯͷํ޲ੑΛࣔ͢ ΞϓϦέʔγϣϯಠࣗͷσβΠϯݴޠͰ σβΠϯͷํ޲ੑΛࣔ͢ ։ൃऀ 

Slide 35

Slide 35 text

© 2022 Satori MARU. #wwdc22gp https://developer.apple.com/design/human-interface-guidelines/guidelines/overview "QQMFϓϥοτϑΥʔϜͰιϑτ΢ΣΞ։ൃΛ͢ΔͳΒɺ )*(౳Ͱࣔ͞ΕΔσβΠϯݴޠΛΑ͘ཧղ͠ɺ ňಉ͡ݴ༿ʯͰσβΠϯͷձ࿩Λ͢Δ͜ͱ͕ٻΊΒΕΔɻ

Slide 36

Slide 36 text

© 2022 Satori MARU. #wwdc22gp w λϒόʔ w ϘτϜφϏήʔγϣϯ w φϏήʔγϣϯόʔ w ϝχϡʔόʔ w ϑολʔ w Ϙλϯ w πʔϧόʔ نఆ͞Ε໊ͨલͱݺͼํ 6*෦඼ʹؔ͢Δ౷ҰݟղͱσβΠϯݴޠ ը૾ग़యɿApple BooksΞϓϦέʔγϣϯ

Slide 37

Slide 37 text

© 2022 Satori MARU. #wwdc22gp w άϩʔόϧφϏήʔγϣϯ w ϩʔΧϧφϏήʔγϣϯ w ΞΫγϣϯπʔϧόʔ جຊతͳ໾ׂ 6*෦඼ʹؔ͢Δ౷ҰݟղͱσβΠϯݴޠ ը૾ग़యɿApple BooksΞϓϦέʔγϣϯ

Slide 38

Slide 38 text

© 2022 Satori MARU. #wwdc22gp w ࠷େ͍ͭ͘ͷλϒΛฒ΂ΒΕΔ͔ w ࠨதӈͲͪΒʹدͤͯ഑ஔ͢Δ͔ w λϒΛબ୒ͨ͠Βը໘ͰԿ͕ى͜Δ͔ w ;࣠ϨΠϠʔߏ଄ͰͷҐஔ෇͚ w ϞʔμϧϏϡʔͱͷ݉Ͷ߹͍ w όʔͷදࣔͱඇදࣔͷτϦΨʔ w ΞΠίϯͱςΩετͷදݱํ๏ ओͳڍಈ 6*෦඼ʹؔ͢Δ౷ҰݟղͱσβΠϯݴޠ ը૾ग़యɿApple BooksΞϓϦέʔγϣϯ

Slide 39

Slide 39 text

© 2022 Satori MARU. #wwdc22gp w 04ඪ४6*ϑϨʔϜϫʔΫͷઃܭʹै͏ w ಠࣗʹ࣮૷͢Δ w ଞͷΞϓϦέʔγϣϯͱಉ༷ʹಈ࡞͢Δ w ଞͷΞϓϦέʔγϣϯͱ͸ҟͳΔৼΔ෣͍ ࣮૷ํ๏ͱར༻ํ๏ 6*෦඼ʹؔ͢Δ౷ҰݟղͱσβΠϯݴޠ ը૾ग़యɿApple BooksΞϓϦέʔγϣϯ

Slide 40

Slide 40 text

© 2022 Satori MARU. #wwdc22gp 6*෦඼ʹؔ͢Δ౷ҰݟղͱσβΠϯݴޠ نఆ͞Ε໊ͨલͱݺͼํ ࣮૷ํ๏ͱར༻ํ๏ جຊతͳ໾ׂ ओͳڍಈ ։ൃऀ͓ΑͼϢʔβʔ͕ ಉ͡ղऍͱೝࣝΛ͍ͯ͠Δ͜ͱ͕େ੾ ը૾ग़యɿApple BooksΞϓϦέʔγϣϯ

Slide 41

Slide 41 text

© 2022 Satori MARU. #wwdc22gp https://developer.apple.com/design/human-interface-guidelines/guidelines/overview نఆ͞Ε໊ͨલͱݺͼํ ࣮૷ํ๏ͱར༻ํ๏ جຊతͳ໾ׂ ओͳڍಈ 6*෦඼ʹؔ͢Δ౷ҰݟղͱσβΠϯݴޠ HIG UIKit AppKit

Slide 42

Slide 42 text

© 2022 Satori MARU. #wwdc22gp HIG (2022.6) ͷओͳมߋ

Slide 43

Slide 43 text

© 2022 Satori MARU. #wwdc22gp Human Interface Guidelines (2022.6) / Human Interface Guidelines (2021.11) https://developer.apple.com/design/human-interface-guidelines/guidelines/overview 2022.6 2021.11 )*( ͷओͳมߋ

Slide 44

Slide 44 text

© 2022 Satori MARU. #wwdc22gp Human Interface Guidelines (2022.6) https://developer.apple.com/design/human-interface-guidelines/guidelines/overview )*( ͷओͳมߋ • OSผͩͬͨϖʔδߏ੒͕౷߹ • جຊઃܭɺύλʔϯɺίϯϙʔωϯτ౳Ͱ෼ྨ͞Εɺશମߏ੒͕มߋ • OS͝ͱͷݸผࢦೆ͸ϖʔδ಺ʹηΫγϣϯΛઃ͚ݴٴ • “Designing for *OS” ͕৽ͨʹ௥Ճ • ݱࡏApple͔Βਪ͞Ε͍ͯΔ߲໨Λτοϓϖʔδʹܝࡌ • ݕࡧػೳͷڧԽ • จॻͱͯ͠ͷϏδϡΞϧɾମࡋͷ࠶ઃܭ • ؔ࿈͢ΔWWDCηογϣϯϏσΦ΍ٕज़จॻ΁ͷϦϯΫΛઃஔ , etc.

Slide 45

Slide 45 text

© 2022 Satori MARU. #wwdc22gp OSؒͷσβΠϯݴޠͷ౷Ұͱ۠ผ macOSͱiPadOSͷ઀ۙ ՄೳͳݶΓͷΞʔΩςΫνϟͷ౷߹ AppKit / UIKit͔Βͷ୤٫ɺSwiftUI΁ͷҠߦ )*(౷߹ͷͶΒ͍ͱ͸

Slide 46

Slide 46 text

© 2022 Satori MARU. #wwdc22gp Mac Intel ARM iPad Pro M1 macOS / iPadOS Stage Manager iPadOS Overlapping Windows macOS AppKit SwiftUI iOS / iPadOS UIKit SwiftUI ※Ҡߦ్্ CPUΞʔΩςΫνϟͷ౷߹ UIϑϨʔϜϫʔΫͷ౷߹ UIػೳɾUXͷ౷߹ M1 )*(౷߹ͷͶΒ͍ͱ͸ https://developer.apple.com/xcode/swiftui/ https://www.apple.com/jp/newsroom/2022/06/ipados-16-takes-the-versatility-of-ipad-even-further/

Slide 47

Slide 47 text

© 2022 Satori MARU. #wwdc22gp )*(౷߹ͷͶΒ͍ͱ͸ Mac Intel ARM iPad Pro M1 macOS / iPadOS Stage Manager iPadOS Overlapping Windows macOS AppKit SwiftUI iOS / iPadOS UIKit SwiftUI ※Ҡߦ్্ CPUΞʔΩςΫνϟͷ౷߹ UIϑϨʔϜϫʔΫͷ౷߹ UIػೳɾUXͷ౷߹ M1 https://developer.apple.com/xcode/swiftui/ https://www.apple.com/jp/newsroom/2022/06/ipados-16-takes-the-versatility-of-ipad-even-further/

Slide 48

Slide 48 text

© 2022 Satori MARU. #wwdc22gp Apple Human Interface Guidelines: The Apple Desktop Interface ೔ຊޠ൛ (1989–2004) Apple Desktop Interfaceͷϧʔπ Xerox ύϩΞϧτݚڀॴ ΞϥϯɾέΠ

Slide 49

Slide 49 text

© 2022 Satori MARU. #wwdc22gp https://developer.apple.com/design/human-interface-guidelines/guidelines/overview )*(ͷݕࡧػೳ HIG಺ʹߜͬͨจࣈྻݕࡧ จࣈྻݕࡧͱOSϑΟϧλ

Slide 50

Slide 50 text

© 2022 Satori MARU. #wwdc22gp https://developer.apple.com/design/human-interface-guidelines/foundations/inclusion https://developer.apple.com/design/human-interface-guidelines/foundations/right-to-left *ODMVTJPO35- Inclusive by design Right to leftϨΠΞ΢τ

Slide 51

Slide 51 text

© 2022 Satori MARU. #wwdc22gp https://developer.apple.com/wwdc22/sessions/?q=arabic %FTJHOGPS"SBCJD

Slide 52

Slide 52 text

© 2022 Satori MARU. #wwdc22gp ஫໨ηογϣϯ

Slide 53

Slide 53 text

© 2022 Satori MARU. #wwdc22gp https://developer.apple.com/videos/play/wwdc2022/10001/ &YQMPSFOBWJHBUJPOEFTJHOGPSJ0488%$

Slide 54

Slide 54 text

© 2022 Satori MARU. #wwdc22gp ৘ใઃܭʹجͮ͘φϏήʔγϣϯͷઃܭʢ͔Βͷղऍʣ ňϗʔϜʯతͳॏ͍ͨλϒͷػೳΛܰྔԽͤ͞ɺશମόϥϯεΛऔΔ iOSͷλϒόʔ͸τοϓϨϕϧͷφϏήʔγϣϯ֊૚Λࣔ͢ ňϗʔϜʯͰ͸ͳ͍ద੾ͳจݴɾΞΠίϯදݱΛݕ౼͢Δ γεςϜʹΑΔλϒͷࣗಈ੾Γସ͑ʢλϒδϟϯϓʣΛආ͚Δ Ϣʔεέʔεʹج͖ͮɺAppઃܭɺػೳઃܭɺλϒͷ۠੾ΓํΛݕ౼͢Δ

Slide 55

Slide 55 text

© 2022 Satori MARU. #wwdc22gp https://goodpatch.com/blog/appdesign-antipatterns Ξϯνύλʔϯ͔Βߟ͑ΔΞϓϦέʔγϣϯσβΠϯͷཧ૝ܗ(PPEQBUDI#MPHʢʣ

Slide 56

Slide 56 text

© 2022 Satori MARU. #wwdc22gp https://goodpatch.com/blog/appdesign-antipatterns Ξϯνύλʔϯ͔Βߟ͑ΔΞϓϦέʔγϣϯσβΠϯͷཧ૝ܗ(PPEQBUDI#MPHʢʣ

Slide 57

Slide 57 text

© 2022 Satori MARU. #wwdc22gp ϞʔμϧϏϡʔͱϞʔυઃܭʢ͔Βͷղऍʣ ϞʔμϧϏϡʔ͸ࣗݾ׬݁ܕλεΫʹ༻͍Δ UIදݱʹΑͬͯφϏήʔγϣϯͷ֊૚ߏ଄Λ໌ࣔ͢Δ ϞʔμϧϏϡʔ͸࡞ۀʹׂΓࠐΉͨΊɺͦͷੑ࣭ΛΑ͘ཧղ͠ઃܭʹ൓ө͢Δ Ϟʔυͷա৒ੵΈ্͛͸ආ͚Δ

Slide 58

Slide 58 text

© 2022 Satori MARU. #wwdc22gp https://developer.apple.com/videos/play/wwdc2022/10037/ 8SJUJOHGPSJOUFSGBDFT88%$

Slide 59

Slide 59 text

© 2022 Satori MARU. #wwdc22gp https://goodpatch.com/blog/dialog-design ΩϟϯηϧͷΩϟϯηϧ໰୊͔Βߟ͑ΔμΠΞϩάσβΠϯ(PPEQBUDI#MPHʢʣ

Slide 60

Slide 60 text

© 2022 Satori MARU. #wwdc22gp ιϑτ΢ΣΞUIσβΠϯͷ ໨౰ͯ

Slide 61

Slide 61 text

© 2022 Satori MARU. #wwdc22gp ιϑτ΢ΣΞʹ ͔ΜͨΜʹ৮ΕΒΕΔΑ͏ʹ͢Δ ػցͬΆ͞Λݟͤͳ͍ ෳࡶͳߏ଄ΛΘ͔Γ΍͘͢ ೝࣝ͠΍͘͢ ѻ͍΍͘͢ γϯϓϧͰඒ͍͠ܗ ৺஍ͷྑ͍ૢ࡞ੑ ιϑτ΢ΣΞ6*σβΠϯͷ໨౰ͯ

Slide 62

Slide 62 text

© 2022 Satori MARU. #wwdc22gp ιϑτ΢ΣΞ6*σβΠϯͷ໨౰ͯ ܗͷݟ͑ʹ͍͘ιϑτ΢ΣΞΛ ώτ͕௚઀ೝࣝͰ͖ΔΑ͏ʹ͢Δ

Slide 63

Slide 63 text

© 2022 Satori MARU. #wwdc22gp ιϑτ΢ΣΞ6*σβΠϯͷ໨౰ͯ ܗͷݟ͑ʹ͍͘ιϑτ΢ΣΞΛ ώτ͕௚઀ೝࣝͰ͖ΔΑ͏ʹ͢Δ UIΛ༩͑ͯͦͷ࢟Λදݱ͢Δ

Slide 64

Slide 64 text

© 2022 Satori MARU. #wwdc22gp ιϑτ΢ΣΞ6*σβΠϯͷ໨౰ͯ ιϑτ΢ΣΞ ܗͷݟ͑ʹ͍͘ιϑτ΢ΣΞΛ ώτ͕௚઀ೝࣝͰ͖ΔΑ͏ʹ͢Δ UIΛ༩͑ͯ࢟Λද͢ UIΛհͯ͠৮ΕΒΕΔΑ͏ʹ͢Δ ʜ ιϑτ΢ΣΞͷੈք ෺ཧੈք

Slide 65

Slide 65 text

© 2022 Satori MARU. #wwdc22gp ιϑτ΢ΣΞ6*σβΠϯͷ໨౰ͯ ιϑτ΢ΣΞ UI ʜ ιϑτ΢ΣΞͷੈք ෺ཧੈք

Slide 66

Slide 66 text

© 2022 Satori MARU. #wwdc22gp ιϑτ΢ΣΞ6*σβΠϯͷ໨౰ͯ ιϑτ΢ΣΞ UI ϋʔυ΢ΣΞ UI ʂ ιϑτ΢ΣΞͷੈք ෺ཧੈք

Slide 67

Slide 67 text

© 2022 Satori MARU. #wwdc22gp ιϑτ΢ΣΞ6*σβΠϯͷ໨౰ͯ ιϑτ΢ΣΞ UI ϋʔυ΢ΣΞ UI )FMMP ιϑτ΢ΣΞͷੈք ෺ཧੈք

Slide 68

Slide 68 text

© 2022 Satori MARU. #wwdc22gp ιϑτ΢ΣΞ6*σβΠϯͷ໨౰ͯ ιϑτ΢ΣΞ UI ϋʔυ΢ΣΞ UI )FMMP ݟ͑ͳ͍ ৮ΕΒΕͳ͍ ࿦ཧ ݟ͑Δ ৮ΕΒΕΔ ࿦ཧ ݟ͑Δ ৮ΕΒΕΔ ෺ཧ ܗଶ Մࢹੑ ઀৮ ݟ͑Δ ৮ΕΒΕΔ ෺ཧ ιϑτ΢ΣΞͷੈք ෺ཧੈք “ιϑτ΢ΣΞͷUI”Λհͯ͠௚઀ର࿩͍ͯ͠ΔΑ͏ͳײ͕֮΋ͨΒ͞ΕΔͱྑ͍

Slide 69

Slide 69 text

© 2022 Satori MARU. #wwdc22gp ιϑτ΢ΣΞ6*σβΠϯͷ໨౰ͯ ώτ͸ϋʔυ΢ΣΞΛհͯ͠ιϑτ΢ΣΞʹ৮ΕΒΕΔ ΠϯλϥΫγϣϯ ɾɾɾɾɾ ιϑτ΢ΣΞͱ௚઀తʹର࿩͢Δײ֮Λ΋ͨΒ͢ ιϑτ΢ΣΞ ϋʔυ΢ΣΞ UI UI

Slide 70

Slide 70 text

© 2022 Satori MARU. #wwdc22gp ׂΓࠐΈՄೳͳ6*Ξχϝʔγϣϯʗ%FTJHOJOH'MVJE*OUFSGBDFT88%$ Designing Fluid Interfaces https://developer.apple.com/videos/play/wwdc2018/803/

Slide 71

Slide 71 text

© 2022 Satori MARU. #wwdc22gp σβΠϯݴޠ Ϣʔεέʔε Ϟʔυ HIG౷߹ͷͶΒ͍ HIGͷ੒Γཱͪ ϓϥοτϑΥʔϜͱApp HIG φϏήʔγϣϯ จݴ Inclusive by design HIGͷݕࡧػೳ UIσβΠϯͷ໨౰ͯ

Slide 72

Slide 72 text

#wwdc22gp