Révolution mobile

@AlexJubien

@AlexJubien

Pioneer of mobile development

2003 - 2007

Games

2003 - 2007

Games Apps

Deezer

2008 - 2012

Deezer Viadeo

2008 - 2012

ThinkMobileMobile Strategy Consulting

Passion Expertise Commitment

Social Strategy Monetization M-Commerce

Webapps Innovation iPad Apps Product iPhone Usage

Android Agile R&D Blackberry Multiplatform Windows Phone

Massive Downloads Marketing Appstores

Investment Audit Solutions

Let’s go!

Smartphones ?

Smartphones ?49%

Trafic web mondial ?

Trafic web mondial ?15 à 20%

Plus de SIMs activées que d’hommes sur terre

Mobile guru @TomiAhonen

Plus adopté que le stylo !!!

Mobile guru @TomiAhonen

/AngryBirds

Man on the moon

Révolutionnaire

Pourquoi ?

Partout, tout le temps

Même là – 75% !

Parité

There’s an app for that

1er appareil connecté qu’on a toujours sur soi

Compagnon de vie

Compagnon de vie

Vie

=gens moments lieux objets

Compagnon de vie

Vie

=gens moments lieux objets

Facebook Path Foursquare Pinterest

Monde digital / Monde physique

Monde digital / monde physique

Code barre

Code barre

Chasse aux trésors

Scanbucks

Comparateur de prix

Prixing

QR Code

30%

http://bit.ly/AlexJubien

QR Code

• Catalogue papier (But)• Magazines (Inrocks)• Affiches• Emballage Produits

(colle Pater)• Street marketing• …http://bit.ly/AlexJubien

Réalité augmentée

Réalité augmentée Géoloc

Réalité augmentée Géoloc

M-Paiement

Réalité augmentée Géoloc

M-Commerce M-Paiement

M Commerce

Tesco virtual supermarket in a subway station - South Korea

Le mariage de la vente physique et digitale

Source : Kontestapp - http://fr.slideshare.net/Kontest/strategie-web-tostorefr

M2Store / trafic en magasin

Bon plans en magasin

PassVip

Collecte de points

Shopkick

PassBook

• Quoi : coupons, tickets, cartes de fidélité, bons d’achat, …

iBeacon

iBeacon

Instantanéité

5 h

TV

Météo

5 h

TV Web

5 m

Météo

5 h

TV Web

5 m

Mobile

5 s

Météo

Vos désirs exaucés

Vos désirs exaucés

5 sEnvie d’écouter

une musique

Deezer

Vos désirs exaucés

5 sEnvie d’écouter

une musique

Besoin d’appelerun contact pro

5 s

Deezer

Viadeo

Facilité d’utilisation

Facilité d’utilisation

Réduire les points de friction

La friction

Ce qui empêche nos utilisateurs / consommateurs d’avancer

Anti friction services

Support

Video InApp LiveChat (EN)

Techcrunch: Reduce Friction, Increase Happiness

Location de voiture entre particuliers

Pb = récupérer les clés

Techcrunch: Reduce Friction, Increase Happiness

Location de voiture entre particuliers

Pb = récupérer les clés

Getaround Carkit

Techcrunch: Reduce Friction, Increase Happiness

Hub des capteurs

IoT /

Objets Connectés

miCoach

Adidas miCoach

Suivi entrainement sportif

Thermostat Nest

On ajoute des capteurs, on se rajoute des pouvoirs

Des supers pouvoirs ?

Qui est télépathe ?

Transmission de pensée 1.0 :

• Latence de 30 secondes

• Nécessite de parler à voie haute

• Ne marche pas toujours => messagerie

Pouvoirs

Pouvoir

Transmission de pensée

Omniscience

Télékinésie

Maîtrise du temps

Prévoir l’avenir

Etre invincible / guérir

Lancer des éclairs

Voler

Téléportation

Pouvoir Version

Transmission de pensée 1.0

Omniscience 0.8

Télékinésie 0.3

Maîtrise du temps 0.3

Prévoir l’avenir 0.1

Etre invincible / guérir 0.3

Lancer des éclairs 0

Voler 0.5

Téléportation 0.2

Pouvoir Version Mobile powered

Transmission de pensée 1.0

Omniscience 0.8

Télékinésie 0.3

Maîtrise du temps 0.3

Prévoir l’avenir 0.1

Etre invincible / guérir 0.3

Lancer des éclairs 0

Voler 0.5

Téléportation 0.2

Pouvoir Version Mobile powered

Transmission de pensée 1.0

Omniscience 0.8

Télékinésie 0.3

Maîtrise du temps 0.3

Prévoir l’avenir 0.1

Etre invincible / guérir 0.3

Lancer des éclairs 0

Voler 0.5

Téléportation 0.2

Conscience / intelligence collective 2.0

+ 3D printing

Donnez du (super)pouvoir à vos utilisateurs / clients !

Clivage ?

EM Countries

Cours des céréales par SMS

EM Countries

Transfert d’argentpar SMS

Et maintenant ?

Révolution tablette ?

Transport

TV

Info

Cinéma

Entreprise

Art

Voyage

Cuisine

Santé

Banque

Education

Musique

Presse

Livres

Sécurité

Tourisme

Jeux

Shopping Armée

Mode

Transport

TV

Info

Cinéma

Entreprise

Art

Voyage

Cuisine

Santé

Banque

Education

Musique

Presse

Livres

Sécurité

Tourisme

Jeux

Shopping Armée

Mode

Transport

TV

Info

Cinéma

Entreprise

Mark Andreessen on Why Software Is Eating the World

Art

Voyage

Cuisine

Santé

Banque

Education

Musique

Presse

Livres

Sécurité

Tourisme

Jeux

Shopping Armée

Mode

Disruption

? ? ? ? ??

Google Glasses

Eye control

Tatouages électroniques

Allons-nous devenir des machines ?

Etape : interagir avec des machines qui nous ressemblent

Etape : interagir avec des machines qui nous ressemblent

L’interface homme machines ultime

The scary slides

Faisons nous un peu peur

Une entreprise à la pointe de :

MobileInformation

Intelligence artificielleBiotech

Robotique…

« Nous avons peur de Google »

« La stratégie secrète de Google apparaît… »

Don’t be evil(ouf !)

Transhumanisme

www.sarifindustries.com

L’homme augmenté :

Êtes-vous prêts à devenir des machines ?

Qu’est ce qui va nous faire craquer ?

L’homme qui vivra 1000 ansest déjà né

Laurent Alexandre – TEDx Paris

Qqs Recos

Mobile product = product

Build the right product

+

Build it right and nice !

Product that people love =

Customer development / Lean Startup

+

Build it right and nice !

Product that people love =

Customer development / Lean Startup

+

Agile / Scrumand nice !

Product that people love =

Customer development / Lean Startup

+

Agile / ScrumDesign / UX

Product that people love =

Customer development / customer communication

• Vital sur mobile

• Commentaires app stores = la jungle

• Communication directe / support

• Learn

Trend : InApp feedback

Etes-vous satisfait ?

InApp feedback

Etes-vous satisfait ?

Notez l’app !

Oui

App store

InApp feedback

Etes-vous satisfait ?

Notez l’app !

Donnez-nous votre feedback

Oui Non

App store

InApp feedback

Etes-vous satisfait ?

Notez l’app !

Donnez-nous votre feedback

Oui Non

App store

126

InApp feedback

Un mécanisme vertueux pour le produit et pour le marketing :

Favoriser les bonnes notes

Eviter les avis négatifs

Transformer les utilisateurs mécontents en satisfaits + bonnes notes

Récupérer retours et suggestions, avec le contact de l’utilisateur

UI: Keep it simple

En mettre trop

Vouloir (trop) innover sur l’UI/UX

Vouloir (trop) innover sur l’UI/UX

• Risqué, demande de l’expertise, coûteux !

• Se concentrer sur le cœur de métier pour la différentiation

• Contre exemples / besoins de différentiation : Flipboard, Fantastical, Mailbox, Any.do, Path, …

Animations et effets ‘Wow!’

• Plus tard

• Ca ne fait pas le produit

• Tjrs plus impactant que prévu niveau charge (réglages, allers / retours, …)

• Vous avez mieux à faire de votre temps / argent

Nice but costly

Menu Path Timer Path

Nice but costly

Menu Linkedin

Design / customisationex. Toolbar (iOS6)

Message Mail Message Viadeo Playlist Deezer

Design / customisationex. Toolbar (iOS7)

Message Mail Message Viadeo Playlist Deezer

Ne pas réinventer la roue

• Apple, Google, MS… ont investi des millions dans l’UI/UX des OS

• Utilisez au maximum les composants de base / guidelines de l’OS

• Vos utilisateurs s’y retrouveront

Question :

Qui connaît parfaitement les plateformes mobiles ?

Méthodos

Inclure les développeurs dans la conception !

Inclure les développeurs dans la conception !

• Ils ont une connaissance approfondie des plateformes

• Ils trouvent des raccourcis techniques

• Souvent sensibles au produit / utilisateurs

• En phase avec Lean et agilité

Agile

• SCRUM, Kanban, eXtreme Programming…

• Processus itératif

• Favoriser la communication orale

• Des pratiques et des outils pas trop embêtants, que l’équipe choisit d’utiliser

A

B

C

Itératif = droit au changement

changement

143

Conception itérative

• La conception est en avance de phase sur les développements

• Mais les sprints débutent avant la fin de la conception

144

Conception itérative

• La conception est en avance de phase sur les développements

• Mais les sprints débutent avant la fin de la conception

Développements

Conception

2 weeks

145

Conception itérative

• La conception est en avance de phase sur les développements

• Mais les sprints débutent avant la fin de la conception

Développements

Conception

Réus conception / UX incluant les dévelopeurs

146

Conception itérative

• La conception est en avance de phase sur les développements

• Mais les sprints débutent avant la fin de la conception

Développements

Conception

Réus conception / UX incluant les dévelopeurs

147

Conception itérative

Sprint 1

• La conception est en avance de phase sur les développements

• Mais les sprints débutent avant la fin de la conception

Développements

Conception

Réus conception / UX incluant les dévelopeurs

148

Conception itérative

Sprint 1 Sprint 2

• La conception est en avance de phase sur les développements

• Mais les sprints débutent avant la fin de la conception

Développements

Conception

Réus conception / UX incluant les dévelopeurs

149

Conception itérative

Sprint 1 Sprint 2 Sprint 3

• La conception est en avance de phase sur les développements

• Mais les sprints débutent avant la fin de la conception

Développements

Conception

Réus conception / UX incluant les dévelopeurs

Brise glace : principe

• En cas de développement multi-plateforme (iOS, Android, Webapp, …)

• On ne lance pas les devs en parallèle

• On utilise une des plateformes comme fer de lance

Brise glace : avantages

• Les apprentissages d’un projet servent aux autres projets :

Choix produit Choix techniques Méthodos / amélioration continue

• Surtout utile pour les réglages de l’API

• Paralléliser, il faut le faire intelligemment

Mobile 1st

• Méthode de conception avant tout

• On conçoit pour mobile (+contraint), puis on enrichit pour desktop et tablette

• Oblige à se concentrer sur l’essentiel

• Souvent lié au Responsive Design

Mobile 1st

Source : Infographie UX by Octo : Responsive et Mobile First

Recos produit mobile

On boarding

Mettre plus de travail sur les 1ers contacts avec le service (login, inscription, home, …)

• Tester régulièrement l’expérience pour un nouvel utilisateur

• Upsell features / call to action

On boarding

Design for interruption

PC/Tablet = Scubadiving Mobile = Snorkeling

Rachel @Hinman

Design for interruption

• Attention partielle

• Prévoir les interruptions => sauvegarder les états

• Prévoir le retour à l’application

Design for interruption

• Attention partielle

• Prévoir les interruptions => sauvegarder les états

• Prévoir le retour à l’application

• Et n’interrompez pas trop non plus ! (notifs)

Design for speed

• Caching de contenus

• Actions instantanées et offline

• Amélioration de la vitesse perçue

• Adaptation au réseau

• Réduction de latence, grouping et compression

Caching de contenu

• Certains contenus sont accessibles en offline (caching ou synchronisation)

• On peut utiliser ces contenus immédiatement

• L’application démarre en offline puis elle se connecte dans un 2nd temps

• Ex. : Deezer, Pocket, Viadeo, …

Actions instantanées et offline

• L’action est ‘enregistrée’ immédiatement

• La requête est envoyée à la prochaine connexion

• Exemples dans Pocket et Mail : envoi, tags, marquage lu, …

• On peut agir même sans réseau !

Adaptation au réseau

• A considérer : différencier le comportement de l’appli en fonction du réseau

• Ex. pour une appli de réseau social : Wifi : pré-caching des contacts et images de contacts

en tâche de fond, données en https car peu sécurisé

3G : fonctionnement standard, pas de https (trop lourd)

2G / Edge : fonctionnement dégradé, pas de chargement des images

Latence

Conne

xion

au s

erve

ur

tempsR

écupération

des données

Latence

2G : jusqu’à 5 secondes !

Conne

xion

au s

erve

ur

tempsR

écupération

des données

LatenceExp

érie

nces

Etude

s

Compé

tenc

es1 sec 2 sec 3 sec

Latence => GroupingExp

érie

nces

+ é

tude

s

+ co

mpé

tenc

es

1 sec 2 sec 3 sec

Grouping + compression(zip)

Expér

ienc

es +

étu

des

+ co

mpé

tenc

es

1 sec 2 sec 3 sec

Compression

• A considérer : lors de la requête pour une liste, charger les données des éléments

• Grâce à la compression, ça ne coûte pas trop cher côté réseau

• Mais impact côté serveur

Vitesse perçue

A minima, améliorer la perception de l’utilisateur :• Chargement d’un minimum

de données en amont• Actions possibles

Vitesse perçue

A minima, améliorer la perception de l’utilisateur :• Chargement d’un minimum

de données en amont• Actions possibles• Chargement de données

secondaires

Tools

http://www.developereconomics.com/tools/