112
Host By

Parlons App Economie : du dev à l'usage

Embed Size (px)

Citation preview

Host By

LaFrenchMobile, 1er communauté́ de l’industrie mobile créé en 2010 regroupant + de 400 Entreprises. Le But est d’offrir plus d’expositions à ses membres à travers un certain nombre de services (Offres de Job, Communiques de Presse, Annuaire, Market Brief....)

LafrenchmobileDAY, Un thème traitée, avec une dizaine d’experts afin d’apporter la réflexion et l’inspiration aux entreprises qui souhaitent être en avance sur leur marché.

Meetup, La communauté́ se réunit tous les 2 mois lors d’une soirée pour écouter les startup sur un sujet et cela depuis 2010.

Parlons App Economie : du Dev à l’usage

Plusde3,5et2millionsd’applissurGooglePlayetl’AppStored’iOSrespectivementetl’équivalentd’unmoisparandetempspassésurlesapplisparutilisateurdanslespaysdéveloppés.

Bla Bla Bla By Christophe RomeiiOS 11 Vs Android By SFEIRDEV By dzmobUX By Laurent GallenAMF By Raphael Chenol Hamak

Ø ACQUISITIONØ MONETISATIONØ FIDELISATION

Parlons App Economie : du Dev à l’usage

Parlons App Economie : du Dev à l’usage

Parlons App Economie : du Dev à l’usage

Parlons App Economie : du Dev à l’usage

Parlons App Economie : du Dev à l’usage

+86% de dépense #iOS aux US d'ici 2020 avec 88$ par an et utilisateur

Parlons App Economie : du Dev à l’usage

Acquisition : TéléchargementActivation : Inscription Rétention : Récurrence Monétisation : Augmenter le revenu

User

Parlons App Economie : du Dev à l’usage

Parlons App Economie : du Dev à l’usage

Vous constituer une base email (Teaser)App Store Optimisation

(PR, presse, blog, social, influence)Payant (Facebook, Twitter, Ad)PartenaireViral

Acquisition

Content

Parlons App Economie : du Dev à l’usage

Activation

UX First time user experience

Parlons App Economie : du Dev à l’usage

Rétention

ProduitFirst time user experienceAnalytic (data, ux)NotificationLocalisationOnboardingCommunauté

Parlons App Economie : du Dev à l’usage

Monétisation

FreemiumPayantAchat in-AppAdsAbonnement

PaiementOperateurPaypal...CB

Revenu

Mohamed TAIEB

@taiebmd

1

Android Oreo

2

Mohamed TAIEB

Web & Mobile Developer Advocate

@taiebmd

ABOUT ME

https://www.linkedin.com/in/taiebmd

@sfeir www.sfeir.com

Mobile Dev BackEnd FrontEnd3@taiebmd

4

Android Oreo

@taiebmd

5

Boots 2x Faster

6

Picture in Picture

7

Notification Improvements

8

App Shortcuts and Widgets

9

Snooze Notifications

10

Notifications Background

11

Messaging Style Improvements

@taiebmd

12

Smart Text Select

@taiebmd

13

Autofill Logins

14

Autofill Logins

@taiebmd

15

Adaptive Icons

@taiebmd

16

Android Instant Apps

17

Multi-Fenêtre (Dev Preview)

@taiebmd

18

Background Limites

@taiebmd

19

Night Light Slider

@taiebmd

20

New Battery Settings

21

New Quit Settings Look

22

Auto-enable Wi-Fi

@taiebmd

23

Google Play Protect

@taiebmd

24

New Settings Menu

25

Latest emojies

26

Mohamed TAIEB@taiebmd

MERCI !

Android Oreo

Sarra SRAIRI@SarraSrairi

1

About iOS

2

Sarra SrairiiOS Software Engineer

@SarraSrairi

3

2017SIRI

MacOS High Sierra

- Control center

- Airdrop

- Lock screen

- Live photo

- new feature iPad

- Apple Pay

- ARKit

- CoreML

- SiriKit

- MusicKit

- Homekit

- Business chat

User

Developer

4

Control center

Redesign du centre de contrôle

5

Lock screen + Notifications

Les notifications groupées dans l’écran de

verrouillage

6

Live Photo

Les Live Photos, vous n’aimiez pas ?

7

Apple Pay

s'échanger directement de l'argent, de personne

à personne

8

App Files

Des fichiers pour regrouper des drives

9

Automatic Setup

Configuration automatique des

nouveaux appareils

10

Indoor mapping

1111

iPad : new Dock

Le mode multitâche pour utiliser deux apps en même

12

iPad : Drag & drop

Passer du contenud’une application à une

autre

13

Instant Markup

Un Markup instantané

qui permet d’annoter

à l’aide d’un crayon

14

CarPlay

Un guidage sur voie pour indiquer quand l'utilisateur doit effectuer un changement de

route15

Apps Maps

Notifications

SIRI

ARKit

Framework puissant de réalité augmenté

16

Meilleurs Applications

Air MeasureApp

Atlas d’anatomie humaine 2018

Machine Learning Core ML

Core ML profite parfaitement du CPU et du

GPU pour offrir des performances et une efficacité maximales

17

HomeKit

18

19

What about Security?

Location services Privacy

L’activation de "While

Using the App" est disponible pour toutes

les applications

20

SAFARI : Prevent Cross-Site Tracking

Stopper le tracking des sites webs

Attention cette option est activée par défaut !

21

Emergency SOS

« Auto Call » qui compose immédiatement le numéro enregistré dans

l’app santé, Vous Appuyez rapidement à

cinq reprises sur le bouton latéral.

22

Do not disturb while driving

Coupe toutes les notifications entrantes lorsqu’il est connecté à un Bluetooth ou WiFi

d’une voiture

23

24

Sarra Srairi@SarraSrairi

Merci de votre attention !

Technologies de développement mobileFocus sur l’hybride natif

DzMob

Sommaire

● Développement natif & hybride● Problèmes rencontrés avec l’hybride natif● Les différentes technologies● Exemples d’application réalisées

Développement natif & hybride

● Une seule compétence● Gain en délai● Gain en budget● Maintenabilité plus facile● 2 modèles hybride :

○ Hybride natif○ Hybride web : Ionic par exemple

Hybride● Développement iOS : Objective-C, Swift● Développement Android : Java● 2 compétences distinctes● Délais● Budget

Natif

Problèmes rencontrés avec l’hybride natif

Pérennité

Communauté

Intégration de modules tiers : Push segmenté, Mobile

App Tracking, Retargeting, solutions d’Analytics…

Réactivité face aux mises à jours...

Open source, technologies standards : javascript....

Support payant éventuellement

Pont natif, communauté

Pont natif

Les différentes technologies

Titanium (Axway Appcelerator) React Native (Facebook) Native Script (Telerik) Xamarin (Microsoft)

Stabilité Présent depuis 2009, beaucoup plus stable qu’avant

Encore à ses débuts, pas mal de bugs rencontrés

Encore à ses débuts (2015) Stable

Maintenance Bien maintenu, avec un taux de résolution de bugs correct

La communauté est très réactive mais nombre de bugs important

Plutôt bien maintenu, mais nombre de bugs important

Bien maintenu, les bugs sont résolus rapidement

Pérennité L'acquisition par Axway a été une bonne chose

Le fait qu’il soit poussé par facebook rassure mais...

Telerik Microsoft fait un bon travail pour intégrer Xamarin à son écosystème, plutôt rassurant

Communauté Depuis son lancement, Titanium n’a jamais réussi à atteindre un grand nombre de développeurs

Communauté très importante Importante Importante communauté aussi. Choix idéal pour tout ceux qui ont déjà la compétence C# et .NET

Facilité d'apprentissage

Facile Se familiariser avec React et Flexbox

Facile Prend du temps pour un développeur qui n’est pas familiarisé avec l’écosysteme dot.net

Environnement de développement

Bien Bien Bien Xamarin Studio a la réputation d’être un peu buggué , mais on peut utiliser Visual Studio aussi. Le build sur android reste aussi très lent

Titanium (Axway Appclerator) React Native (Facebook) Native Script (Telerik) Xamarin (Microsoft)

Documentation Très bonne documentation Nécessite beaucoup d’améliorations

Bonne documentation Très bonne documentation

Accès aux composants natif Bien. Mis à jour régulièrement Correct mais pas très équilibré pour Android et iOS

Bien, possibilité même d'interagir directement avec les API natifs de la plateforme via javascript.

Bien, Xamarin.android et Xamarin.iOS sont plutôt bien complet

Disponibilité des plugins Oui, sur le marketplace et Github

Oui, surtout sur Github Oui, sur le marketplace, npm, et même la possibilité d’utiliser des librairies CocoaPods directement.

Sur Xamarin Components et quelques un sur Github

Possibilité de création des plugins

Possible Possible Possible Possible

Prix Gratuit (sans la plateforme Appcelerator)

Gratuit Gratuit Gratuit (Certains services restent payants)

Les différentes technologies

Exemples d’applications réalisées

20, rue Jean-Baptiste Pigalle. 75009 - [email protected] - www.dzmob.com - 06.95.91.20.74

Merci.

Laurent GallenU X U I D e s i g n e r S e n i o r

C o n s u l t a n t U X U I M o b i l e

F o r m a t e u r e n D e s i g n M o b i l e

20%C O N S U L T I N G

50%D E S I G N

… je pense que le Design doit être au service des utilisateurs tout en rapprochant les marques de leur public.

Mes passions sont la Conception, le Design de qualité et le Partage de mon savoir.

30%F O R M A T I O N

w w w . l a u r e n t g a l l e n . c o m

49A N S

10A N S

30P R O J E T S

20F O R M A T I O N S

Quelques chiffres

Class’Croute

BNP Paribas

Sephora

L’Oréal

Peugeot

Quick

Reebok

Centre Pompidou

La Fnac

Mesclients

UX Design

4 étapes cléspour une bonne conception d’interfaces ergonomiques

Ergonomie

Conception UI Design

4 étapes cléspour une bonne conception d’interfaces ergonomiques

L ’ E T U D E E T H N O G R A P H I Q U E

L E M A Q U E T T A G E D E L ’ I N T E R F A C E

L E S T E S T S U T I L I S A T E U R S

C R É A T I O N D E L ’ I D E N T I T É V I S U E L L E

Cette méthode concilie les demandes des utilisateurs et les exigences techniques

propre au Design d’interface

L ’E T U DE E T HN OGR AP HI QU E01

- Définition des objectifs

- Observations et interviews

- Restitution de l’étude ethnographique

se déroule en 3 points :

LE MAQU E T T AGE DE L ’ I N T E R FACE02

- Briefing de conception = scénario a maquetté

- Atelier de maquettage papier = validation du zoning

- Maquette interactive = réaliste, tests

se définit en 3 points :

LE S T E S T S U T I L I S AT E U R S03

- Définition des objectifs

- Définition du protocole

- Conduite des tests utilisateurs

- Restiturion des résultats de tests

se déroulent 4 phases :

CR É AT I ON DE L ’ I DE N T I T É V I SU E LLE DE L ’ I N T E R FACE DE L ’AP PLI CAT I ON04

- Briefing graphique

- Construction de la piste finalese déroulent 4 points :

- Déclinaisons des écrans

- Livraison de la charte graphique

Les 4 principales causes d’échecdes projets mobiles

Vouloir tout imaginer tout de suite pour avoir l’application la plus exhaustive

01

Vouloir tout imaginer tout de suite pour avoir l’application la plus exhaustive

01

Concevoir l’application sans les utilisateurs finaux, en partant d’un simple recueil de besoins

02

Vouloir tout imaginer tout de suite pour avoir l’application la plus exhaustive

Concevoir l’application sans les utilisateurs finaux, en partant d’un simple recueil de besoins

Partir d’un cahier des charges ”traditionnel” c’est obsolète

03

Vouloir tout imaginer tout de suite pour avoir l’application la plus exhaustive

Concevoir l’application sans les utilisateurs finaux, en partant d’un simple recueil de besoins

Partir d’un cahier des charges ”traditionnel” c’est obsolète

Négliger la conduite du changement04

Vouloir tout imaginer tout de suite pour avoir l’application la plus exhaustive

01

Concevoir l’application sans les utilisateurs finaux, en partant d’un simple recueil de besoins

02

Partir d’un cahier des charges ”traditionnel” c’est obsolète

03

Négliger la conduite du changement04

Merci à tous

Best Yourself

http://www.laurentgallen.com

RaphaelChenolCo-Fondateur/COO@[email protected]

Commentcapitalisersurl’Analytics etlesnotificationspour(ré)engagersesutilisateurs

35

HamakbyPagesJaunes,KéSaKo?

UnestartupINTERNE

duGroupeSolocal

Lancéeen2015

UnePlateforme

d’économie

collaborative…

…demiseenrelation

pourlesservices

duquotidien

Laconcurrence

36

37

Deuxpopulationsdistinctesàadresser

70%

Femmes

35 ansAge moyen

CSP+

20% 80%

75%

Femmes

26 ansAge moyen

Etudiants

CLIENTS PRESTATAIRES

38

Analytics:tempsréeletengagement

80% 20%

SITE WEB APPLIS

1 2,4

Trafic

Engagement

x2,4engagement

AppvsWeb

39

Analytics:tempsréeletengagement

x2,4engagement

AppvsWeb

40% 50% 10%

Desktop Mobile Tablette

50% 50%

Android iOS

SITE WEB APPLIS

40

Analytics:tempsréeletengagement

E-mail only

E-mail

+

In-App

+

Push

SITE WEB APPLIS

41

AlgorithmeetCRMadaptésauxdeuxcibles

Pushs & emails

essentiels

identiques

8 devis

maximum

Seul le client peutjoindre les

prestataires

Le client choisit le mode de paiement

PRESTATAIRES

Algorithme de

sollicitation

progressif

1 récap mail quotidien unique sur

nouvelles missions

Mais 1x push notif / mission

Pas accès aux coordonnées du

client

CLIENTS

42

OnboardingetStorytelling

43

Justifierl’OptinduPUSHNotificationCLIENTS

60

% opt-in

(iOS)

72

% opt-in

(iOS)

PRESTATAIRES

44

LavaleurajoutéeduTempsRéel

Temps réel et instantané

>Froid

45

Pression:attentionàlasursollicitation!

En moyenne*,

35 apps utilisées par mois

100 apps installées

100+ pushs notifications…

1er facteur de désinstallation d’ App :

« Je ne m’en sers plus »

2e facteur de désinstallation d’une App : « Je suis trop spammé(e) »

*Chiffres France, source AppAnnie Mai 2017 / FollowAnalytics Oct 2017

46

Centredepréférences

Permettre facilement l’accès à l’Optout au sein de son appli ! (et segmenter en fonction de la cible !!!)

CLIENTS PRESTATAIRES

47

Centredepréférences(surlewebaussi!)

Permettre facilement l’accès à l’Optout au sein de son appli ! (et segmenter en fonction de la cible !!!)

CLIENTS PRESTATAIRES

48

LaNotificationestvolatile!

Temporaire, On zappe Permanent

>

49

Laparade?L’InboxouCentredeNotifications

BADGE

ACCÈS HISTORIQUEMESSAGE

50

Alternerletypedemessagepourallégerlapression

• Marketing/Promo:1Mailou PushparsemaineMAX• Segmenterlesmessagesenfonctiondelacible (contenu ET

format)• RéactivationInactifs:1foisparmoisauboutde30J

d’inactivité• Exploiterdenouveauxcanauxpournepas« harceler »par

mail,SMSouPush:Facebook,WhatsAppetc…

51

NEXTSTEPS

• Sedoterd’unoutilCross-Canal

• Affinerlesrèglesde(re)sollicitation

• ANALYTICSANALYTICSANALYTICS!!!

That’s allFolks!

MERCI!RaphaelChenolCo-Fondateur/COO@[email protected]

Parlons App Economie : du Dev à l’usage

Twitter > @lafrenchmobile

Facebook > facebook.com/lafrenchmobile

Linkedin > linkedin.com/groups

Meetup > meetup.com/LaFrenchMobile