Thursday, 4 October 2012

iPad usability guidelines Text in yellow background is my writting.


"Think twice before hiding the status bar if your app is not a game or full-screen media-viewing app. bar, you should understand the ramifications of this design decision. Permanently hiding the status bar means that users must quit your app to find out, for example, whether they need to recharge their device."
"Note that most iPad apps do not need to hide the status bar to gain extra space, because the status bar occupies such a small fraction of the screen. On iPad, the subtle appearance of the status bar does not compete with your app for the user’s attention. The small size of the status bar, combined with the slightly rounded corners of the app’s upper bar, make the status bar seem like part of the device background."
apple. (2012). iOS UI Element Usage Guidelines. Available: http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/UIElementGuidelines/UIElementGuidelines.html. Last accessed 4th oct 2012.

http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/UIElementGuidelines/UIElementGuidelines.html


Most younger children  are not going to be bothered about looking at the time or the battery status of the device. In some cases it may worry the child if they see that they don't have much battery left. for this reason I will keep the status bar hidden away during app play. 

Width of finger space minimum 10 x 10 mm. any smaller and it will be to tricky to select interactive elements. Because my app is aimed at young children the buttons need to be big and easy to use. 

Use a short title when creating an icon for the app. There is only a small amount of space in which the text will fit into. 

Switch
switch presents two mutually exclusive choices or states (used in table views only).
image: ../Art/switch_on.jpg
image: ../Art/switch_off.jpg
apple. (2012). iOS UI Element Usage Guidelines. Available: http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/UIElementGuidelines/UIElementGuidelines.html. Last accessed 4th oct 2012.

http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/UIElementGuidelines/UIElementGuidelines.html


This style switch can be used for my settings menu. It will give the user the option to turn on/off things such a sound, navigation and subtitles.
Create different sizes of your app icon for different devices. If you’re creating a universal app, you need to supply app icons in all four sizes.
For iPhone and iPod touch both of these sizes are required:
  • 57 x 57 pixels
  • 114 x 114 pixels (high resolution)
For iPad, both of these sizes are required:
  • 72 x 72 pixels
  • 144 x 144 (high resolution)
When iOS displays your app icon on the Home screen of a device, it automatically adds the following visual effects:
  • Rounded corners
  • Drop shadow
  • Reflective shine (unless you prevent the shine effect)
For example, a simple 57 x 57 pixel iPhone app icon might look like this:
image: ../Art/star.jpg
When it’s displayed on an iPhone Home screen, iOS adds rounded corners, a drop shadow, and a reflected shine. So the same app icon would look like this:
image: ../Art/star_button.jpg
apple. (2012). iOS UI Element Usage Guidelines. Available: http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/UIElementGuidelines/UIElementGuidelines.html. Last accessed 4th oct 2012.

http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/UIElementGuidelines/UIElementGuidelines.html

No comments:

Post a Comment