Upload
dennis-covent
View
6.258
Download
2
Tags:
Embed Size (px)
DESCRIPTION
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.
Citation preview
iOS 7
Is that... iOS 7?iOS 7
Completely redesignedthe way it looks,the way it works.
It’s about the content, less about the UI.
Focused on User Experience
Bye SkeuomorphismiOS 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 work.
ExampleiOS 7
Swipe up from bottom of the screen
Spotify: open player
iOS 7: open control center
Design changesiOS 7
Helvetica Neue UltraLight as a primary font
More focus on typography
Design changesiOS 7
Flat.
Strip away details.Don’t strip away the personality of your app
Design changesiOS 7
Bigger border radius
New ‘Jony Ive Grid’Neven Mrgan calls it wronghttp://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
Design changesiOS 7
More subtle animations
Stand out with interactions and animations instead of UI design.
Design changesiOS 7
Navbars are square and blends together with the statusbar.
Design changesiOS 7
Edge to edge.Use the whole screen, don’t frame it. Your hardware is already a frame.
Design changesiOS 7
Contrast
A lot of white with subtle grey use...
or black.
Design changesiOS 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.
Design changesiOS 7
New outline style for icons
iOS 7 iOS 6
Auto updateiOS 7
Fix every bug immediately
Show info/help text overlay with major update!
ExamplesiOS 7
ExamplesiOS 7
ExamplesiOS 7
Design for how it worksiOS 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