Apple HIGのススメ - Speaker Deck

Apple HIGのススメ

by Tomoki Kobayashi

Slide 1

Slide 1 text

)*(ͷεεϝ ໊ݹ԰σβΠϯ-5ձ7PM 5PNPLJ,PCBZBTIJ!UFNPLJ

Slide 2

Slide 2 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE ࣗݾ঺հ 2 Tomoki Kobayashi Twitter/GitHub @temoki גࣜձࣾελϝϯ ϞόΠϧΞϓϦάϧʔϓ ΤϯδχΞϦϯάϚωʔδϟʔ iPhoneʹັͤΒΕͯ ΞϓϦ։ൃΛॳΊͯ12೥ܦͪ·͢

Slide 3

Slide 3 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE એ఻ 3 ֆຊΛύέങ͍Ͱ͖ΔJ04ΞϓϦ Munro booksΛϦϦʔε͠·ͨ͠ munro.hiraku.space

Slide 4

Slide 4 text

What’s HIG?

Slide 5

Slide 5 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 5 https://developer.apple.com/design/human-interface-guidelines/ What’s HIG

Slide 6

Slide 6 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE What’s HIG 6 "QQMFͷϓϥοτϑΥʔϜͱ γʔϜϨεʹ౷߹͢Δ ༏ΕͨΞϓϦέʔγϣϯΛ σβΠϯ͢ΔͨΊͷ ৄࡉͳ৘ใͱ6*Ϧιʔε

Slide 7

Slide 7 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE What’s HIG / ࠓ೔ͷςʔϚ 7 )*(ͷத਎Λ஌Δ )*(ͷ໨తΛ஌Δ )*(Λཧղ͢Δखॿ͚

Slide 8

Slide 8 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE What’s HIG / ࠓ೔ͷςʔϚ 8 wωΠςΟϒΞϓϦέʔγϣϯͷ։ൃʹ͸ ֤ϓϥοτϑΥʔϜͷΨΠυϥΠϯͱ͍͏ ܕΛ͔ͬ͠Γཧղ͓ͯ͘͜͠ͱ͕ॏཁ wʮܕ͕͋Δ͔ΒܕഁΓʯCZதଜצࡾ࿠͞Μ wࠓ೔ͷ-5͕)*(ͷཧղͷखॿ͚ʹͳΕ͹

Slide 9

Slide 9 text

HIGͷ໨తΛ஌Δ

Slide 10

Slide 10 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE HIGͷ໨తΛ஌Δ 10 ࠓ͔Β໿೥લ

Slide 11

Slide 11 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE HIGͷ໨తΛ஌Δ / ݪయ 11 "QQMF$PNQVUFS*OD )VNBO*OUFSGBDF(VJEFMJOFT5IF"QQMF%FTLUPQ*OUFSGBDFʢ೔ຊޠ൛ʣ ೥ग़൛

Slide 12

Slide 12 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE HIGͷ໨తΛ஌Δ / Macintosh 12 https://news.mynavi.jp/article/20121211-macos2/2

Slide 13

Slide 13 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE HIGͷ໨తΛ஌Δ 13  Vision

Slide 14

Slide 14 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE HIGͷ໨తΛ஌Δ / ݪయ / AppleͷϏδϣϯ 14 lίϯϐϡʔλ͕࣋ͭ ଟ࠼ͳೳྗͱػೳΛ ίϯϐϡʔλͷઐ໳஌ࣝΛ ͓࣋ͪͰͳ͍ํʹ ༰қʹར༻͍ͯͨͩ͘͠z "QQMF$PNQVUFS*OD )VNBO*OUFSGBDF(VJEFMJOFT5IF"QQMF%FTLUPQ*OUFSGBDFʢ೔ຊޠ൛ʣΑΓ lίϯϐϡʔλ͕࣋ͭ ଟ࠼ͳೳྗͱػೳΛ ίϯϐϡʔλͷઐ໳஌ࣝΛ ͓࣋ͪͰͳ͍ํʹ ༰қʹར༻͍ͯͨͩ͘͠z

Slide 15

Slide 15 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE HIGͷ໨తΛ஌Δ 15 http://collecard.net/2018/08/09/itj_0103_alan_kay_dynabook_concept/

Slide 16

Slide 16 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE HIGͷࢥ૝Λ஌Δ / ݪయ / ΨΠυϥΠϯͷҙຯ 16 w "QQMF%FTLUPQ*OUFSGBDFʹ४ڌ͢Δ͜ͱʹΑΓɺ Ұ؏ੑͷҡ࣋ͱ͍͏େ͖ͳར఺ΛಘΔ͜ͱ͕Ͱ͖·͢ɻ w ̍ͭͷΞϓϦέʔγϣϯͰशಘͨ͠ૢ࡞্ͷϊ΢ϋ΢͕ ෳ਺ͷΞϓϦέʔγϣϯʹΘͨͬͯద༻ՄೳʹͳΔ͜ͱ Λҙຯ͠·͢ɻ w ͜ͷΑ͏ͳҰ؏ੑ΁ͷ഑ྀʹΑΓɺΞϓϦέʔγϣϯͷ शಘ΋ۃΊͯ༰қͳ΋ͷͱͳΓ·͢ɻ "QQMF$PNQVUFS*OD )VNBO*OUFSGBDF(VJEFMJOFT5IF"QQMF%FTLUPQ*OUFSGBDFʢ೔ຊޠ൛ʣΑΓ

Slide 17

Slide 17 text

HIGͷத਎Λ஌Δ

Slide 18

Slide 18 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE HIGͷத਎Λ஌Δ 18 ୭Ͱ΋ݟΕΔͷͰ ಡΜͰ͍ͩ͘͞ https://developer.apple.com/design/human-interface-guidelines/

Slide 19

Slide 19 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE HIGͷத਎Λ஌Δ / ֓ཁ 19 wओཁͳςʔϚ wσβΠϯݪଇ w04ͷఏڙ͢ΔΠϯλʔϑΣʔεཁૉ

Slide 20

Slide 20 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE HIGͷத਎Λ஌Δ / ྑهࣄ 20 https://goodpatch.com/blog/hig-design-principles/

Slide 21

Slide 21 text

HIGΛཧղ͢Δखॿ͚

Slide 22

Slide 22 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE HIGΛཧղ͢Δखॿ͚ 22 ͕ఏڙ͢Δ ෳ਺ͷΞϓϦέʔγϣϯΛ ࢖ͬͯΈΔ

Slide 23

Slide 23 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE HIGΛཧղ͢Δखॿ͚ 23 ݸਓతͳΦεεϝ͸ "QQMF5FBDIFSϓϩάϥϜ https://appleteacher.apple.com/

Slide 24

Slide 24 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE HIGΛཧղ͢Δखॿ͚ 24