Upload
christian-glover-wilson
View
82
Download
1
Tags:
Embed Size (px)
Citation preview
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
CreativeStrategic 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 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
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.
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 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 stylesSupporting 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 screenScrolling 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 toolsetApple has given us a whole bunch of tools: - Text Kit - Dynamic Type - Text Styles - Traits
• BenefitsGlobal text size rather than bespoke solution.Improved accessibility.
• ChallengesHow 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 hierarchyFocus 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 interactiveiOS 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 outLots 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 6Spinners, 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
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 [email protected] | +1 646 558 3254 Christian Glover Wilson, VP, Technology & [email protected] | +1 917 310 5249
Americas133 W 19th St, 7th FloorNew York NY 10011+1 646 330 [email protected]
EMEALevel G, 1 & 318 Buckingham GateLondon SW1E 6LB+44 20 7148 [email protected]
Asia PacificLevel 1 28 Richards Avenue, Surry Hills Sydney NSW 2010+61 2 9361 [email protected]