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

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

iOS 7

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

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

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

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

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

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

Design changesiOS 7

Flat.

Strip away details.Don’t strip away the personality of your app

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

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

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

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

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

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

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

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

ExamplesiOS 7

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

ExamplesiOS 7

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

ExamplesiOS 7

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

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