iOS 7
Is that... iOS 7?
iOS 7
Completely redesigned
the way it looks,
the way it works.
It’s about the content, less
about the U...
Bye Skeuomorphism
iOS 7
Reduction in the use of
faux-3D visual effects and
textures.
Layers organized in a logical
way.
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 w...
Example
iOS 7
Swipe up from bottom
of the screen
Spotify: open player
iOS 7: open control center
Design changes
iOS 7
Helvetica Neue UltraLight
as a primary font
More focus on typography
Design changes
iOS 7
Flat.
Strip away details.
Don’t strip away the
personality of your app
Design changes
iOS 7
Bigger border radius
New ‘Jony Ive Grid’
Neven Mrgan calls it wrong
http://mrgan.tumblr.com/post/5330...
Design changes
iOS 7
More subtle animations
Stand out with interactions
and animations instead of
UI design.
Design changes
iOS 7
Navbars are square and
blends together with the
statusbar.
Design changes
iOS 7
Edge to edge.
Use the whole screen, don’t
frame it.
Your hardware is already a frame.
Design changes
iOS 7
Contrast
A lot of white with subtle
grey use...
or black.
Design changes
iOS 7
Gesture left to right swipe
=
new back button?
The “Push” transitions are now replaced
with a slightl...
Design changes
iOS 7
New outline style for icons
iOS 7 iOS 6
Auto update
iOS 7
Fix every bug immediately
Show info/help text overlay
with major update!
Examples
iOS 7
Examples
iOS 7
Examples
iOS 7
Design for how it works
iOS 7
Don’t just make it flat.
Rethink, redefine the way your app works!
Think about the interaction...
Upcoming SlideShare
Loading in …5
×

Keynote about iOS 7, focused on design & how we must rethink apps of our clients

7,601 views

Published on

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.

0 Comments
21 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
7,601
On SlideShare
0
From Embeds
0
Number of Embeds
590
Actions
Shares
0
Downloads
118
Comments
0
Likes
21
Embeds 0
No embeds

No notes for slide

Keynote about iOS 7, focused on design & how we must rethink apps of our clients

  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

×