iOS Human Interface Guideline


Published on

iOS Human Interface Guideline

  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

iOS Human Interface Guideline

  1. 1. IOS Human Interface Guidelines
  2. 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. 3. What does a good interface have ? ability to handle tasks more efficiently Good Interface ease of use intuitiveness
  4. 4. Types Of User Interfaces Metaphor GUI Exploratory Multi-touch NUI Gesture, Motion
  5. 5. Positive User Experience Principles fast Easy Clear
  6. 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. 7. Key point for good Application development 3.Ubiquity- app should be more than an icon; i.e. put a widget(Its 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. 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. 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. 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. 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. 12. References IOS Human Interface Guidelines nceptual/mobilehig/Introduction/Introduction.html#//apple_ref/doc/uid/TP 40006556-CH1-SW1 IPHONE User Interface Guidelines interface-guidelines-part-i/ IOS Human Interface Guidelines summary/