1 whats-new-in-ios7-m1-slides

Post on 27-Jan-2015

118 Views

Category:

Technology

0 Downloads

Preview:

Click to see full reader

DESCRIPTION

 

TRANSCRIPT

Jon Flanders@jon!anders

What’s new in iOS7The Basics

Tuesday, September 3, 13

Objectives

Tuesday, September 3, 13

Objectives

§ Learn about the concepts behind iOS7

Tuesday, September 3, 13

Objectives

§ Learn about the concepts behind iOS7§ Understand how those concepts manifest in Apple’s iOS apps and how

they might apply to yours

Tuesday, September 3, 13

iOS7

Tuesday, September 3, 13

iOS7

§ Seventh version of Apple’s mobile operating system

Tuesday, September 3, 13

iOS7

§ Seventh version of Apple’s mobile operating systemo Released in September 2013

Tuesday, September 3, 13

iOS7

§ Seventh version of Apple’s mobile operating systemo Released in September 2013

§ First major UI redesign of iOS

Tuesday, September 3, 13

iOS7

§ Seventh version of Apple’s mobile operating systemo Released in September 2013

§ First major UI redesign of iOS§ Not just a UI design release

Tuesday, September 3, 13

iOS7

§ Seventh version of Apple’s mobile operating systemo Released in September 2013

§ First major UI redesign of iOS§ Not just a UI design release

o App redesign as well

Tuesday, September 3, 13

iOS7

§ Seventh version of Apple’s mobile operating systemo Released in September 2013

§ First major UI redesign of iOS§ Not just a UI design release

o App redesign as wello And plenty of under-the-covers goodies

Tuesday, September 3, 13

iOS7

§ Seventh version of Apple’s mobile operating systemo Released in September 2013

§ First major UI redesign of iOS§ Not just a UI design release

o App redesign as wello And plenty of under-the-covers goodies

Tuesday, September 3, 13

Features of the New UI

Tuesday, September 3, 13

Features of the New UI

§ Deference

Tuesday, September 3, 13

Features of the New UI

§ Deferenceo UI chrome shouldn’t get in the way of the app’s content

Tuesday, September 3, 13

Features of the New UI

§ Deferenceo UI chrome shouldn’t get in the way of the app’s content

§ Clarity

Tuesday, September 3, 13

Features of the New UI

§ Deferenceo UI chrome shouldn’t get in the way of the app’s content

§ Clarityo Clear and easy to use

Tuesday, September 3, 13

Features of the New UI

§ Deferenceo UI chrome shouldn’t get in the way of the app’s content

§ Clarityo Clear and easy to useo Clear on how to use it

Tuesday, September 3, 13

Features of the New UI

§ Deferenceo UI chrome shouldn’t get in the way of the app’s content

§ Clarityo Clear and easy to useo Clear on how to use it

§ Depth

Tuesday, September 3, 13

Features of the New UI

§ Deferenceo UI chrome shouldn’t get in the way of the app’s content

§ Clarityo Clear and easy to useo Clear on how to use it

§ Deptho Blurring, transparent, dynamic 3d effects

Tuesday, September 3, 13

Views

Tuesday, September 3, 13

Views

§ Your app is now full screen

Tuesday, September 3, 13

Views

§ Your app is now full screeno The status bar is drawn on top of your view instead of your view being below

Tuesday, September 3, 13

Views

§ Your app is now full screeno The status bar is drawn on top of your view instead of your view being belowo This gives you maximum screen real estate

Tuesday, September 3, 13

Views

§ Your app is now full screeno The status bar is drawn on top of your view instead of your view being belowo This gives you maximum screen real estate

§ Navigation and tab bars are transparent/blurred

Tuesday, September 3, 13

Views

§ Your app is now full screeno The status bar is drawn on top of your view instead of your view being belowo This gives you maximum screen real estate

§ Navigation and tab bars are transparent/blurredo The content behind is still visible, although obfuscated

Tuesday, September 3, 13

Views

§ Your app is now full screeno The status bar is drawn on top of your view instead of your view being belowo This gives you maximum screen real estate

§ Navigation and tab bars are transparent/blurredo The content behind is still visible, although obfuscatedo This gives user context for the page content

Tuesday, September 3, 13

Views

§ Your app is now full screeno The status bar is drawn on top of your view instead of your view being belowo This gives you maximum screen real estate

§ Navigation and tab bars are transparent/blurredo The content behind is still visible, although obfuscatedo This gives user context for the page content

§ Colors, instead of chrome/borders, are used to clue users to actionable UI

Tuesday, September 3, 13

Views

§ Your app is now full screeno The status bar is drawn on top of your view instead of your view being belowo This gives you maximum screen real estate

§ Navigation and tab bars are transparent/blurredo The content behind is still visible, although obfuscatedo This gives user context for the page content

§ Colors, instead of chrome/borders, are used to clue users to actionable UIo tintColor is now on UIView superclass

Tuesday, September 3, 13

Views

§ Your app is now full screeno The status bar is drawn on top of your view instead of your view being belowo This gives you maximum screen real estate

§ Navigation and tab bars are transparent/blurredo The content behind is still visible, although obfuscatedo This gives user context for the page content

§ Colors, instead of chrome/borders, are used to clue users to actionable UIo tintColor is now on UIView superclasso Inherited automatically by subviews

Tuesday, September 3, 13

Views

§ Your app is now full screeno The status bar is drawn on top of your view instead of your view being belowo This gives you maximum screen real estate

§ Navigation and tab bars are transparent/blurredo The content behind is still visible, although obfuscatedo This gives user context for the page content

§ Colors, instead of chrome/borders, are used to clue users to actionable UIo tintColor is now on UIView superclasso Inherited automatically by subviewso Action sheets saturate hidden controls

Tuesday, September 3, 13

Changes in Controls

Tuesday, September 3, 13

Changes in Controls

§ Almost all the iOS controls have had their dimensions modi!ed

Tuesday, September 3, 13

Changes in Controls

§ Almost all the iOS controls have had their dimensions modi!ed§ Hope you used AutoLayout

Tuesday, September 3, 13

Changes in Controls

§ Almost all the iOS controls have had their dimensions modi!ed§ Hope you used AutoLayout

o If not, now is the time to adopt it!

Tuesday, September 3, 13

Changes in Controls

§ Almost all the iOS controls have had their dimensions modi!ed§ Hope you used AutoLayout

o If not, now is the time to adopt it!o AutoLayout-based views can more easily adapt to the new metrics

Tuesday, September 3, 13

Changes in Controls

§ Almost all the iOS controls have had their dimensions modi!ed§ Hope you used AutoLayout

o If not, now is the time to adopt it!o AutoLayout-based views can more easily adapt to the new metrics

§ Buttons have no borders or bezels

Tuesday, September 3, 13

Changes in Controls

§ Almost all the iOS controls have had their dimensions modi!ed§ Hope you used AutoLayout

o If not, now is the time to adopt it!o AutoLayout-based views can more easily adapt to the new metrics

§ Buttons have no borders or bezels§ All pickers are now displayed inline

Tuesday, September 3, 13

Changes in Controls

§ Almost all the iOS controls have had their dimensions modi!ed§ Hope you used AutoLayout

o If not, now is the time to adopt it!o AutoLayout-based views can more easily adapt to the new metrics

§ Buttons have no borders or bezels§ All pickers are now displayed inline

Tuesday, September 3, 13

Changes in Controls

§ Almost all the iOS controls have had their dimensions modi!ed§ Hope you used AutoLayout

o If not, now is the time to adopt it!o AutoLayout-based views can more easily adapt to the new metrics

§ Buttons have no borders or bezels§ All pickers are now displayed inline

Tuesday, September 3, 13

Typography

Tuesday, September 3, 13

Typography

§ Kerning and Ligatures

Tuesday, September 3, 13

Typography

§ Kerning and Ligatures§ Dynamic Type

Tuesday, September 3, 13

Typography

§ Kerning and Ligatures§ Dynamic Type

o Range of weight and space depending on size

Tuesday, September 3, 13

Typography

§ Kerning and Ligatures§ Dynamic Type

o Range of weight and space depending on sizeo Size-speci"c adjustments to keep type legible

Tuesday, September 3, 13

Typography

§ Kerning and Ligatures§ Dynamic Type

o Range of weight and space depending on sizeo Size-speci"c adjustments to keep type legible

§ Text Styles

Tuesday, September 3, 13

Typography

§ Kerning and Ligatures§ Dynamic Type

o Range of weight and space depending on sizeo Size-speci"c adjustments to keep type legible

§ Text Styles§ Accessibility

Tuesday, September 3, 13

Typography

§ Kerning and Ligatures§ Dynamic Type

o Range of weight and space depending on sizeo Size-speci"c adjustments to keep type legible

§ Text Styles§ Accessibility

o Still can increase the size of the Body font

Tuesday, September 3, 13

Typography

§ Kerning and Ligatures§ Dynamic Type

o Range of weight and space depending on sizeo Size-speci"c adjustments to keep type legible

§ Text Styles§ Accessibility

o Still can increase the size of the Body fonto Legibility enhancements for enhanced contrast

Tuesday, September 3, 13

Typography

§ Kerning and Ligatures§ Dynamic Type

o Range of weight and space depending on sizeo Size-speci"c adjustments to keep type legible

§ Text Styles§ Accessibility

o Still can increase the size of the Body fonto Legibility enhancements for enhanced contrast

§ Text Kit

Tuesday, September 3, 13

Typography

§ Kerning and Ligatures§ Dynamic Type

o Range of weight and space depending on sizeo Size-speci"c adjustments to keep type legible

§ Text Styles§ Accessibility

o Still can increase the size of the Body fonto Legibility enhancements for enhanced contrast

§ Text Kit o New framework for working with text in a sophisticated way

Tuesday, September 3, 13

Typography

§ Kerning and Ligatures§ Dynamic Type

o Range of weight and space depending on sizeo Size-speci"c adjustments to keep type legible

§ Text Styles§ Accessibility

o Still can increase the size of the Body fonto Legibility enhancements for enhanced contrast

§ Text Kit o New framework for working with text in a sophisticated wayo Based on OSX Cocoa Text

Tuesday, September 3, 13

Animations

Tuesday, September 3, 13

Animations

§ iOS7 is full of new animations for view transitions

Tuesday, September 3, 13

Animations

§ iOS7 is full of new animations for view transitions§ Meaningful – not gratuitous

Tuesday, September 3, 13

Animations

§ iOS7 is full of new animations for view transitions§ Meaningful – not gratuitous

o They make sense in the #ow of the app

Tuesday, September 3, 13

Animations

§ iOS7 is full of new animations for view transitions§ Meaningful – not gratuitous

o They make sense in the #ow of the appo Example: photos and calendar

Tuesday, September 3, 13

Animations

§ iOS7 is full of new animations for view transitions§ Meaningful – not gratuitous

o They make sense in the #ow of the appo Example: photos and calendar

§ API now open to control animations during view controller transitions

Tuesday, September 3, 13

Motion

Tuesday, September 3, 13

Motion

§ Part of the look of the new OS is related to depth and motion

Tuesday, September 3, 13

Motion

§ Part of the look of the new OS is related to depth and motiono Springboard has a parallax effect behind it

Tuesday, September 3, 13

Motion

§ Part of the look of the new OS is related to depth and motiono Springboard has a parallax effect behind it

§ Alerts move as your position moves

Tuesday, September 3, 13

Motion

§ Part of the look of the new OS is related to depth and motiono Springboard has a parallax effect behind it

§ Alerts move as your position moveso Best seen in Safari multiple-page views

Tuesday, September 3, 13

Motion

§ Part of the look of the new OS is related to depth and motiono Springboard has a parallax effect behind it

§ Alerts move as your position moveso Best seen in Safari multiple-page views

§ UIMotionBehavior is the main class in the new API

Tuesday, September 3, 13

Dynamics

Tuesday, September 3, 13

Dynamics

§ Slide to get camera on lock screen

Tuesday, September 3, 13

Dynamics

§ Slide to get camera on lock screeno Bounces and hits bottom of screen

Tuesday, September 3, 13

Dynamics

§ Slide to get camera on lock screeno Bounces and hits bottom of screeno Simulated weight

Tuesday, September 3, 13

Dynamics

§ Slide to get camera on lock screeno Bounces and hits bottom of screeno Simulated weight

§ Messages scroll a bit behind your !nger

Tuesday, September 3, 13

Dynamics

§ Slide to get camera on lock screeno Bounces and hits bottom of screeno Simulated weight

§ Messages scroll a bit behind your !nger§ Implemented by UIDynamics

Tuesday, September 3, 13

Dynamics

§ Slide to get camera on lock screeno Bounces and hits bottom of screeno Simulated weight

§ Messages scroll a bit behind your !nger§ Implemented by UIDynamics

o A physics engine built into UIKit

Tuesday, September 3, 13

Adaptive Multitasking

Tuesday, September 3, 13

Adaptive Multitasking

§ New UI for showing running apps

Tuesday, September 3, 13

Adaptive Multitasking

§ New UI for showing running apps§ With new features in noti!cations and background transfers, an app can

update its UI “in the background”

Tuesday, September 3, 13

Adaptive Multitasking

§ New UI for showing running apps§ With new features in noti!cations and background transfers, an app can

update its UI “in the background”o OS takes a “snapshot” picture of the new UI

Tuesday, September 3, 13

Adaptive Multitasking

§ New UI for showing running apps§ With new features in noti!cations and background transfers, an app can

update its UI “in the background”o OS takes a “snapshot” picture of the new UI

§ Makes it feel like the app is running the whole time

Tuesday, September 3, 13

iCloud

Tuesday, September 3, 13

iCloud

§ This is mostly a reliability- and speed-improvement release

Tuesday, September 3, 13

iCloud

§ This is mostly a reliability- and speed-improvement releaseo New feature: iCloud keychain for credentials

Tuesday, September 3, 13

iCloud

§ This is mostly a reliability- and speed-improvement releaseo New feature: iCloud keychain for credentials

§ Can now test from simulator

Tuesday, September 3, 13

iCloud

§ This is mostly a reliability- and speed-improvement releaseo New feature: iCloud keychain for credentials

§ Can now test from simulator§ Integrated debugging tools in Xcode

Tuesday, September 3, 13

Xcode & Objective-C

Tuesday, September 3, 13

Xcode & Objective-C

§ Xcode improvements

Tuesday, September 3, 13

Xcode & Objective-C

§ Xcode improvementso Cleaner UI

Tuesday, September 3, 13

Xcode & Objective-C

§ Xcode improvementso Cleaner UIo Faster

Tuesday, September 3, 13

Xcode & Objective-C

§ Xcode improvementso Cleaner UIo Fastero Better image support

Tuesday, September 3, 13

Xcode & Objective-C

§ Xcode improvementso Cleaner UIo Fastero Better image supporto Improved IB for Auto Layout

Tuesday, September 3, 13

Xcode & Objective-C

§ Xcode improvementso Cleaner UIo Fastero Better image supporto Improved IB for Auto Layout

§ Objective-C

Tuesday, September 3, 13

Xcode & Objective-C

§ Xcode improvementso Cleaner UIo Fastero Better image supporto Improved IB for Auto Layout

§ Objective-Co Modules as a way to import frameworks more efficiently

Tuesday, September 3, 13

Xcode & Objective-C

§ Xcode improvementso Cleaner UIo Fastero Better image supporto Improved IB for Auto Layout

§ Objective-Co Modules as a way to import frameworks more efficientlyo instancetype to help compiler verify return values

Tuesday, September 3, 13

Xcode & Objective-C

§ Xcode improvementso Cleaner UIo Fastero Better image supporto Improved IB for Auto Layout

§ Objective-Co Modules as a way to import frameworks more efficientlyo instancetype to help compiler verify return valueso Explicitly-typed Enums

Tuesday, September 3, 13

Xcode & Objective-C

§ Xcode improvementso Cleaner UIo Fastero Better image supporto Improved IB for Auto Layout

§ Objective-Co Modules as a way to import frameworks more efficientlyo instancetype to help compiler verify return valueso Explicitly-typed Enumso ARC speed improvements

Tuesday, September 3, 13

Framework Enhancements

Tuesday, September 3, 13

Framework Enhancements

§ Store Kit

Tuesday, September 3, 13

Framework Enhancements

§ Store Kito Verify in-app purchases on device or server

Tuesday, September 3, 13

Framework Enhancements

§ Store Kito Verify in-app purchases on device or server

§ Security

Tuesday, September 3, 13

Framework Enhancements

§ Store Kito Verify in-app purchases on device or server

§ Securityo iCloud keychain access

Tuesday, September 3, 13

Framework Enhancements

§ Store Kito Verify in-app purchases on device or server

§ Securityo iCloud keychain access

§ Pass Kit

Tuesday, September 3, 13

Framework Enhancements

§ Store Kito Verify in-app purchases on device or server

§ Securityo iCloud keychain access

§ Pass Kit o Multiple passes at once; more control over date and viewing

Tuesday, September 3, 13

Framework Enhancements

§ Store Kito Verify in-app purchases on device or server

§ Securityo iCloud keychain access

§ Pass Kit o Multiple passes at once; more control over date and viewing

§ OpenGL ES

Tuesday, September 3, 13

Framework Enhancements

§ Store Kito Verify in-app purchases on device or server

§ Securityo iCloud keychain access

§ Pass Kit o Multiple passes at once; more control over date and viewing

§ OpenGL ESo New extensions

Tuesday, September 3, 13

Framework Enhancements

§ Store Kito Verify in-app purchases on device or server

§ Securityo iCloud keychain access

§ Pass Kit o Multiple passes at once; more control over date and viewing

§ OpenGL ESo New extensions

§ Message UI

Tuesday, September 3, 13

Framework Enhancements

§ Store Kito Verify in-app purchases on device or server

§ Securityo iCloud keychain access

§ Pass Kit o Multiple passes at once; more control over date and viewing

§ OpenGL ESo New extensions

§ Message UIo Add attachments

Tuesday, September 3, 13

Framework Enhancements

§ Store Kito Verify in-app purchases on device or server

§ Securityo iCloud keychain access

§ Pass Kit o Multiple passes at once; more control over date and viewing

§ OpenGL ESo New extensions

§ Message UIo Add attachments

§ Map Kit

Tuesday, September 3, 13

Framework Enhancements

§ Store Kito Verify in-app purchases on device or server

§ Securityo iCloud keychain access

§ Pass Kit o Multiple passes at once; more control over date and viewing

§ OpenGL ESo New extensions

§ Message UIo Add attachments

§ Map Kito Support for 3d maps and other enhancements

Tuesday, September 3, 13

Framework Enhancements

§ Store Kito Verify in-app purchases on device or server

§ Securityo iCloud keychain access

§ Pass Kit o Multiple passes at once; more control over date and viewing

§ OpenGL ESo New extensions

§ Message UIo Add attachments

§ Map Kito Support for 3d maps and other enhancements

§ Audio Unit

Tuesday, September 3, 13

Framework Enhancements

§ Store Kito Verify in-app purchases on device or server

§ Securityo iCloud keychain access

§ Pass Kit o Multiple passes at once; more control over date and viewing

§ OpenGL ESo New extensions

§ Message UIo Add attachments

§ Map Kito Support for 3d maps and other enhancements

§ Audio Unito Inter-app audio

Tuesday, September 3, 13

New Features and Frameworks

Tuesday, September 3, 13

New Features and Frameworks

§ AirDrop

Tuesday, September 3, 13

New Features and Frameworks

§ AirDropo Seamless "le transfer between devices in close range

Tuesday, September 3, 13

New Features and Frameworks

§ AirDropo Seamless "le transfer between devices in close range

§ Peer-to-peer connectivity

Tuesday, September 3, 13

New Features and Frameworks

§ AirDropo Seamless "le transfer between devices in close range

§ Peer-to-peer connectivity§ JavaScript Core framework

Tuesday, September 3, 13

New Features and Frameworks

§ AirDropo Seamless "le transfer between devices in close range

§ Peer-to-peer connectivity§ JavaScript Core framework

o Access to JavaScript engine from Objective-C

Tuesday, September 3, 13

New Features and Frameworks

§ AirDropo Seamless "le transfer between devices in close range

§ Peer-to-peer connectivity§ JavaScript Core framework

o Access to JavaScript engine from Objective-C

§ Media Accessibility

Tuesday, September 3, 13

New Features and Frameworks

§ AirDropo Seamless "le transfer between devices in close range

§ Peer-to-peer connectivity§ JavaScript Core framework

o Access to JavaScript engine from Objective-C

§ Media Accessibilityo Control closed captions in media

Tuesday, September 3, 13

New Features and Frameworks

§ AirDropo Seamless "le transfer between devices in close range

§ Peer-to-peer connectivity§ JavaScript Core framework

o Access to JavaScript engine from Objective-C

§ Media Accessibilityo Control closed captions in media

§ Safari Services

Tuesday, September 3, 13

New Features and Frameworks

§ AirDropo Seamless "le transfer between devices in close range

§ Peer-to-peer connectivity§ JavaScript Core framework

o Access to JavaScript engine from Objective-C

§ Media Accessibilityo Control closed captions in media

§ Safari Serviceso Add URLs to reading list

Tuesday, September 3, 13

New Features and Frameworks

§ AirDropo Seamless "le transfer between devices in close range

§ Peer-to-peer connectivity§ JavaScript Core framework

o Access to JavaScript engine from Objective-C

§ Media Accessibilityo Control closed captions in media

§ Safari Serviceso Add URLs to reading list

§ Sprite Kit

Tuesday, September 3, 13

New Features and Frameworks

§ AirDropo Seamless "le transfer between devices in close range

§ Peer-to-peer connectivity§ JavaScript Core framework

o Access to JavaScript engine from Objective-C

§ Media Accessibilityo Control closed captions in media

§ Safari Serviceso Add URLs to reading list

§ Sprite Kito 2d game engine

Tuesday, September 3, 13

New Features and Frameworks

§ AirDropo Seamless "le transfer between devices in close range

§ Peer-to-peer connectivity§ JavaScript Core framework

o Access to JavaScript engine from Objective-C

§ Media Accessibilityo Control closed captions in media

§ Safari Serviceso Add URLs to reading list

§ Sprite Kito 2d game engine

§ Game Controllers

Tuesday, September 3, 13

New Features and Frameworks

§ AirDropo Seamless "le transfer between devices in close range

§ Peer-to-peer connectivity§ JavaScript Core framework

o Access to JavaScript engine from Objective-C

§ Media Accessibilityo Control closed captions in media

§ Safari Serviceso Add URLs to reading list

§ Sprite Kito 2d game engine

§ Game Controllerso API that abstracts away usage of ad hoc game controllers

Tuesday, September 3, 13

Things Removed

Tuesday, September 3, 13

Things Removed

§ UUID and MAC address both deprecated

Tuesday, September 3, 13

Things Removed

§ UUID and MAC address both deprecatedo use UIDevice.identifierForVendor

Tuesday, September 3, 13

Your App

Tuesday, September 3, 13

Your App

§ New or upgrade?

Tuesday, September 3, 13

Your App

§ New or upgrade?o Support iOS6 as well, or just iOS7? (easier)

Tuesday, September 3, 13

Your App

§ New or upgrade?o Support iOS6 as well, or just iOS7? (easier)

§ Take full screen into account

Tuesday, September 3, 13

Your App

§ New or upgrade?o Support iOS6 as well, or just iOS7? (easier)

§ Take full screen into account§ Use animation instead of heavy imaging to guide user in your app

Tuesday, September 3, 13

Supporting iOS6

Tuesday, September 3, 13

Supporting iOS6

§ Lean heavily on the iOS7 UI transition guide

Tuesday, September 3, 13

Supporting iOS6

§ Lean heavily on the iOS7 UI transition guide§ Auto Layout will do much of the heavy lifting

Tuesday, September 3, 13

Supporting iOS6

§ Lean heavily on the iOS7 UI transition guide§ Auto Layout will do much of the heavy lifting§ Consider using a new design for iOS7

Tuesday, September 3, 13

Supporting iOS6

§ Lean heavily on the iOS7 UI transition guide§ Auto Layout will do much of the heavy lifting§ Consider using a new design for iOS7

o Structure more important than aesthetics

Tuesday, September 3, 13

Summary

Tuesday, September 3, 13

Summary

§ iOS7 is a major UI redesign release

Tuesday, September 3, 13

Summary

§ iOS7 is a major UI redesign release§ Content over chrome

Tuesday, September 3, 13

Summary

§ iOS7 is a major UI redesign release§ Content over chrome§ Many new APIs to take advantage of to improve your app

Tuesday, September 3, 13

top related