iOS 7 - User Interface changes. http://blogs.innovationm.com/ios6-to-ios7-user-interface-changes/

1. | Build a Mobile Experience
iOS 6 to iOS 7
User Interface Changes
Corporate Office:
InnovationM Mobile Technologies
E-3 (Ground Floor), Sector-3, Noida 201301 (India)
t: +91 8447 227337 | e: info@innovationm.com
www.innovationm.com

2. | Build a Mobile Experience
www.innovationm.com
iOS 6 to iOS 7 – User Interface Changes
The brand new iOS 7 is about to release (18th Sep) and are some major User Interface
changes. In fact, Engineers at Apple completely re-did the user interface. The new UI is
clean, simple yet amazingly efficient. The animations are subtle yet intuitive. The use of
translucency gives user the sense of the context. New approach to animation and
motion gives the system a sense of depth and vitality.
While building the new interface for iOS 7 their main focus was on the “Content” and
everything else was secondary. Apple wants you to do the same. Make your design
simple, but remember simplicity is not just the absence of the clutter and ornamentation;
it’s about bringing order to complexity. Make your content clear, being clear means
clearly indicating what’s a content and what’s a control.
So let’s cover the elements individually.
Full Screen View - The status bars in iOS 7 are transparent so your view now has 20px
more. More space, more clarity.
Buttons - You will see border-less buttons in iOS 7, reason being borders restrict the
text of the control. In fact, borders take up quite a large amount of space. So the
borders are gone.
Corporate Office:
InnovationM Mobile Technologies
E-3 (Ground Floor), Sector-3, Noida 201301 (India)
t: +91 8447 227337 | e: info@innovationm.com

3. | Build a Mobile Experience
www.innovationm.com
Switches - Switches in iOS 6 had texts in them. In iOS 7 its just simple solid color that
indicates the switches status.
Progress View - Progress views are visually different. The bar is much thinner and
glossy effect is gone.
Icons - Icons in iOS 7 are no exception to the overall theme of iOS 7. Simple and
explanatory. No bulky icons are used.
Tab Bar Icons - Tab bar icons can now be tinted with a color which was not possible in
iOS 6. This would allow you to make the application more consistences in terms of
theme.
Corporate Office:
InnovationM Mobile Technologies
E-3 (Ground Floor), Sector-3, Noida 201301 (India)
t: +91 8447 227337 | e: info@innovationm.com

4. | Build a Mobile Experience
www.innovationm.com
Navigation Bar Back Button - Back button in iOS 7 is border-less. No bezel, Transition
animations are very intuitive and clearly explain the parent and child relationship.
Custom View Controller Transition Animations - iOS 7 enables you to write your
own animation while transitioning from one controller to another. User can also interact
with these transitions while the transition is in progress. So we can put some really cool
animations in our application.
Colours - Colours in iOS 7 are chosen very carefully. These shades are vibrant yet
beautiful and consistent on the whole platform.
There are a large number of changes other than those mentioned above. Apple
designed this UI from the scratch and hats-off to the designers. They did a superb job.
The new UI is much more sensible and loveable.
Corporate Office:
InnovationM Mobile Technologies
E-3 (Ground Floor), Sector-3, Noida 201301 (India)
t: +91 8447 227337 | e: info@innovationm.com