iOS UI Design Tips

ios_ui_design_tips.markdown

iOS User Interface Design Tips

Focus

• Create an application definition statement.
• Reduce your app's feature set to just the essentials.
• In the UI, display only the most important items.
• Showcase content.
• Place secondary options in separate screen or popover.

Touch

• Make tap targets fingertip sized.
• Vary control size based on usage.
• Provide adequate spacing between controls.
• Provide immediate feedback.
• Use texture and depth to give a tactile Look.
• Design controls to stand out from artwork.

Animations

• Smooth transitions.
• Communicate status and process.
• Match the user's gesture.
• Be realistic.

Sound

• Use sound.
• Communicate status.
• Enhance interactivity.

Language

• Label controls with their resulting action.
• Be clear and concise.
• Use user-centric language.

Typography

• Make sure your type is easy to read.
• Use subtle shading and color.
• Avoid mixing and matching too many font types and sizes.
• Align items properly.
• Consider how your app is used.
• Use appropiate typefaces.

Graphics

• Add physicality and realism (if appropriate).
• Create engaging artwork.
• Heave a beautiful app icon.

Final THoughts

• Make your app useful, intuitive, and beautiful.
• Read the iOS HIG (Human Interface Guidelines).
• Don't sacrifice quality for anything (graphics, typography, performance, ...).

Disclaimer

All of these tips are extracted from iPhone and iPad User Interface Design video from the iOS Development Videos on the iTunes U.