Your SlideShare is downloading. ×
iOS Human Interface Guideline
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

iOS Human Interface Guideline


Published on

iOS Human Interface Guideline

iOS Human Interface Guideline

  • Be the first to comment

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

No notes for slide


  • 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(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. 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 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/