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

2,229

Published on

iOS Human Interface Guideline

iOS Human Interface Guideline

0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,229
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
0
Comments
0
Likes
6
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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

×