360|idev 2014 – your app and the world

46
!"# Your app and the world Thinking globally every step of the way Tom Maes @tmaes

Upload: tom-maes

Post on 24-Jun-2015

63 views

Category:

Software


2 download

DESCRIPTION

Your App and the World – Thinking globally every step of the way. Talk delivered in August 2014 at the 360|iDev Conference in Denver. Explains why planning for a global audience for your iOS app is more important than ever today and how to go about it at every step of your development life cycle.

TRANSCRIPT

Page 1: 360|iDev 2014 – Your App and the World

!"# Your app and the worldThinking globally every step of the way

Tom Maes @tmaes

Page 2: 360|iDev 2014 – Your App and the World
Page 3: 360|iDev 2014 – Your App and the World
Page 4: 360|iDev 2014 – Your App and the World

Agenda❓ Why

% Definitions

& Roadmap

' Translation

Page 5: 360|iDev 2014 – Your App and the World

❓ Why

Page 6: 360|iDev 2014 – Your App and the World

© 2013 Apple Inc. All Rights Reserved.

Page 7: 360|iDev 2014 – Your App and the World

©2014 Horace Dediuhttp://www.asymco.com/2014/05/19/think-local-act-global-2/

Page 8: 360|iDev 2014 – Your App and the World

©2014 Horace Dediuhttp://www.asymco.com/2014/05/19/think-local-act-global-2/

Page 9: 360|iDev 2014 – Your App and the World

– Tim Cook on Apple’s 2014 Q3 earnings

“China honestly was surprising to us. We thought it would be strong, but it well went past

what we thought.”

Page 10: 360|iDev 2014 – Your App and the World

– Tim Cook on Apple’s 2014 Q3 earnings

“In the BRIC countries [Brazil, Russia, India and China], iPad did extremely well. The growth was very high. Like in China, it was in the 50s, the Middle East it was in the 60s; in the developed countries, like the

US, the market is clearly weaker there.”

Page 11: 360|iDev 2014 – Your App and the World

( Evolving customer profile

Most smartphone users download zero apps per monthBy Dan Frommer @fromedome August 22, 2014

Page 12: 360|iDev 2014 – Your App and the World

) *

Page 13: 360|iDev 2014 – Your App and the World

Unbundling Mobile Apps for the Emerging Marketshttp://lightspeedindia.wordpress.com/2014/06/12/unbundling-mobile-apps-for-the-emerging-markets/

+ Internationalizing == improving

Page 14: 360|iDev 2014 – Your App and the World

Observe

( Evolving customer profile

+ Internationalizing == improving

, Leverage your & Apple’s efforts

❓ Why

Page 15: 360|iDev 2014 – Your App and the World

internationalization localization

% Definitions

Page 16: 360|iDev 2014 – Your App and the World

i18n l10n

% Definitions

Page 17: 360|iDev 2014 – Your App and the World

http://www.inquisitr.com/670673/walmart-apparently-doesnt-use-google-translate/

Page 18: 360|iDev 2014 – Your App and the World
Page 19: 360|iDev 2014 – Your App and the World
Page 20: 360|iDev 2014 – Your App and the World
Page 21: 360|iDev 2014 – Your App and the World
Page 22: 360|iDev 2014 – Your App and the World
Page 23: 360|iDev 2014 – Your App and the World
Page 24: 360|iDev 2014 – Your App and the World
Page 25: 360|iDev 2014 – Your App and the World

Test

Release Develop

Define

DesignMaintain

& Roadmap

Page 26: 360|iDev 2014 – Your App and the World

- -- --- ---- ./012

Page 27: 360|iDev 2014 – Your App and the World

Bar Icons 55Graphics 56

Terminology and Wording 57

Integrating with iOS 59Use Standard UI Elements Correctly 59Respond to Changes in Device Orientation 60Downplay File and Document Handling 62Be Configurable If Necessary 63Take Advantage of iOS Technologies 64

Design Strategies 65

Design Principles 66Aesthetic Integrity 66Consistency 67Direct Manipulation 68Feedback 69Metaphors 69User Control 70

From Concept to Product 71Define Your App 71

1. List All the Features You Think Users Might Like 712. Determine Who Your Users Are 723. Filter the Feature List Through the Audience Definition 724. Don’t Stop There 72

Tailor Customization to the Task 73Prototype & Iterate 75

Case Study: From Desktop to iOS 77Keynote on iPad 77Mail on iPhone 79Web Content in iOS 81

Running on iPhone 5 82

iOS Technologies 89

2013-‐10-‐22 | Copyright © 2013 Apple Inc. All Rights Reserved.

3

Contents

Test

Release Develop

Define

DesignMaintain

The HIG

Page 28: 360|iDev 2014 – Your App and the World

Bar Icons 55Graphics 56

Terminology and Wording 57

Integrating with iOS 59Use Standard UI Elements Correctly 59Respond to Changes in Device Orientation 60Downplay File and Document Handling 62Be Configurable If Necessary 63Take Advantage of iOS Technologies 64

Design Strategies 65

Design Principles 66Aesthetic Integrity 66Consistency 67Direct Manipulation 68Feedback 69Metaphors 69User Control 70

From Concept to Product 71Define Your App 71

1. List All the Features You Think Users Might Like 712. Determine Who Your Users Are 723. Filter the Feature List Through the Audience Definition 724. Don’t Stop There 72

Tailor Customization to the Task 73Prototype & Iterate 75

Case Study: From Desktop to iOS 77Keynote on iPad 77Mail on iPhone 79Web Content in iOS 81

Running on iPhone 5 82

iOS Technologies 89

2013-‐10-‐22 | Copyright © 2013 Apple Inc. All Rights Reserved.

3

Contents

Test

Release Develop

Define

DesignMaintain

The HIG

Page 29: 360|iDev 2014 – Your App and the World

“it’s really important that you’re a student of the App Store”

– David Smithhttp://developingperspective.com/2012/07/26/68/

Test

Release Develop

Define

DesignMaintain

Page 30: 360|iDev 2014 – Your App and the World

© Flurry Inc.http://blog.flurry.com/bid/94447/The-New-Global-App-Market

Test

Release Develop

Define

DesignMaintain

Page 31: 360|iDev 2014 – Your App and the World

Test

Release Develop

Define

DesignMaintain

Page 32: 360|iDev 2014 – Your App and the World

Test

Release Develop

Define

DesignMaintain

Page 33: 360|iDev 2014 – Your App and the World

( Think globally about your customer

3 Student of the App Store

4 Evaluate external dependencies

✏️ User-generated content

7 “le hasard ne favorise que les esprits préparés”

Test

Release Develop

Define

DesignMaintain

Page 34: 360|iDev 2014 – Your App and the World

8 First localization feedback

9 Pseudolocalization

❔ Question text

; Fonts, colors, symbols

☑️ Language selection UI

Test

Release Develop

Define

DesignMaintain

Page 35: 360|iDev 2014 – Your App and the World

*Apple Internationalization and Localization Guide

=⚠️ %!RTFM*User-facing strings NSLocalizedString,!ibtool,!XLIFF,!

stringdict

Enumerating, searching and sorting text NSString,!Unicode

Fixed layouts Auto!Layout

Displaying and calculating dates and times NSDateFormatter,!NSDate

Numbers, currency, and byte counts NSNumberFormatter

Quotes, currency symbols, people names, … NSLocale,!Address!Book

Processing user input NSLinguisticTagger,!NSDataDetector,!textInputMode,!markedTextRange

Display of amounts or durations of time NSDateComponentsFormatter,!NSDateIntervalFormatter

Health-related: Energy, length, mass NSEnergyFormatter,!NSLengthFormatter,!NSMassFormatter

Capitalizing text Formatting!Contexts

Test

Release Develop

Define

DesignMaintain

Page 36: 360|iDev 2014 – Your App and the World

Test

Release Develop

Define

DesignMaintain

% Use the Frameworks

? Other resources

@ Custom UI components

A External libraries

B Server-side

Page 37: 360|iDev 2014 – Your App and the World

Test

Release Develop

Define

DesignMaintain

C Test, test, test

9 [((Pšëūdøłôçäłížætìôń))]

D Screenshots & builds for localizers

E Xcode 6 previews

F Automate

Page 38: 360|iDev 2014 – Your App and the World

Test

Release Develop

Define

DesignMaintain

G Description & keywords

H Other metadata

I Marketing

J Global networking

Page 39: 360|iDev 2014 – Your App and the World

K Apologise

L FAQ

M Analyze & log

N Track bugs

O Exploit surprises

Test

Release Develop

Define

DesignMaintain

Page 40: 360|iDev 2014 – Your App and the World

Cheap

GoodFastP

Q

' Translations

Page 41: 360|iDev 2014 – Your App and the World

Source: Facebook; uploaded by Samuel Osouf; taken on the Beijing-Taiyuan expressway in June, 2008http://languagelog.ldc.upenn.edu/nll/?p=301

Page 42: 360|iDev 2014 – Your App and the World

' Translations

R Secret weapon: AppleGlot glossaries

Page 43: 360|iDev 2014 – Your App and the World
Page 44: 360|iDev 2014 – Your App and the World
Page 45: 360|iDev 2014 – Your App and the World

ST QU

Conclusion

Page 46: 360|iDev 2014 – Your App and the World

VThank You!Ready to go global? !"#

https://developer.apple.com/internationalization/ % Apple Internationalization and Localization Guide

W WWDC 2013 Session 219: Making Your App World-ReadyW WWDC 2014 Session 201: Advanced Topics in Internationalization

W WWDC 2014 Session 412: Localizing with Xcode 6

iOS 7 Tech Talk VideosW App Store Distribution and Marketing for AppsW App Store Distribution and Marketing for Games

Tom Maes @tmaes