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

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. ͋Γ͕ͱ͏͍͟͝·ͨ͠