SlideShare uma empresa Scribd logo
1 de 51
Baixar para ler offline
iOS 7	
  
Transition strategy
Christian Glover Wilson 	
  
September 2013
Introduction to Tigerspike	
  
10 years at the forefront of mobile technology
Over the past 10 years we have become recognised as the world's leading Personal
Media Company by our competitors, partners and clients	
  
! 

NEW YORK
LONDON
DUBAI
SINGAPORE
SYDNEY
MELBOURNE
SAN FRANCISCO
Introduction to Tigerspike	
  
Our “difference” is now baked into our DNA
Creative
Strategic User Experience 	
  
& Platform Technology
AGENCIES
 TECH COMPANIES
Technical
(e.g. Ogilvy, Saatchi) (e.g. Accenture, Sapient)
Consulting UI & UX Design Multi-platform	
  
Development
Licensing & Support
Introduction to Tigerspike	
  
Our end-to-end personal media technology offering
* sample of clients
Apple’s recommendations
Tigerspike’s six key iOS 7 considerations
And if you don’t update?
The four-point transition strategy
Unlock the Power of Personal Media	
  
Agenda
Apple’s three core iOS 7 principles
iOS 7 Overview
Unlock the Power of Personal Media
iOS 7 Overview
The biggest interface shift ever.

Unlock the Power of Personal Media	
  
iOS 7 Overview: The end of Skeumorphic design
• What is Skeumorphic design?	
  
• Why did Apple adopt it?	
  
• What does Apple think of it now?
We ran out of green 

felt and wood

“
Craig Federighi, 

Apple's head of software engineering
Unlock the Power of Personal Media	
  
iOS 7 Overview: The end of Skeumorphic design
Unlock the Power of Personal Media
Apple’s three core iOS 7 principles
Unlock the Power of Personal Media	
  
Apple’s three core iOS 7 principles
Deference.

Content is at the center of the experience.

Clarity.

Text is legible at every size, icons are precise,
adornments are subtle and appropriate. 

Depth.

Explore visual layers and realistic motion that
heighten users’ delight and understanding.
Unlock the Power of Personal Media	
  
Apple’s three core iOS 7 principles: Deference
iOS 6 iOS 7
Unlock the Power of Personal Media	
  
Apple’s three core iOS 7 principles: Clarity
iOS 6 iOS 7
Unlock the Power of Personal Media	
  
Apple’s three core iOS 7 principles: Depth
iOS 6 iOS 7
Unlock the Power of Personal Media
Apple’s recommendations
By bringing fundamental and pervasive
changes to the iOS experience, iOS7
provides a rare opportunity to revisit the
way apps communicate their core purpose
and functionality to users.
“
Unlock the Power of Personal Media
The amount of effort you’ll need to put into your transition strategy is
dependent on what type of app you have:
Unlock the Power of Personal Media	
  
Apple’s recommendations
Effort = min
Standard app
Effort = max
Bespoke app
Effort = med
Visual Hybrid app
Does your app need to
support iOS 7?	
  
• iOS users tend to be very quick
to update their devices—it’s so
easy and just works!	
  
• Users expect their favorite apps
to follow suit.
Unlock the Power of Personal Media	
  
Apple’s recommendations
Unlock the Power of Personal Media
Tigerspike’s six key	
  
iOS 7 considerations
Unlock the Power of Personal MediaUnlock the Power of Personal Media	
  
Tigerspike’s six key iOS 7 considerations
1. The new aesthetic	
  
2. Full bleed interfaces	
  
3. Dynamic typography	
  
4. Hierarchy conveyed through depth	
  
5. Physics engine	
  
6. Enhanced multitasking
Unlock the Power of Personal MediaUnlock the Power of Personal Media	
  
Six key considerations: #1 The new aesthetic
A sense of calm and tranquility, 

focus and efficiency. Navigation
elements are translucent, buttons have
lost their borders, tab bars, nav bars,
search bars—everything is different.
“
Unlock the Power of Personal MediaUnlock the Power of Personal Media	
  
Six key considerations: #1 The new aesthetic
Unlock the Power of Personal Media
• The burden of supporting the two styles

Supporting iOS 6 and 7 is a lot of work.	
  
• Rome wasn’t (re)built in a day!

Don’t try to change everything at one.

Start with a point release, then make major changes later.
Unlock the Power of Personal Media	
  
Six key considerations: #1 The new aesthetic
Action plan:
ü Notify your ‘brand guardians’ that they can expect significant
changes to your mobile & tablet guidelines	
  
ü Begin to consider how your brand is best represented
aesthetically within this new ecosystem	
  
ü Download, read and share the Human Interface & UI Transition
Guidelines	
  
ü Organise a point release with updated UI for iOS 7 release,
then iterate towards a major release

	 You also may need to:	
  
• Redesign your iconography	
  
• Up skill your UI & UX teams
Unlock the Power of Personal Media	
  
Six key considerations: #1 The new aesthetic
Unlock the Power of Personal MediaUnlock the Power of Personal Media	
  
Six key considerations: #2 Full bleed interfaces
Make your apps more about your
content and less about UI. More of the
screen is available—take advantage of
the increased real-estate.
“
Unlock the Power of Personal MediaUnlock the Power of Personal Media	
  
Six key considerations: #2 Full bleed interfaces
Unlock the Power of Personal MediaUnlock the Power of Personal Media	
  
Six key considerations: #2 Full bleed interfaces
• Taking your design full screen

Scrolling now starts from the top of the screen.

Consider how your content looks under a blurred bar.

• Upgrading your custom chrome

Custom chrome is hard to change.

You may need to go back to a simpler design to achieve this.
Unlock the Power of Personal Media	
  
Six key considerations: #2 Full bleed interfaces
Action plan:
ü Educate your UI/UX teams about the graphical elements that
allow you to take full advantage of the screen	
  
ü Ensure your new iOS 7 apps do not include borders 	
  
ü Understand how the bars at the top and bottom of the screen
should be semi-transparent allowing the content to scroll
below them
Unlock the Power of Personal Media
iOS 7 uses a new dynamic type
system designed to improve text
legibility—regardless of the size
it’s rendered at.
Unlock the Power of Personal Media	
  
Six key considerations: #3 Dynamic typography
“
Unlock the Power of Personal MediaUnlock the Power of Personal Media	
  
Six key considerations: #3 Dynamic typography
Unlock the Power of Personal MediaUnlock the Power of Personal Media	
  
Six key considerations: #3 Dynamic typography
• A whole new toolset

Apple has given us a whole bunch of tools:

	 - Text Kit

	 - Dynamic Type

	 - Text Styles

	 - Traits	
  
• Benefits

Global text size rather than bespoke solution.

Improved accessibility.	
  
• Challenges

How does your interface adapts to variable size fonts.
Unlock the Power of Personal Media	
  
Six key considerations: #3 Dynamic typography
Action plan:
ü Make a decision on if you will use Helvetica Neue for your
apps (recommended)	
  
ü If not using your own fonts, consider how they will work within
the new, refined aesthetic	
  
ü Notify ‘brand guardians’ of potential changes
Unlock the Power of Personal Media
Use transparencies and transitions
to help communicate hierarchical
position—this aids the users ‘mental
model’ helping them to navigate
Unlock the Power of Personal Media	
  
Six key considerations: #4 Hierarchy conveyed	
  
through depth
“
Unlock the Power of Personal MediaUnlock the Power of Personal Media	
  
Six key considerations: #4 Hierarchy conveyed	
  
through depth
Unlock the Power of Personal MediaUnlock the Power of Personal Media	
  
Six key considerations: #4 Hierarchy conveyed	
  
through depth
• What did Apple do with the Calendar app?

Timescales were unrelated in iOS 6.

Dates now relate to each other in iOS 7.	
  
• Redesigning your app to focus on its hierarchy

Focus on how your content relates to itself.

Help the customer build a mental model of your content.
Action plan:
ü Adopt the translucent interface elements	
  
ü Redesign custom navigation bars	
  
ü Re-imagine your user experience to take advantage of this
new paradigm to keep ahead
Unlock the Power of Personal Media	
  
Six key considerations: #4 Hierarchy conveyed	
  
through depth
Unlock the Power of Personal MediaUnlock the Power of Personal Media	
  
Six key considerations: #5 Physics engine
Unlock the Power of Personal Media
This signifies the move away from
interaction design completely
communicated with chrome and
skeuomorphic design—there is now a
focus on the ‘holistic’ experience
Unlock the Power of Personal Media	
  
Six key considerations: #5 Physics engine
“
Unlock the Power of Personal MediaUnlock the Power of Personal Media	
  
Six key considerations: #5 Physics engine
• Make your animations and transitions interactive

iOS 6 the animation and transitions were canned, not engaging.

iOS 7 allows interactive animations and transitions, depth.	
  
• You don’t need to be a rocket scientist 

Apple has made this really easy.

Driven by simple behaviors.	
  
• “Hybrid” apps are missing out

Lots of work to do this, Apple has made it easy.

Rethink your strategy.
Unlock the Power of Personal Media	
  
Six key considerations: #5 Physics engine
Action plan:
ü Analyse your brand / app identity and how real-world
feedback can enhance the user experience	
  
ü Look at how you can enhance your iOS7 apps to create an
immersive, fun and highly engaging experience	
  
ü Utilise the physics engine to create amazing transitions that
help the user navigate your experience while delighting them!
iOS 7 multitasking is a new way for
every app to multitask intelligently
—without a huge hit to battery life
or performance.
Unlock the Power of Personal Media	
  
Six key considerations: #6 Enhanced multitasking
“
Unlock the Power of Personal MediaUnlock the Power of Personal Media	
  
Six key considerations: #6 Enhanced multitasking
Unlock the Power of Personal MediaUnlock the Power of Personal Media	
  
Six key considerations: #6 Enhanced multitasking
• Content updating in iOS 6

Spinners, user has to wait & bad when we have no network.	
  
• Background updating in iOS 7

Fetch and remote notifications.	
  
• What does this mean for your users?

Less waiting.

More engaging.

No spinners.
Action plan:
ü When you do your major iOS 7 release, ensure you are making
the most out of the new multitasking features	
  
ü Ensure that your Software engineers are well-versed on how to
implement optimised multi-tasking
Unlock the Power of Personal Media	
  
Six key considerations: #6 Enhanced multitasking
And if you don’t update?
Unlock the Power of Personal Media
Unlock the Power of Personal MediaUnlock the Power of Personal Media	
  
And if you don’t update?
The four-point transition strategy
Unlock the Power of Personal Media
Unlock the Power of Personal Media	
  
The four-point transition strategy
1. Compile and test your iOS 6 app(s) on iOS 7 ASAP	
  
2. Get a point release ready with updated iOS 7 UI components
(and any bugs fixed) for when the update arrives ‘in fall’	
  
3. Begin work on your next major release reimaging your
experience to take full advantage of the OS	
  
4. Don’t boil the ocean—release, iterate & release.

Unlock the Power of Personal MediaUnlock the Power of Personal Media	
  
New exciting features to keep in mind (1500 APIs!)
Thank you!	
  
Upcoming events
!
Round-table session – San Francisco	
  
!
Date 	 	 Sept-10	
  
Time 	 	 8am-10am	
  
Location 	 875 Howard St, 6th Floor
Contact information
Alex Hall, President Tigerspike Americas

alex@tigerspike.com | +1 646 558 3254 	
  
Christian Glover Wilson, VP, Technology & Strategy

christian.gloverwilson@tigerspike.com | +1 917 310 5249
Americas

133 W 19th St, 7th Floor

New York NY 10011

+1 646 330 4636

americas@tigerspike.com
EMEA

Level G, 1 & 3

18 Buckingham Gate

London SW1E 6LB

+44 20 7148 6600

emea@tigerspike.com
Asia Pacific

Level 1 

28 Richards Avenue, Surry Hills 

Sydney NSW 2010

+61 2 9361 5132

asia-pacific@tigerspike.com

Mais conteúdo relacionado

Mais procurados

Smarter Phones: Products After The App
Smarter Phones: Products After The AppSmarter Phones: Products After The App
Smarter Phones: Products After The AppSong Hia
 
Growth hacking des apps mobiles - au Web2Connect #W2C15
Growth hacking des apps mobiles - au Web2Connect #W2C15Growth hacking des apps mobiles - au Web2Connect #W2C15
Growth hacking des apps mobiles - au Web2Connect #W2C15Alexandre Jubien
 
Sugsa mobile ux_april 2013
Sugsa mobile ux_april 2013Sugsa mobile ux_april 2013
Sugsa mobile ux_april 2013Phil Barrett
 
Musichord Presentation - AfG 2014
Musichord Presentation - AfG 2014Musichord Presentation - AfG 2014
Musichord Presentation - AfG 2014tasggs
 
Why Traditional UX doesn't Jibe with Lean and How You Can Make it Work for St...
Why Traditional UX doesn't Jibe with Lean and How You Can Make it Work for St...Why Traditional UX doesn't Jibe with Lean and How You Can Make it Work for St...
Why Traditional UX doesn't Jibe with Lean and How You Can Make it Work for St...Darryl Prince
 
Designing Websites With a Mobile First Approach
Designing Websites With a Mobile First ApproachDesigning Websites With a Mobile First Approach
Designing Websites With a Mobile First ApproachDan Moriarty
 
Why and How to Build a Mobile First Web Strategy
Why and How to Build a Mobile First Web StrategyWhy and How to Build a Mobile First Web Strategy
Why and How to Build a Mobile First Web StrategyTechBlocks
 
Mobile UX Design
Mobile UX DesignMobile UX Design
Mobile UX DesignEffective
 
Best Mobile UX Trends 2019
Best Mobile UX Trends 2019Best Mobile UX Trends 2019
Best Mobile UX Trends 2019Vani Jain
 
7 User Experience Lessons from the iPhone (Introducing UX)
7 User Experience Lessons from the iPhone (Introducing UX)7 User Experience Lessons from the iPhone (Introducing UX)
7 User Experience Lessons from the iPhone (Introducing UX)Stephen Anderson
 
Native, Web App, or Hybrid: Which Should You Choose?
Native, Web App, or Hybrid: Which Should You Choose?Native, Web App, or Hybrid: Which Should You Choose?
Native, Web App, or Hybrid: Which Should You Choose?Softweb Solutions
 
Designing an App: From Idea to Market
Designing an App: From Idea to MarketDesigning an App: From Idea to Market
Designing an App: From Idea to MarketEffectiveUI
 
Android Design Guidelines
Android Design GuidelinesAndroid Design Guidelines
Android Design GuidelinesSam Gaddis
 

Mais procurados (14)

Smarter Phones: Products After The App
Smarter Phones: Products After The AppSmarter Phones: Products After The App
Smarter Phones: Products After The App
 
JAKT Portfolio
JAKT PortfolioJAKT Portfolio
JAKT Portfolio
 
Growth hacking des apps mobiles - au Web2Connect #W2C15
Growth hacking des apps mobiles - au Web2Connect #W2C15Growth hacking des apps mobiles - au Web2Connect #W2C15
Growth hacking des apps mobiles - au Web2Connect #W2C15
 
Sugsa mobile ux_april 2013
Sugsa mobile ux_april 2013Sugsa mobile ux_april 2013
Sugsa mobile ux_april 2013
 
Musichord Presentation - AfG 2014
Musichord Presentation - AfG 2014Musichord Presentation - AfG 2014
Musichord Presentation - AfG 2014
 
Why Traditional UX doesn't Jibe with Lean and How You Can Make it Work for St...
Why Traditional UX doesn't Jibe with Lean and How You Can Make it Work for St...Why Traditional UX doesn't Jibe with Lean and How You Can Make it Work for St...
Why Traditional UX doesn't Jibe with Lean and How You Can Make it Work for St...
 
Designing Websites With a Mobile First Approach
Designing Websites With a Mobile First ApproachDesigning Websites With a Mobile First Approach
Designing Websites With a Mobile First Approach
 
Why and How to Build a Mobile First Web Strategy
Why and How to Build a Mobile First Web StrategyWhy and How to Build a Mobile First Web Strategy
Why and How to Build a Mobile First Web Strategy
 
Mobile UX Design
Mobile UX DesignMobile UX Design
Mobile UX Design
 
Best Mobile UX Trends 2019
Best Mobile UX Trends 2019Best Mobile UX Trends 2019
Best Mobile UX Trends 2019
 
7 User Experience Lessons from the iPhone (Introducing UX)
7 User Experience Lessons from the iPhone (Introducing UX)7 User Experience Lessons from the iPhone (Introducing UX)
7 User Experience Lessons from the iPhone (Introducing UX)
 
Native, Web App, or Hybrid: Which Should You Choose?
Native, Web App, or Hybrid: Which Should You Choose?Native, Web App, or Hybrid: Which Should You Choose?
Native, Web App, or Hybrid: Which Should You Choose?
 
Designing an App: From Idea to Market
Designing an App: From Idea to MarketDesigning an App: From Idea to Market
Designing an App: From Idea to Market
 
Android Design Guidelines
Android Design GuidelinesAndroid Design Guidelines
Android Design Guidelines
 

Destaque

Destaque (11)

Historieta
HistorietaHistorieta
Historieta
 
Bab 10
Bab 10Bab 10
Bab 10
 
Ux5
Ux5Ux5
Ux5
 
08 entropie
08 entropie08 entropie
08 entropie
 
Untitled Presentation
Untitled PresentationUntitled Presentation
Untitled Presentation
 
Improvisssssing with Agile
Improvisssssing with AgileImprovisssssing with Agile
Improvisssssing with Agile
 
Adviento Tiempo de Preparacion
Adviento Tiempo de PreparacionAdviento Tiempo de Preparacion
Adviento Tiempo de Preparacion
 
Direct Selling News
Direct Selling NewsDirect Selling News
Direct Selling News
 
A man of God speaks
A man of God speaksA man of God speaks
A man of God speaks
 
Bewitched and bothered
Bewitched and botheredBewitched and bothered
Bewitched and bothered
 
Nbhm m. a. and m.sc. scholarship test 2008
Nbhm m. a. and m.sc. scholarship test 2008Nbhm m. a. and m.sc. scholarship test 2008
Nbhm m. a. and m.sc. scholarship test 2008
 

Semelhante a iOS7

Mobile App Development Proposal Template PowerPoint Presentation Slides
Mobile App Development Proposal Template PowerPoint Presentation SlidesMobile App Development Proposal Template PowerPoint Presentation Slides
Mobile App Development Proposal Template PowerPoint Presentation SlidesSlideTeam
 
Webinar by OpenXcell Technolabs: Impacts of iOS 7 on App Marketers and Develo...
Webinar by OpenXcell Technolabs: Impacts of iOS 7 on App Marketers and Develo...Webinar by OpenXcell Technolabs: Impacts of iOS 7 on App Marketers and Develo...
Webinar by OpenXcell Technolabs: Impacts of iOS 7 on App Marketers and Develo...Jayneel Patel
 
Keep an eye out for the Top iPhone App Development Trends for 2023.pdf
Keep an eye out for the Top iPhone App Development Trends for 2023.pdfKeep an eye out for the Top iPhone App Development Trends for 2023.pdf
Keep an eye out for the Top iPhone App Development Trends for 2023.pdfTechugo
 
UX Masterclass at muru-D
UX Masterclass at muru-DUX Masterclass at muru-D
UX Masterclass at muru-DDoralin Kelly
 
Th eart of product management
Th eart of product managementTh eart of product management
Th eart of product managementKa !
 
The Art of Product Management
The Art of Product ManagementThe Art of Product Management
The Art of Product ManagementSachin Rekhi
 
iOS 7 UI Transition Guide
iOS 7 UI Transition GuideiOS 7 UI Transition Guide
iOS 7 UI Transition GuideEvgeny Belyaev
 
Learn the iOS App Development Process.pdf
Learn the iOS App Development Process.pdfLearn the iOS App Development Process.pdf
Learn the iOS App Development Process.pdfTechugo
 
Learn How to Get Started with iOS App Development.pptx
Learn How to Get Started with iOS App Development.pptxLearn How to Get Started with iOS App Development.pptx
Learn How to Get Started with iOS App Development.pptx75waytechnologies
 
Optimising Mobile Seminar, Melbourne & Perth-June'13
Optimising Mobile Seminar, Melbourne & Perth-June'13Optimising Mobile Seminar, Melbourne & Perth-June'13
Optimising Mobile Seminar, Melbourne & Perth-June'13Precedent
 
Step-by-Step Guide On iOS App Wireframing
Step-by-Step Guide On iOS App WireframingStep-by-Step Guide On iOS App Wireframing
Step-by-Step Guide On iOS App WireframingNicole Khoo
 
10 stages of mobile app development process 2022
10 stages of mobile app development process 202210 stages of mobile app development process 2022
10 stages of mobile app development process 2022SynapseIndia
 
Define & design apps for success en
Define & design apps for success enDefine & design apps for success en
Define & design apps for success enAcrmnet s.r.l.
 
20220728-iOSAppDev-MobileAppDev.pptx
20220728-iOSAppDev-MobileAppDev.pptx20220728-iOSAppDev-MobileAppDev.pptx
20220728-iOSAppDev-MobileAppDev.pptxSuman Garai
 
How to Create An iOS Application Development 9 Steps to Make It Happen
How to Create An iOS Application Development 9 Steps to Make It HappenHow to Create An iOS Application Development 9 Steps to Make It Happen
How to Create An iOS Application Development 9 Steps to Make It HappenCerebrum Infotech
 
Dev fest ile ife 2014-ux, material design and trends
Dev fest ile ife 2014-ux, material design and trendsDev fest ile ife 2014-ux, material design and trends
Dev fest ile ife 2014-ux, material design and trendsTunde Ojediran
 
Devmento발표100525
Devmento발표100525Devmento발표100525
Devmento발표100525jinwook shin
 

Semelhante a iOS7 (20)

Mobile App Development Proposal Template PowerPoint Presentation Slides
Mobile App Development Proposal Template PowerPoint Presentation SlidesMobile App Development Proposal Template PowerPoint Presentation Slides
Mobile App Development Proposal Template PowerPoint Presentation Slides
 
Webinar by OpenXcell Technolabs: Impacts of iOS 7 on App Marketers and Develo...
Webinar by OpenXcell Technolabs: Impacts of iOS 7 on App Marketers and Develo...Webinar by OpenXcell Technolabs: Impacts of iOS 7 on App Marketers and Develo...
Webinar by OpenXcell Technolabs: Impacts of iOS 7 on App Marketers and Develo...
 
Keep an eye out for the Top iPhone App Development Trends for 2023.pdf
Keep an eye out for the Top iPhone App Development Trends for 2023.pdfKeep an eye out for the Top iPhone App Development Trends for 2023.pdf
Keep an eye out for the Top iPhone App Development Trends for 2023.pdf
 
UX Masterclass at muru-D
UX Masterclass at muru-DUX Masterclass at muru-D
UX Masterclass at muru-D
 
Th eart of product management
Th eart of product managementTh eart of product management
Th eart of product management
 
The Art of Product Management
The Art of Product ManagementThe Art of Product Management
The Art of Product Management
 
iOS 7 UI Transition Guide
iOS 7 UI Transition GuideiOS 7 UI Transition Guide
iOS 7 UI Transition Guide
 
Coil Group Intro
Coil Group IntroCoil Group Intro
Coil Group Intro
 
iOS 7 Transition guide
iOS 7 Transition guideiOS 7 Transition guide
iOS 7 Transition guide
 
Learn the iOS App Development Process.pdf
Learn the iOS App Development Process.pdfLearn the iOS App Development Process.pdf
Learn the iOS App Development Process.pdf
 
Learn How to Get Started with iOS App Development.pptx
Learn How to Get Started with iOS App Development.pptxLearn How to Get Started with iOS App Development.pptx
Learn How to Get Started with iOS App Development.pptx
 
Optimising Mobile Seminar, Melbourne & Perth-June'13
Optimising Mobile Seminar, Melbourne & Perth-June'13Optimising Mobile Seminar, Melbourne & Perth-June'13
Optimising Mobile Seminar, Melbourne & Perth-June'13
 
Step-by-Step Guide On iOS App Wireframing
Step-by-Step Guide On iOS App WireframingStep-by-Step Guide On iOS App Wireframing
Step-by-Step Guide On iOS App Wireframing
 
Presentation
PresentationPresentation
Presentation
 
10 stages of mobile app development process 2022
10 stages of mobile app development process 202210 stages of mobile app development process 2022
10 stages of mobile app development process 2022
 
Define & design apps for success en
Define & design apps for success enDefine & design apps for success en
Define & design apps for success en
 
20220728-iOSAppDev-MobileAppDev.pptx
20220728-iOSAppDev-MobileAppDev.pptx20220728-iOSAppDev-MobileAppDev.pptx
20220728-iOSAppDev-MobileAppDev.pptx
 
How to Create An iOS Application Development 9 Steps to Make It Happen
How to Create An iOS Application Development 9 Steps to Make It HappenHow to Create An iOS Application Development 9 Steps to Make It Happen
How to Create An iOS Application Development 9 Steps to Make It Happen
 
Dev fest ile ife 2014-ux, material design and trends
Dev fest ile ife 2014-ux, material design and trendsDev fest ile ife 2014-ux, material design and trends
Dev fest ile ife 2014-ux, material design and trends
 
Devmento발표100525
Devmento발표100525Devmento발표100525
Devmento발표100525
 

Mais de Christian Glover Wilson

Mais de Christian Glover Wilson (8)

2016 Trends in Mobility
2016 Trends in Mobility2016 Trends in Mobility
2016 Trends in Mobility
 
Frictionless + on demand
Frictionless + on demandFrictionless + on demand
Frictionless + on demand
 
Responsive web design
Responsive web designResponsive web design
Responsive web design
 
iBeacon introduction and overview
iBeacon introduction and overviewiBeacon introduction and overview
iBeacon introduction and overview
 
Responsive web design and eCommerce
Responsive web design and eCommerceResponsive web design and eCommerce
Responsive web design and eCommerce
 
Rapid prototyping and sketching
Rapid prototyping and sketchingRapid prototyping and sketching
Rapid prototyping and sketching
 
Push to Engage
Push to EngagePush to Engage
Push to Engage
 
Tigerspike - Cybersecurity and Mobility in the Energy Industry
Tigerspike - Cybersecurity and Mobility in the Energy IndustryTigerspike - Cybersecurity and Mobility in the Energy Industry
Tigerspike - Cybersecurity and Mobility in the Energy Industry
 

Último

04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptxHampshireHUG
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitecturePixlogix Infotech
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonetsnaman860154
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityPrincipled Technologies
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationMichael W. Hawkins
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 3652toLead Limited
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersThousandEyes
 
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure serviceWhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure servicePooja Nehwal
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slidevu2urc
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘RTylerCroy
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024Scott Keck-Warren
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slidespraypatel2
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking MenDelhi Call girls
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Igalia
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar
 

Último (20)

04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
 
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure serviceWhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
 

iOS7

  • 1. iOS 7   Transition strategy Christian Glover Wilson   September 2013
  • 2. Introduction to Tigerspike   10 years at the forefront of mobile technology Over the past 10 years we have become recognised as the world's leading Personal Media Company by our competitors, partners and clients   ! 
 NEW YORK LONDON DUBAI SINGAPORE SYDNEY MELBOURNE SAN FRANCISCO
  • 3. Introduction to Tigerspike   Our “difference” is now baked into our DNA Creative Strategic User Experience   & Platform Technology AGENCIES
 TECH COMPANIES Technical (e.g. Ogilvy, Saatchi) (e.g. Accenture, Sapient)
  • 4. Consulting UI & UX Design Multi-platform   Development Licensing & Support Introduction to Tigerspike   Our end-to-end personal media technology offering * sample of clients
  • 5. Apple’s recommendations Tigerspike’s six key iOS 7 considerations And if you don’t update? The four-point transition strategy Unlock the Power of Personal Media   Agenda Apple’s three core iOS 7 principles iOS 7 Overview
  • 6. Unlock the Power of Personal Media iOS 7 Overview
  • 7. The biggest interface shift ever.

  • 8. Unlock the Power of Personal Media   iOS 7 Overview: The end of Skeumorphic design • What is Skeumorphic design?   • Why did Apple adopt it?   • What does Apple think of it now?
  • 9. We ran out of green 
 felt and wood
 “ Craig Federighi, 
 Apple's head of software engineering Unlock the Power of Personal Media   iOS 7 Overview: The end of Skeumorphic design
  • 10. Unlock the Power of Personal Media Apple’s three core iOS 7 principles
  • 11. Unlock the Power of Personal Media   Apple’s three core iOS 7 principles Deference.
 Content is at the center of the experience.
 Clarity.
 Text is legible at every size, icons are precise, adornments are subtle and appropriate. 
 Depth.
 Explore visual layers and realistic motion that heighten users’ delight and understanding.
  • 12. Unlock the Power of Personal Media   Apple’s three core iOS 7 principles: Deference iOS 6 iOS 7
  • 13. Unlock the Power of Personal Media   Apple’s three core iOS 7 principles: Clarity iOS 6 iOS 7
  • 14. Unlock the Power of Personal Media   Apple’s three core iOS 7 principles: Depth iOS 6 iOS 7
  • 15. Unlock the Power of Personal Media Apple’s recommendations
  • 16. By bringing fundamental and pervasive changes to the iOS experience, iOS7 provides a rare opportunity to revisit the way apps communicate their core purpose and functionality to users. “ Unlock the Power of Personal Media
  • 17. The amount of effort you’ll need to put into your transition strategy is dependent on what type of app you have: Unlock the Power of Personal Media   Apple’s recommendations Effort = min Standard app Effort = max Bespoke app Effort = med Visual Hybrid app
  • 18. Does your app need to support iOS 7?   • iOS users tend to be very quick to update their devices—it’s so easy and just works!   • Users expect their favorite apps to follow suit. Unlock the Power of Personal Media   Apple’s recommendations
  • 19. Unlock the Power of Personal Media Tigerspike’s six key   iOS 7 considerations
  • 20. Unlock the Power of Personal MediaUnlock the Power of Personal Media   Tigerspike’s six key iOS 7 considerations 1. The new aesthetic   2. Full bleed interfaces   3. Dynamic typography   4. Hierarchy conveyed through depth   5. Physics engine   6. Enhanced multitasking
  • 21. Unlock the Power of Personal MediaUnlock the Power of Personal Media   Six key considerations: #1 The new aesthetic A sense of calm and tranquility, 
 focus and efficiency. Navigation elements are translucent, buttons have lost their borders, tab bars, nav bars, search bars—everything is different. “
  • 22. Unlock the Power of Personal MediaUnlock the Power of Personal Media   Six key considerations: #1 The new aesthetic
  • 23. Unlock the Power of Personal Media • The burden of supporting the two styles
 Supporting iOS 6 and 7 is a lot of work.   • Rome wasn’t (re)built in a day!
 Don’t try to change everything at one.
 Start with a point release, then make major changes later. Unlock the Power of Personal Media   Six key considerations: #1 The new aesthetic
  • 24. Action plan: ü Notify your ‘brand guardians’ that they can expect significant changes to your mobile & tablet guidelines   ü Begin to consider how your brand is best represented aesthetically within this new ecosystem   ü Download, read and share the Human Interface & UI Transition Guidelines   ü Organise a point release with updated UI for iOS 7 release, then iterate towards a major release
 You also may need to:   • Redesign your iconography   • Up skill your UI & UX teams Unlock the Power of Personal Media   Six key considerations: #1 The new aesthetic
  • 25. Unlock the Power of Personal MediaUnlock the Power of Personal Media   Six key considerations: #2 Full bleed interfaces Make your apps more about your content and less about UI. More of the screen is available—take advantage of the increased real-estate. “
  • 26. Unlock the Power of Personal MediaUnlock the Power of Personal Media   Six key considerations: #2 Full bleed interfaces
  • 27. Unlock the Power of Personal MediaUnlock the Power of Personal Media   Six key considerations: #2 Full bleed interfaces • Taking your design full screen
 Scrolling now starts from the top of the screen.
 Consider how your content looks under a blurred bar.
 • Upgrading your custom chrome
 Custom chrome is hard to change.
 You may need to go back to a simpler design to achieve this.
  • 28. Unlock the Power of Personal Media   Six key considerations: #2 Full bleed interfaces Action plan: ü Educate your UI/UX teams about the graphical elements that allow you to take full advantage of the screen   ü Ensure your new iOS 7 apps do not include borders   ü Understand how the bars at the top and bottom of the screen should be semi-transparent allowing the content to scroll below them
  • 29. Unlock the Power of Personal Media iOS 7 uses a new dynamic type system designed to improve text legibility—regardless of the size it’s rendered at. Unlock the Power of Personal Media   Six key considerations: #3 Dynamic typography “
  • 30. Unlock the Power of Personal MediaUnlock the Power of Personal Media   Six key considerations: #3 Dynamic typography
  • 31. Unlock the Power of Personal MediaUnlock the Power of Personal Media   Six key considerations: #3 Dynamic typography • A whole new toolset
 Apple has given us a whole bunch of tools:
 - Text Kit
 - Dynamic Type
 - Text Styles
 - Traits   • Benefits
 Global text size rather than bespoke solution.
 Improved accessibility.   • Challenges
 How does your interface adapts to variable size fonts.
  • 32. Unlock the Power of Personal Media   Six key considerations: #3 Dynamic typography Action plan: ü Make a decision on if you will use Helvetica Neue for your apps (recommended)   ü If not using your own fonts, consider how they will work within the new, refined aesthetic   ü Notify ‘brand guardians’ of potential changes
  • 33. Unlock the Power of Personal Media Use transparencies and transitions to help communicate hierarchical position—this aids the users ‘mental model’ helping them to navigate Unlock the Power of Personal Media   Six key considerations: #4 Hierarchy conveyed   through depth “
  • 34. Unlock the Power of Personal MediaUnlock the Power of Personal Media   Six key considerations: #4 Hierarchy conveyed   through depth
  • 35. Unlock the Power of Personal MediaUnlock the Power of Personal Media   Six key considerations: #4 Hierarchy conveyed   through depth • What did Apple do with the Calendar app?
 Timescales were unrelated in iOS 6.
 Dates now relate to each other in iOS 7.   • Redesigning your app to focus on its hierarchy
 Focus on how your content relates to itself.
 Help the customer build a mental model of your content.
  • 36. Action plan: ü Adopt the translucent interface elements   ü Redesign custom navigation bars   ü Re-imagine your user experience to take advantage of this new paradigm to keep ahead Unlock the Power of Personal Media   Six key considerations: #4 Hierarchy conveyed   through depth
  • 37. Unlock the Power of Personal MediaUnlock the Power of Personal Media   Six key considerations: #5 Physics engine
  • 38. Unlock the Power of Personal Media This signifies the move away from interaction design completely communicated with chrome and skeuomorphic design—there is now a focus on the ‘holistic’ experience Unlock the Power of Personal Media   Six key considerations: #5 Physics engine “
  • 39. Unlock the Power of Personal MediaUnlock the Power of Personal Media   Six key considerations: #5 Physics engine • Make your animations and transitions interactive
 iOS 6 the animation and transitions were canned, not engaging.
 iOS 7 allows interactive animations and transitions, depth.   • You don’t need to be a rocket scientist 
 Apple has made this really easy.
 Driven by simple behaviors.   • “Hybrid” apps are missing out
 Lots of work to do this, Apple has made it easy.
 Rethink your strategy.
  • 40. Unlock the Power of Personal Media   Six key considerations: #5 Physics engine Action plan: ü Analyse your brand / app identity and how real-world feedback can enhance the user experience   ü Look at how you can enhance your iOS7 apps to create an immersive, fun and highly engaging experience   ü Utilise the physics engine to create amazing transitions that help the user navigate your experience while delighting them!
  • 41. iOS 7 multitasking is a new way for every app to multitask intelligently —without a huge hit to battery life or performance. Unlock the Power of Personal Media   Six key considerations: #6 Enhanced multitasking “
  • 42. Unlock the Power of Personal MediaUnlock the Power of Personal Media   Six key considerations: #6 Enhanced multitasking
  • 43. Unlock the Power of Personal MediaUnlock the Power of Personal Media   Six key considerations: #6 Enhanced multitasking • Content updating in iOS 6
 Spinners, user has to wait & bad when we have no network.   • Background updating in iOS 7
 Fetch and remote notifications.   • What does this mean for your users?
 Less waiting.
 More engaging.
 No spinners.
  • 44. Action plan: ü When you do your major iOS 7 release, ensure you are making the most out of the new multitasking features   ü Ensure that your Software engineers are well-versed on how to implement optimised multi-tasking Unlock the Power of Personal Media   Six key considerations: #6 Enhanced multitasking
  • 45. And if you don’t update? Unlock the Power of Personal Media
  • 46. Unlock the Power of Personal MediaUnlock the Power of Personal Media   And if you don’t update?
  • 47. The four-point transition strategy Unlock the Power of Personal Media
  • 48. Unlock the Power of Personal Media   The four-point transition strategy 1. Compile and test your iOS 6 app(s) on iOS 7 ASAP   2. Get a point release ready with updated iOS 7 UI components (and any bugs fixed) for when the update arrives ‘in fall’   3. Begin work on your next major release reimaging your experience to take full advantage of the OS   4. Don’t boil the ocean—release, iterate & release.

  • 49. Unlock the Power of Personal MediaUnlock the Power of Personal Media   New exciting features to keep in mind (1500 APIs!)
  • 50. Thank you!   Upcoming events ! Round-table session – San Francisco   ! Date Sept-10   Time 8am-10am   Location 875 Howard St, 6th Floor
  • 51. Contact information Alex Hall, President Tigerspike Americas
 alex@tigerspike.com | +1 646 558 3254    Christian Glover Wilson, VP, Technology & Strategy
 christian.gloverwilson@tigerspike.com | +1 917 310 5249 Americas
 133 W 19th St, 7th Floor
 New York NY 10011
 +1 646 330 4636
 americas@tigerspike.com EMEA
 Level G, 1 & 3
 18 Buckingham Gate
 London SW1E 6LB
 +44 20 7148 6600
 emea@tigerspike.com Asia Pacific
 Level 1 
 28 Richards Avenue, Surry Hills 
 Sydney NSW 2010
 +61 2 9361 5132
 asia-pacific@tigerspike.com