1 whats-new-in-ios7-m1-slides
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