IOS Human Interface Guidelines: Designing for iOS 7

By | 2 March 2014

Designing for iOS 7

iOS 7 embodies the following themes:

Deference. The UI helps users understand and interact with the content, but never competes with it.

Clarity. Text is legible at every size, icons are precise and lucid, adornments are subtle and appropriate, and a sharpened focus on functionality motivates the design.

Depth. Visual layers and realistic motion impart vitality and heighten users’ delight and understanding.

Weather in iOS 7

Weather in iOS 6

Whether you’re redesigning an existing app or creating a new one, consider approaching the job in the way that Apple approached the redesign of the built-in apps:

First, strip away the UI to expose the app’s core functionality and reaffirm its relevance.

Next, use the themes of iOS 7 to inform the design of the UI and the user experience. Restore details and embellishments with care and never gratuitously.

Throughout, be prepared to defy precedent, question assumptions, and let a focus on content and functionality motivate every design decision.

Defer to Content

Although crisp, beautiful UI and fluid motion are highlights of the iOS 7 experience, the user’s content is at its heart.

Here are some ways to make sure that your designs elevate functionality and defer to the user’s content.

Take advantage of the whole screen. Reconsider the use of insets and visual frames and—instead—let the content extend to the edges of the screen. Weather is a great example of this approach: The beautiful, full-screen depiction of a location’s current weather instantly conveys the most important information, with room to spare for hourly data.

Provide Clarity

Use Depth to Communicate

Chick this out

Leave a Reply

Your email address will not be published. Required fields are marked *