![Page 1: Keynote about iOS 7, focused on design & how we must rethink apps of our clients](https://reader033.vdocuments.site/reader033/viewer/2022060111/55625490d8b42a1b4b8b5035/html5/thumbnails/1.jpg)
iOS 7
![Page 2: Keynote about iOS 7, focused on design & how we must rethink apps of our clients](https://reader033.vdocuments.site/reader033/viewer/2022060111/55625490d8b42a1b4b8b5035/html5/thumbnails/2.jpg)
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
![Page 3: Keynote about iOS 7, focused on design & how we must rethink apps of our clients](https://reader033.vdocuments.site/reader033/viewer/2022060111/55625490d8b42a1b4b8b5035/html5/thumbnails/3.jpg)
Bye SkeuomorphismiOS 7
Reduction in the use of faux-3D visual effects and textures.
Layers organized in a logical way.
![Page 4: Keynote about iOS 7, focused on design & how we must rethink apps of our clients](https://reader033.vdocuments.site/reader033/viewer/2022060111/55625490d8b42a1b4b8b5035/html5/thumbnails/4.jpg)
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.
![Page 5: Keynote about iOS 7, focused on design & how we must rethink apps of our clients](https://reader033.vdocuments.site/reader033/viewer/2022060111/55625490d8b42a1b4b8b5035/html5/thumbnails/5.jpg)
ExampleiOS 7
Swipe up from bottom of the screen
Spotify: open player
iOS 7: open control center
![Page 6: Keynote about iOS 7, focused on design & how we must rethink apps of our clients](https://reader033.vdocuments.site/reader033/viewer/2022060111/55625490d8b42a1b4b8b5035/html5/thumbnails/6.jpg)
Design changesiOS 7
Helvetica Neue UltraLight as a primary font
More focus on typography
![Page 7: Keynote about iOS 7, focused on design & how we must rethink apps of our clients](https://reader033.vdocuments.site/reader033/viewer/2022060111/55625490d8b42a1b4b8b5035/html5/thumbnails/7.jpg)
Design changesiOS 7
Flat.
Strip away details.Don’t strip away the personality of your app
![Page 8: Keynote about iOS 7, focused on design & how we must rethink apps of our clients](https://reader033.vdocuments.site/reader033/viewer/2022060111/55625490d8b42a1b4b8b5035/html5/thumbnails/8.jpg)
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
![Page 9: Keynote about iOS 7, focused on design & how we must rethink apps of our clients](https://reader033.vdocuments.site/reader033/viewer/2022060111/55625490d8b42a1b4b8b5035/html5/thumbnails/9.jpg)
Design changesiOS 7
More subtle animations
Stand out with interactions and animations instead of UI design.
![Page 10: Keynote about iOS 7, focused on design & how we must rethink apps of our clients](https://reader033.vdocuments.site/reader033/viewer/2022060111/55625490d8b42a1b4b8b5035/html5/thumbnails/10.jpg)
Design changesiOS 7
Navbars are square and blends together with the statusbar.
![Page 11: Keynote about iOS 7, focused on design & how we must rethink apps of our clients](https://reader033.vdocuments.site/reader033/viewer/2022060111/55625490d8b42a1b4b8b5035/html5/thumbnails/11.jpg)
Design changesiOS 7
Edge to edge.Use the whole screen, don’t frame it. Your hardware is already a frame.
![Page 12: Keynote about iOS 7, focused on design & how we must rethink apps of our clients](https://reader033.vdocuments.site/reader033/viewer/2022060111/55625490d8b42a1b4b8b5035/html5/thumbnails/12.jpg)
Design changesiOS 7
Contrast
A lot of white with subtle grey use...
or black.
![Page 13: Keynote about iOS 7, focused on design & how we must rethink apps of our clients](https://reader033.vdocuments.site/reader033/viewer/2022060111/55625490d8b42a1b4b8b5035/html5/thumbnails/13.jpg)
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.
![Page 14: Keynote about iOS 7, focused on design & how we must rethink apps of our clients](https://reader033.vdocuments.site/reader033/viewer/2022060111/55625490d8b42a1b4b8b5035/html5/thumbnails/14.jpg)
Design changesiOS 7
New outline style for icons
iOS 7 iOS 6
![Page 15: Keynote about iOS 7, focused on design & how we must rethink apps of our clients](https://reader033.vdocuments.site/reader033/viewer/2022060111/55625490d8b42a1b4b8b5035/html5/thumbnails/15.jpg)
Auto updateiOS 7
Fix every bug immediately
Show info/help text overlay with major update!
![Page 16: Keynote about iOS 7, focused on design & how we must rethink apps of our clients](https://reader033.vdocuments.site/reader033/viewer/2022060111/55625490d8b42a1b4b8b5035/html5/thumbnails/16.jpg)
ExamplesiOS 7
![Page 17: Keynote about iOS 7, focused on design & how we must rethink apps of our clients](https://reader033.vdocuments.site/reader033/viewer/2022060111/55625490d8b42a1b4b8b5035/html5/thumbnails/17.jpg)
ExamplesiOS 7
![Page 18: Keynote about iOS 7, focused on design & how we must rethink apps of our clients](https://reader033.vdocuments.site/reader033/viewer/2022060111/55625490d8b42a1b4b8b5035/html5/thumbnails/18.jpg)
ExamplesiOS 7
![Page 19: Keynote about iOS 7, focused on design & how we must rethink apps of our clients](https://reader033.vdocuments.site/reader033/viewer/2022060111/55625490d8b42a1b4b8b5035/html5/thumbnails/19.jpg)
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