Pages

Friday, August 23, 2013

How to make your iOS app UI appealing.

Now a days apple is releasing their iOS version after every 6 month with having lots of drastic changes. Apple is also concentrating more on UI along with the functionality of iOS so that user can get feel of retina display device.

In my iOS career i have also developed some good UI appealing app and now want to share some key element which need to taken care of while designing app like this.

1) While starting for any app first clear its requirement, and try to draw that requirement in terms of wireframe by using software like Balsamiq and other. which will give you more clear app development idea and also your client knows that what he will be getting after few months.

2) Try to use .xib rather than using Programmatic way to add controls on view.

3) Check with your graphics designer that he is designing images for you in Retina display size.

For iPhone and iPod touch launch images, include the status bar region. Create launch images of these sizes:
  • 320 x 480 pixels
  • 640 x 960 pixels (Retina 3.5 Full Screen) 
  • 640 x 1136 pixels (Retina 4 Full Screen) 
For iPad launch images, do not include the status bar region. Create launch images of these sizes:
  • For portrait:
    • 768 x 1004 pixels
    • 1536 x 2008 pixels (Retina Display)
  • For landscape:
    • 1024 x 748 pixels
    • 2048 x 1496 pixels (Retina Display)
 For iPhone and iPod touch create Icon images of these sizes:
  • 57 x 57
  • 114 x 114 (Retina Display)
 For iPad create Icon images of these sizes:
  •  72 x 72
  • 144 x 144 (Retina Display)
 You can get more details on this from developer.apple.com by using your developer account.

4) Before starting designing exact view controllers first decide the button size that you want to use in your application. keep the button or other control ratio same on every view of your application so that user will get feel of navigating in same app.

5) Try to use default controls provided by apple if you don't have graphics for application.

6) Try to use custom controls if you have really clean and neat graphics available.

7) Try to use AutoLayout for designing both Retina 3.5 Full Screen and Retina 4 Full Screen.

8) Whenever you are trying to deal with large number of sequential data coming from server try to use UITableview to represent it. UITableview is having lot of customization methods which will help you to design good UI.

9) Avoid excessive use of UIScrollview in your application which will increase user confusion.

10) Try to reduce number of activity indicator in your application which will lead bad user experience.

Keep Coding..

No comments:

Post a Comment