UI Design Dos and Don'ts

iOS 7 raises the bar for excellence in user interface design and offers great opportunities for you to deliver engaging and unique user experiences. Consider these common design concepts before you start coding to enhance the usability and appeal of your apps. To see more recommendations for great interface design, read the iOS Human Interface Guidelines.

Formatting Content

Create a layout that fits the screen of an iOS device.
Users should see primary content without zooming or scrolling horizontally.
Learn more

Touch Controls

Use UI elements that are designed for touch gestures
to make interaction with your app feel easy and natural.
Learn more

Hit Targets

Create controls that measure at least 44 points x 44 points
so they can be accurately tapped with a finger.
Learn more

Text Size

Text should be at least 11 points so it's legible
at a typical viewing distance without zooming.
Learn more

Contrast

Make sure there is ample contrast between the font color
and the background so text is legible.
Learn more

Spacing

Don't let text overlap. Improve legibility by
increasing line height or letter spacing.
Learn more

High Resolution

Provide high-resolution (@2x) versions of all image assets.
Images that are not @2x will appear blurry on the Retina display.
Learn more

Distortion

Always display images at their intended aspect ratio
to avoid distortion.
Learn more

Organization

Create an easy-to-read layout that puts controls
close to the content they modify.
Learn more

Alignment

Align text, images, and buttons to show users
how information is related.
Learn more

Additional Design Resources

View video presentations and guides for designing great apps.
Learn more