iOS Human Interface Guideline
9 likes3,232 views
The document outlines guidelines for designing user interfaces and experiences for iOS applications. It discusses key concepts like metaphors, gestures and touch interfaces. It provides best practices for aesthetics, functionality, usefulness and sharing across apps. It also details technical specifications for iOS screens, buttons, tabs and more. The most important guidelines emphasize instant load times, orientation support, minimal elements and preparing apps to stop at any time.
iOS Human Interface Guideline
- 1. IOS Human Interface Guidelines
- 2. What are User Interface guidelines for ? To help developers design the best possible user interface & user experience. User Interface A connection between equipment and people, which help people interact with the system. User Experience The User Experience is how people feel while they do..
- 3. What does a good interface have ? ability to handle tasks more efficiently Good Interface ease of use intuitiveness
- 4. Types Of User Interfaces Metaphor GUI Exploratory Multi-touch NUI Gesture, Motion
- 5. Positive User Experience Principles fast Easy Clear
- 6. Key point for good Application development 1.Beauty- Aesthetic integrity: Good balance of the appearance functionality of the interface . - Focus is ALWAYS on content, but without a decent quality of the app-artwork, the content will not be easily consumable. 2.Generosity - share + consume - Let your app interact with other apps.
- 7. Key point for good Application development 3.Ubiquity- app should be more than an icon; i.e. put a widget(It's a small application that can be installed and executed within a web page by an end user) on the home screen about an interesting feature. 4.Utility - be useful, be interesting, try to be the both!
- 8. Technical Information on IPhone • Status Bar - at the upper edge - Display the status bar as much as possible • Navigation Bar – below the status bar Tool Bar – at the bottom edge • Tab Bar – at the bottom edge • Make the minimum size of a tappable element - iPhone 44x44px, iPad 66x66px or 88x88px
- 9. Screen sizes of IOS-based devices Note: Pixel is the appropriate unit of measurement to use when discussing the size of a device screen or the size of an icon you create in an image-editing application. Point is the appropriate unit of measurement to use when discussing the size of an area that is drawn onscreen. On a standard-resolution device screen, one point equals one pixel, but other resolutions might dictate a different relationship. On a Retina display, for example, one point equals two pixels
- 10. Most Important Information On IPhone • User see one screen at a time (an app has a single window but can have multiple.) • Users / Target : Determine the main purpose of the App. • Create an App definition statement: Determine who your target is and what the main function of your App is, and how it benefits them. • Orientation can change, landscape orientation should be both-sided. • Buttons / Target sizes : Create a user friendly amount of space between buttons (iPhone 44x44px, iPad 66x66px or 88x88px)
- 11. Most Important Information On IPhone • Add physicality and realism (the voice recorder may look like a real microphone) • Do not fill the form with a lot of elements. •Do not ask a lot of questions (regarding updates, saving etc.) •Icons : app & store icons + launch images required. •Start instantly. •Always be prepared to stop. •Never quit an app programmatically.
- 12. References IOS Human Interface Guidelines http://developer.apple.com/library/ios/#documentation/userexperience/co nceptual/mobilehig/Introduction/Introduction.html#//apple_ref/doc/uid/TP 40006556-CH1-SW1 IPHONE User Interface Guidelines http://www.upsidelearning.com/blog/index.php/2010/06/24/iphone-user- interface-guidelines-part-i/ IOS Human Interface Guidelines http://www.id-design.ca/2011/08/16/ios-human-interface-guidelines- summary/