Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Human Interface Guidelinesから滲み出る限界感を考える

39d636034f806b2bb51165a93774ab79?s=47 gaussbeam
September 17, 2017

Human Interface Guidelinesから滲み出る限界感を考える

iOSDC2017 Day3

39d636034f806b2bb51165a93774ab79?s=128

gaussbeam

September 17, 2017
Tweet

Transcript

  1. Human Interface Guidelines͔Β ᕷΈग़ΔݶքײΛߟ͑Δ IBOZV!4BOTBO *OD 2017.09.17 | iOSDC2017

  2. None
  3. Human Interface Guidelines͸ ݶքͳͷ͔ʁ

  4. None
  5. Կ͔͠Βͷ࿦ཧ͸͋Δ͸ͣʜ w ࡢࠓͷApple੡ΞϓϦͷUIʹର͢Δҧ࿨ײΛඥղ͘ w ͦΕΒ͸HIGͱͲ͏ંΓ߹͍Λ͚͍ͭͯΔͷ͔ʁ w ͦ͜ʹɼ͜Ε͔ΒͷUIσβΠϯΛߟ͑Δώϯτ͕͋Δ͸ͣ

  6. Apple੡ΞϓϦUIʹର͢Δҧ࿨ײ

  7. None
  8. None
  9. None
  10. ҧ࿨ײͷԞʹ͋Δཧ۶Λ୳Δ

  11. (Web΋ؚΊͨ)ߪೖಋઢશମͰͷҰ؏ੑ

  12. https://developer.apple.com/ios/human-interface-guidelines/overview/themes/ Human Interface Guidelines “Themes|Design Principles”ΑΓ ඪ४తͳελΠϧ౳Λ༻͍ͯҰ؏ੑͷ͋ΔΞϓϦΛ ࣮૷͢Δ ˞͔ͳΓҙ༁͍ͯ͠·͢ Consistency

    A consistent app implements familiar standards and paradigms by using system-provided interface elements, well-known icons, standard text styles, and uniform terminology. The app incorporates features and behaviors in ways people expect.
  13. ΞϥʔτΛ࢖Θͳ͍ͨΊͷ̍ख๏

  14. https://developer.apple.com/ios/human-interface-guidelines/views/alerts/ Human Interface Guidelines “Alerts”ΑΓ ॏཁͳঢ়گ ֬ೝɼ໰୊ͷ௨஌ͳͲ ͰͷΈ࢖༻͠ɼ ΞϥʔτΛ࠷খݶʹ Minimize

    alerts. Alerts disrupt the user experience and should only be used in important situations like confirming purchases and destructive actions (such as deletions), or notifying people about problems. The infrequency of alerts helps ensure that people take them seriously. Ensure that each alert offers critical information and useful choices.
  15. ཁૉΛ໌ྎʹ۠ผ͢ΔͨΊͷ̍ख๏

  16. https://developer.apple.com/ios/human-interface-guidelines/overview/themes/ Human Interface Guidelines “Themes|iOS Design Themes”ΑΓ ಡΈ΍͍͢ςΩετωΨςΟϒεϖʔεͷ׆༻౳ʹΑΓ
 ໌ྎͳ6*Λ࣮ݱ͠ ίϯςϯπͷڧௐ΍ΠϯλϥΫςΟϒ

    ੑͷఏࣔΛߦ͏ Clarity. Throughout the system, text is legible at every size, icons are precise and lucid, adornments are subtle and appropriate, and a sharpened focus on functionality motivates the design. Negative space, color, fonts, graphics, and interface elements subtly highlight important content and convey interactivity.
  17. https://developer.apple.com/ios/human-interface-guidelines/overview/whats-new/ Human Interface Guidelines “What’s New in iOS 11”ΑΓ ୳ࡧʹ͓͚Δ໌ྎੑ޲্ͷͨΊɼ/BWJHBUJPO#BS͸

    େ͖͘ɾଠ͍λΠτϧΛ࢖͏ Bolder navigation. To improve clarity and context when browsing and searching, apps can implement navigation bars that include large, bold titles. New
  18. None
  19. https://www.apple.com/iphone-x/

  20. ϘλϯʹԑऔΓ τʔετදࣔ ಥવͷϘʔϧυϔομ Ұ؏ੑ Ξϥʔτ࢖༻ͷۃগԽ ໌ྎ͞ →ද໘্͸HIG͔Βҳ୤͍ͯ͠Δ΋ͷ΋ɼ ΑΓਂ͍ૂ͍ͱͯ͠͸߹க͍ͯ͠Δͱݴ͑Δ

  21. ಠࣗͷΞΠσΞΛੜΈग़͍ͯͩ͘͠͞ɻ
 ࣗ෼͚ͩͷΞΠσΞ͕͋Δ͸ͣͰ͢ɻ
 ͦΕΛܗʹ͠·͠ΐ͏ɻ IUUQTEFWFMPQFSBQQMFDPNBQQTUPSFSFWJFXHVJEFMJOFTKQ "QQ4UPSF৹ࠪΨΠυϥΠϯl໛฿zΑΓ

  22. IUUQTNBUFSJBMJPHVJEFMJOFTDPNQPOFOUTCVUUPOTIUNMCVUUPOTTUZMF #VUUPOT$PNQPOFOUT.BUFSJBMEFTJHOHVJEFMJOFT

  23. HIG͕༩͑Δࣗ༝౓ w HIGͷࢦ਑ͱ߹க͍ͯ͠Ε͹ɼ۩ମతͳදݱʹ͍ͭͯ͸
 ಠࣗͷΞΠσΞ͕঑ྭ͞Ε͍ͯΔ ͓Αͼ৹ࠪΨΠυϥΠϯ

  24. Human Interface Guidelines

  25. HIGͱ͍͔ʹંΓ߹͏͔ʁ

  26. HIGʹ۪௚ʹै͏ͱ͍͏͜ͱ w iOSΒ͍͠ΞϓϦ͸ग़དྷ্͕Δ w ͨͩ͠ɼʮΊͬͪΌ͍͍ʯʮͱͯ΋࢖͍΍͍͢ʯʮ͍͢͝ʯͱ͸ͳΓ೉͍ ˣ ັྗ

  27. ङ໺Ϟσϧ w ັྗత඼࣭ w ຬͨ͞Ε͍ͯͳͯ͘΋࢓ํͳ͍ʗຬͨ͞ΕΔͱຬ଍ w ౰ͨΓલ඼࣭ w ຬͨ͞Εͳ͍ͱෆຬʗຬͨ͞Ε͍ͯͯ౰ͨΓલ w

    Ұݩత඼࣭ w ຬͨ͞Εͳ͍ͱෆຬʗຬͨ͞ΕΔͱຬ଍
  28. ङ໺Ϟσϧ͔ΒΞϓϦ඼࣭Λߟ͑Δ ັྗత ౰ͨΓલ ౰ͨΓલ ັྗత Function UI ίΞػೳ ʴЋػೳ ϚΠΫϩ

    ΠϯλϥΫγϣϯ ઃఆ ݕࡧ
  29. Human Interface Guidelines ङ໺Ϟσϧ͔ΒΞϓϦ඼࣭Λߟ͑Δ ັྗత ౰ͨΓલ ౰ͨΓલ ັྗత Function UI

    ίΞػೳ ʴЋػೳ ϚΠΫϩ ΠϯλϥΫγϣϯ ઃఆ ݕࡧ
  30. ·ͱΊ

  31. Human Interface Guidelinesʹݶք͸͋Δͷ͔ʁ w ۩ମతͳදࣔํ๏͍ͭͯ͸ݶք͕͋Δ w ҙਤతͳݶքͰ͋Γɼ౰ͨΓલ඼࣭Λॆ଍Ͱ͖Ε͹ྑ͍έʔε΋ଟ͍ w FH߲໨ͷೖྗɼݕࡧɼઃఆ
 w

    HIGΛӽ͑ͨັྗతͳಠࣗͷΞΠσΞ͕ٻΊΒΕ͍ͯΔ w ࢦ਑ʹ߹க͍ͯ͠Ε͹ɼಠࣗͷදࣔํ๏΋ड༰͞ΕΔ w Apple͕ͲͷΑ͏ʹҳ୤͍ͯ͠Δ͔ɼ΋ώϯτ