Apple HIGのススメ

なごデLT Vol.3.5 での発表資料です。

Transcript

1. )*(ͷεεϝ ໊ݹ԰σβΠϯ-5ձ
   7PM  5PNPLJ
   ,PCBZBTIJ
   
   !UFNPLJ
2. $PQZSJHIU
   ˜
   TUNO
   JOD
   "MM
   SJHIUT
   SFTFSWFE ࣗݾ঺հ 2 Tomoki Kobayashi Twitter/GitHub @temoki גࣜձࣾελϝϯ ϞόΠϧΞϓϦάϧʔϓ ΤϯδχΞϦϯάϚωʔδϟʔ iPhoneʹັͤΒΕͯ ΞϓϦ։ൃΛॳΊͯ12೥ܦͪ·͢
3. $PQZSJHIU
   ˜
   TUNO
   JOD
   "MM
   SJHIUT
   SFTFSWFE એ఻ 3 ֆຊΛύέങ͍Ͱ͖ΔJ04ΞϓϦ
   Munro books
   ΛϦϦʔε͠·ͨ͠ munro.hiraku.space
4. What’s HIG?
5. $PQZSJHIU
   ˜
   TUNO
   JOD
   "MM
   SJHIUT
   SFTFSWFE 5 https://developer.apple.com/design/human-interface-guidelines/ What’s HIG
6. $PQZSJHIU
   ˜
   TUNO
   JOD
   "MM
   SJHIUT
   SFTFSWFE What’s HIG 6 "QQMFͷϓϥοτϑΥʔϜͱ
   γʔϜϨεʹ౷߹͢Δ
   ༏ΕͨΞϓϦέʔγϣϯΛ
   σβΠϯ͢ΔͨΊͷ
   ৄࡉͳ৘ใͱ6*Ϧιʔε
7. $PQZSJHIU
   ˜
   TUNO
   JOD
   "MM
   SJHIUT
   SFTFSWFE What’s HIG / ࠓ೔ͷςʔϚ 7 )*(ͷத਎Λ஌Δ )*(ͷ໨తΛ஌Δ )*(Λཧղ͢Δखॿ͚
8. $PQZSJHIU
   ˜
   TUNO
   JOD
   "MM
   SJHIUT
   SFTFSWFE What’s HIG / ࠓ೔ͷςʔϚ 8 wωΠςΟϒΞϓϦέʔγϣϯͷ։ൃʹ͸
   ֤ϓϥοτϑΥʔϜͷΨΠυϥΠϯͱ͍͏
   ܕ
   Λ͔ͬ͠Γཧղ͓ͯ͘͜͠ͱ͕ॏཁ
   wʮܕ͕͋Δ͔ΒܕഁΓʯCZ
   தଜצࡾ࿠͞Μ
   wࠓ೔ͷ-5͕)*(ͷཧղͷखॿ͚ʹͳΕ͹
9. HIGͷ໨తΛ஌Δ
10. $PQZSJHIU
    ˜
    TUNO
    JOD
    "MM
    SJHIUT
    SFTFSWFE HIGͷ໨తΛ஌Δ 10 ࠓ͔Β໿೥લ
11. $PQZSJHIU
    ˜
    TUNO
    JOD
    "MM
    SJHIUT
    SFTFSWFE HIGͷ໨తΛ஌Δ / ݪయ 11 "QQMF
    $PNQVUFS
    *OD
    
    )VNBO
    *OUFSGBDF
    (VJEFMJOFT
    5IF
    "QQMF
    %FTLUPQ
    *OUFSGBDFʢ೔ຊޠ൛ʣ ೥ग़൛
12. $PQZSJHIU
    ˜
    TUNO
    JOD
    "MM
    SJHIUT
    SFTFSWFE HIGͷ໨తΛ஌Δ / Macintosh 12 https://news.mynavi.jp/article/20121211-macos2/2
13. $PQZSJHIU
    ˜
    TUNO
    JOD
    "MM
    SJHIUT
    SFTFSWFE HIGͷ໨తΛ஌Δ 13  Vision
14. $PQZSJHIU
    ˜
    TUNO
    JOD
    "MM
    SJHIUT
    SFTFSWFE HIGͷ໨తΛ஌Δ / ݪయ / AppleͷϏδϣϯ 14 lίϯϐϡʔλ͕࣋ͭ
    ଟ࠼ͳೳྗͱػೳΛ
    ίϯϐϡʔλͷઐ໳஌ࣝΛ
    ͓࣋ͪͰͳ͍ํʹ
    ༰қʹར༻͍ͯͨͩ͘͠z "QQMF
    $PNQVUFS
    *OD
    
    )VNBO
    *OUFSGBDF
    (VJEFMJOFT
    5IF
    "QQMF
    %FTLUPQ
    *OUFSGBDFʢ೔ຊޠ൛ʣΑΓ lίϯϐϡʔλ͕࣋ͭ
    ଟ࠼ͳೳྗͱػೳΛ
    ίϯϐϡʔλͷઐ໳஌ࣝΛ
    ͓࣋ͪͰͳ͍ํʹ
    ༰қʹར༻͍ͯͨͩ͘͠z
15. $PQZSJHIU
    ˜
    TUNO
    JOD
    "MM
    SJHIUT
    SFTFSWFE HIGͷ໨తΛ஌Δ 15 http://collecard.net/2018/08/09/itj_0103_alan_kay_dynabook_concept/
16. $PQZSJHIU
    ˜
    TUNO
    JOD
    "MM
    SJHIUT
    SFTFSWFE HIGͷࢥ૝Λ஌Δ / ݪయ / ΨΠυϥΠϯͷҙຯ 16 w "QQMF
    %FTLUPQ
    *OUFSGBDFʹ४ڌ͢Δ͜ͱʹΑΓɺ
    Ұ؏ੑͷҡ࣋ͱ͍͏େ͖ͳར఺ΛಘΔ͜ͱ͕Ͱ͖·͢ɻ
    w ̍ͭͷΞϓϦέʔγϣϯͰशಘͨ͠ૢ࡞্ͷϊ΢ϋ΢͕ ෳ਺ͷΞϓϦέʔγϣϯʹΘͨͬͯద༻ՄೳʹͳΔ͜ͱ Λҙຯ͠·͢ɻ
    w ͜ͷΑ͏ͳҰ؏ੑ΁ͷ഑ྀʹΑΓɺΞϓϦέʔγϣϯͷ शಘ΋ۃΊͯ༰қͳ΋ͷͱͳΓ·͢ɻ "QQMF
    $PNQVUFS
    *OD
    
    )VNBO
    *OUFSGBDF
    (VJEFMJOFT
    5IF
    "QQMF
    %FTLUPQ
    *OUFSGBDFʢ೔ຊޠ൛ʣΑΓ
17. HIGͷத਎Λ஌Δ
18. $PQZSJHIU
    ˜
    TUNO
    JOD
    "MM
    SJHIUT
    SFTFSWFE HIGͷத਎Λ஌Δ 18 ୭Ͱ΋ݟΕΔͷͰ
    ಡΜͰ͍ͩ͘͞ https://developer.apple.com/design/human-interface-guidelines/
19. $PQZSJHIU
    ˜
    TUNO
    JOD
    "MM
    SJHIUT
    SFTFSWFE HIGͷத਎Λ஌Δ / ֓ཁ 19 wओཁͳςʔϚ
    wσβΠϯݪଇ
    w04ͷఏڙ͢ΔΠϯλʔϑΣʔεཁૉ
20. $PQZSJHIU
    ˜
    TUNO
    JOD
    "MM
    SJHIUT
    SFTFSWFE HIGͷத਎Λ஌Δ / ྑهࣄ 20 https://goodpatch.com/blog/hig-design-principles/
21. HIGΛཧղ͢Δखॿ͚
22. $PQZSJHIU
    ˜
    TUNO
    JOD
    "MM
    SJHIUT
    SFTFSWFE HIGΛཧղ͢Δखॿ͚ 22 ͕ఏڙ͢Δ
    ෳ਺ͷΞϓϦέʔγϣϯΛ
    ࢖ͬͯΈΔ
23. $PQZSJHIU
    ˜
    TUNO
    JOD
    "MM
    SJHIUT
    SFTFSWFE HIGΛཧղ͢Δखॿ͚ 23 ݸਓతͳΦεεϝ͸
    "QQMF
    5FBDIFS
    ϓϩάϥϜ https://appleteacher.apple.com/
24. $PQZSJHIU
    ˜
    TUNO
    JOD
    "MM
    SJHIUT
    SFTFSWFE HIGΛཧղ͢Δखॿ͚ 24