Download as PDF, PPTX
Uploaded byJeremy Curcio
Human Interface Guidelines: For Dummies
The document provides guidelines for designing human interfaces for iOS apps. It discusses that apps should have three focuses: deference to the user, clarity in text and icons, and depth through layers and motion. Key guidelines include using standard iOS elements like navigation bars, maintaining consistent layouts, and avoiding custom gestures. Graphics should be built for Retina displays and not replicate Apple trademarks. Text should have a friendly but professional tone and terminology users will understand. The document emphasizes following Apple's design philosophies and keeping interfaces simple.
More Related Content
Similar to Human Interface Guidelines: For Dummies
Human Interface Guidelines: For Dummies
- 1. Human Interface Guidelines ForDummies Jeremy Curcio Baltimore Cocoa - 3/30/2015
- 2. Who Am I? SoftwareDeveloper from Baltimore, Maryland Works for Planit Advertising Writing iOS Apps since 2008 Hockey Player Pokémon Player
- 3. What Will WeCover? Dos and Don’ts of App Design What Apple Expects What Will Guarantee a Rejection Email
- 4.
- 5. What Does AppleExpect? Your App should have three main focuses: Deference Quickly understand how to use the app Clarity Text is readable Icons precise Functionality dictates design Depth Layers Motion
- 7. UIKit Is. Your. Friend. AllUI elements Nav Bars Tab Bars Alert Views Buttons Your App is viewed as a “Screen”
- 8. Layout Size classes New toiOS8 Easily make an app for any screen size Maintain focus Put important elements to the top left Keep layouts consistent Touch areas should be minimum of 44px x 44px
- 9. Navigation Users should alwaysknow where they are And how to change to last/next screen Navigation Bars Great for data driven apps Tab Bars Great for apps with multiple categories of content or functionality Avoid multiple paths to same screen
- 11. Interactivity Keep default touchactions Tap: Select Drag: Scroll Swipe: Reveal hidden views Double Tap/Pinch: Zoom Touch and Hold: More information Shake: Undo
- 12. More Interactivity Don’t makegestures only way to complete action Have a button available Avoid make complex gestures Hard for people with disabilities When in doubt, don’t invent a gesture
- 13. Color Use colors tosignal interactivity Add borders and backgrounds only when necessary Be alert to color blindness Avoid using pairs of common color blind colors together Color should enhance Don’t let color distract
- 15.
- 16. Graphics Bar Icons Apple providesmany icons for common tasks Plus for Add Camera for Add Photo Trashcan for Delete Only use standard icons for intended purpose Don’t repurpose icons Create your own if nothing is available Try using text over an icon
- 17. Graphics Build for Retina 2xand 3x Don’t replicate: Apple products Apple trademarks Apple App icons, screenshots
- 18. Text All text iscreating a conversation with user Tone is important Friendly, but professional Keep terminology your users will understand Good: Medical terms in app aimed at doctors Bad: Medical terms in app aimed at beginner exercisers Be consistent Each word matters - keep it short, but meaningful
- 20. iOS Elements Don’t mixand match Use elements from a single iOS version Preferably latest available Use same style throughout app Don’t create custom elements for standard actions Use what Apple provided when you can Take advantage of iOS Technologies Multitasking VoiceOver GameCenter
- 21. Wrap-Up Use Apple’s appsas guidance Apple’s opinion is law Keep it simple whenever possible Apple provides plenty of icons, use them
- 22. Questions? Slides Available Atjcurcio.com Short-link to the HIG apple.co/1uk1nuV