Revolution Mobile @Web2day
-
Upload
alexandre-jubien -
Category
Internet
-
view
3.245 -
download
1
description
Transcript of Revolution Mobile @Web2day
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/