We, the designers and developers community, asked for a refreshment of our beloved OS. For the past 6 years it remained the same and Apple was getting behind the competition instead of define the standards. Jony Ive leads the software department (before hardware) and we expected a big update. Now, a few weeks after WWDC, the critics quieted and some people can see the esthetics behind the design choses Apple made. It's designed for how it works. How it looks was step 2. And that's a good approach in design. If you see design showcase site's like Dribbble it's all about the pixels. Not about how it works. I think many designers ignore step 1 and start immediately with step 2: open Photoshop and design a beautiful User Interface. I can't blame them, I did the same the past years. But iOS 7 is a wake up call for me as a designer: it's how it works! I see 3 parts for an app: 1. Content & functionality is king 2. How you interact with the content & UX 3. The look & feel of your UI If you see that with iOS 6 some apps made a lot of money, just for how it looked. That will be almost over with iOS 7. Don't get me wrong, a good looking UI will be still important but like I said above: content & functionality is king.

1. iOS 7

2. Is that... iOS 7?
iOS 7
Completely redesigned
the way it looks,
the way it works.
It’s about the content, less
about the UI.
Focused on User Experience

3. Bye Skeuomorphism
iOS 7
Reduction in the use of
faux-3D visual effects and
textures.
Layers organized in a logical
way.

4. iOS 7
If developers don't want to look out of date,
they're going to have to rethink how major
aspects of how their apps work.

5. Example
iOS 7
Swipe up from bottom
of the screen
Spotify: open player
iOS 7: open control center

6. Design changes
iOS 7
Helvetica Neue UltraLight
as a primary font
More focus on typography

7. Design changes
iOS 7
Flat.
Strip away details.
Don’t strip away the
personality of your app

8. Design changes
iOS 7
Bigger border radius
New ‘Jony Ive Grid’
Neven Mrgan calls it wrong
http://mrgan.tumblr.com/post/53308781143/wrong
Open app from
springboard: zooms into
the icon.
http://www.pixelresort.com/blog/start-making-
ios-7-icons-with-the-app-icon-template-3-0/
http://dribbble.com/shots/1111035-Template-for-
iOS-7-App-Icons

9. Design changes
iOS 7
More subtle animations
Stand out with interactions
and animations instead of
UI design.

10. Design changes
iOS 7
Navbars are square and
blends together with the
statusbar.

11. Design changes
iOS 7
Edge to edge.
Use the whole screen, don’t
frame it.
Your hardware is already a frame.

12. Design changes
iOS 7
Contrast
A lot of white with subtle
grey use...
or black.

13. Design changes
iOS 7
Gesture left to right swipe
=
new back button?
The “Push” transitions are now replaced
with a slightly more polished page hover
transition. It feels smoother.

14. Design changes
iOS 7
New outline style for icons
iOS 7 iOS 6

15. Auto update
iOS 7
Fix every bug immediately
Show info/help text overlay
with major update!

16. Examples
iOS 7

17. Examples
iOS 7

18. Examples
iOS 7

19. Design for how it works
iOS 7
Don’t just make it flat.
Rethink, redefine the way your app works!
Think about the interaction of every element in and between every page.
That’s how we do it at iCapps