$30 off During Our Annual Pro Sale. View Details »

Human Interface Guidelinesを参考にApp Storeを見てみた

idonuntius
December 05, 2017

Human Interface Guidelinesを参考にApp Storeを見てみた

idonuntius

December 05, 2017
Tweet

More Decks by idonuntius

Other Decks in Programming

Transcript

  1. potatotips #45 Human Interface GuidelinesΛ ࢀߟʹApp StoreΛݟͯΈͨ

  2. ࣗݾ঺հ ɾNatsuki Idota ɾTwitter: @ikustan_tokyo ɾגࣜձࣾCluex ɹɾiOSΤϯδχΞ

  3. ··ͷͯ

  4. ຊ୊

  5. iOS11ʹͳ͔ͬͯΒ
 Apple੡ΞϓϦʹର͢Δ
 UIͷҧ࿨ײ…

  6. App Store

  7. Today 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. https://developer.apple.com/ios/human-interface-guidelines/overview/themes/ ɾݟग़͠ɺΧʔυͱ΋ʹҰ؏ੑͷ͋ΔσβΠϯ
  8. Today ݟग़͠ʴΧʔυͱ͍͏ߏ੒ ɾ̍ը໘ͷ౷Ұײ͕͋Δ ɾʮ൓෮ʯΛར༻ͯ͠ϦζϜΛ͚ͭΔ͜ͱͰ ɹ໨͕͍͖΍͘͢ͳΔޮՌ͕͋Γͦ͏

  9. ݟग़͠ 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. https://developer.apple.com/ios/human-interface-guidelines/overview/themes/ ϘʔϧυɺωΨςΟϒϚʔδϯΛ࢖༻͢Δ͜ͱͰཁૉΛ ໌ྎԽ͠ڧௐ΍ΠϯλϥΫςΟϒੑΛ࣮ݱ͍ͯ͠Δɻ
  10. Χʔυ Deference. Minimal use of bezels, gradients, and drop shadows

    keep the interface light and airy, while ensuring that content is paramount. https://developer.apple.com/ios/human-interface-guidelines/overview/themes/ ɾίϯϙʔωϯτ୯ҐͰ࠷খݶʹ࢖༻ ɾಉ͡ίϯϙʔωϯτͰ͋Ε͹Կ౓࢖ͬͯ΋ྑͦ͞͏
  11. App StoreΛݟͯ ҰݟHIGʹԊ͍ͬͯͳ͍Α͏ʹݟ͑Δ͕
 ̍ͭ̍ͭͷUIΛݟͯΈΔͱ߹க͍ͯ͠Δ

  12. App StoreΛݟͯ ҙ֎ͱࣗ༝౓͕ߴ͍ HIGʹԊ͍ͬͯΕ͹ಠࣗͷදݱ͕Մೳ

  13. ·ͱΊ ɾHIGʹै͏͜ͱͰiOSΒ͍͠ΞϓϦ͕࡞ΕΔɻ
 ɹୠ͠ɺΑΓྑ͘ັྗతͳUIΛ࡞ΔͨΊʹ͸ಠࣗͷΞΠσΟΞ͕ ɹඞཁʹͳΓͦ͏ɻ ɾಠࣗͷΞΠσΟΞʹ໎ͬͨΒApple੡ͷΞϓϦ͕ࢀߟʹͳΓͦ͏ɻ

  14. ͋Γ͕ͱ͏͍͟͝·ͨ͠