Bonnes pratiques de conception d’application pour iPhoneRetour d’expérience

Sylvain Weber Jacinthe BussonDirecteur & CTO de KontestAncien développeur de Dailymotion

Directrice Associée de KontestAncienne Dir. Artistique de Deezer

jacinthe@kontestapp.comsylvain@kontestapp.com

Nous avons conçu la 1ère application française réalisée en Flash sur iPhone

Et sûrement la dernière ?

La moitié des smartphones vendus sont des iPhone (+300 %)

L’iPhone en France en 2009

•2009 : 500 millions d’applications vendues.

•Prédictions pour 2010 : 4,5 milliards d’applications vendues. 6,8 milliardsde dollars de recettes.

•Prédictions pour 2013 : 21,6 milliards d’applications vendues. 29,5 milliards de dollars de recettes.

Applications iPhone vendues dans le monde

SOURCE : Gartner

tKaap.com, la 1ère communauté dédiée aux défis

Montrer ta classe avec des lunettes ? Etre le plus nombreux devant la webcam ?

Ils en ont parlé :

Notre défi

Concevoir une application Flash pour l’iPhone en moins de 10 jours

Analyse de l’existant

Aucune application existante ne mêle un jeu de la bouteille et un jeu de défi.

•Qui sont les utilisateurs de l’application ?

•Dans quelles situations vont-ils utiliser cette application ?

•Comment allons-nous satisfaire l’utilisateur ?

Questions à se poser

Définition du besoin : fonctionnalités clés

«Jeu de la bouteille»• 6 univers de jeu•+ de 300 défis•Bilingue Anglais / Français•Sauvegarde automatique• Prêt pour l’iPad

•Simplicité (Casual Game)• Prise en main immédiate• Fonctionnement universel

•Représenter chaque écran (zoning)

•Détailler les informations affichées à l’utilisateur

•Anticiper les scénarios d’usages et les erreurs possibles

La navigation est-elle naturelle pour un utilisateur iPhone ?

Storyboard

Lorem ipsum dolor sit amet consetetur

Logo

Dé� aléatoireDashboard des Univers

Logo

Accueil présentant les di�érents Univers

ou

• Interface homogène, intuitive et agréable pour l’utilisateur

•Utiliser les règles d’ergonomie proposées par l’iPhone

•Rester cohérent avec les principes

de navigation

• Faciliter la prise en main de

l’application

ErgonomieConseils

Contre exemple

ErgonomieConseils

• Est-ce que votre interface est adaptée à un usage tactile ? (taille des boutons)

•Ne jamais forcer une action sans que l’utilisateur l’ait décidé.

•Eviter les animations à l’ouverture de l’application.

•Enregistrer l’état actuel et permettre à l’utilisateur de reprendre là où il en était.

•Montrer à l’utilisateur la conséquence de son action par une animation.

•Gérer les interruptions possibles : SMS, appels, notifications push.

•Définition du design graphique en s’appuyant sur l’existant

•Réalisation et validation de 3 à 4 écrans types

KISS : «Keep It Simple, Stupid !»

Design graphique

Exporter vos maquettes et importer-les dans la gallerie photo

de votre iPhone afin de faire une simulation en taille réelle.

Grâce à la communauté iPhone, de nombreux graphistes ont

redessiné les éléments d’interfaces et les mettent à disposition.

Ne réinventez pas la roue !

Utiliser les designs patterns d’interface fournis par Apple.

Astuces

Modèle économique

« Une bonne idée est une idée qui se vend. »

Intérêt de Flash

• Langage déjà maitrisé (ActionScript 3)

•Maintenance et évolution d’un seul fichier source

•Compatibilité multi-plateforme : iPhone,

Androïd, Samsung, HTC, Nokia...

Phase de développement

Difficultés rencontrées

• Très peu de ressources existantes (forum privé)

•Mises à jour régulières des versions de développement de Flash CS5

• Procédure de test compliquée, pas de simulateur

•Bugs graphiques

•Ralentissement sur la rotation de l’objet

Solutions techniques

•Cookies Flash utilisés pour mémoriser la partie en cours

• Intégration de Google Analytics avec la librairie «GAforflash»

•Contenu externalisé dans un XML contenant les défis

Phase de test

Livrer régulièrement une nouvelle version stable pour bénéficier des retours.

L’application :

•Doit se lancer rapidement et être réactive

•Ne doit pas quitter brutalement

•Ne doit pas vider la batterie

• Faites des tests utilisateurs pour :•Recueillir les 1ers avis• Valider la stabilité de votre

application (supports et firmware, avec le Wi-fi, le Edge ou la 3G)

Univers

Partout A l’école Au bureau

Univers

En soirée A table En couple

Soumission à Apple

Description et Tags de l’application

•Donner envie de tester l’application

•Rester concis

• Lister les fonctionnalités clés

•Choisir des tags explicites

Modèle payant

•Offrir votre application gratuitement pour un temps limité

•Mettre à disposition une version Lite

Notre objectif : atteindre le Top100, voir le Top50 (boost visibilité)

Steve a validé l’application en moins de 24h

Entrée dans le TOP 100 français en moins de 48h+ 30 000 téléchargements

2ème du Top Jeux de société le 22.02.20101 téléchargement toutes les 10 secondes

Tendances d’usage

Univers qui ont le plus de succès en nombre de défis lancés

Univers qui ont le plus de succès en nombre d’ouverture

tKaap : LivePages les plus consultées 18 févr. 2010 - 26 mai 2010

Comparaison avec : Site

0

4 500

9 000

0

4 500

9 000

22 févr. 2 mars 10 mars 18 mars 26 mars 3 avr. 11 avr. 19 avr. 27 avr. 5 mai 13 mai 21 mai

Pages vues

6 pages ont été consulté(e)s 158 617 fois.Filtrage pour pages ne contenant pas "/en/" et pages contenant "challenge"

Performances des pages

Pages vues158 617Total du site (en %) :

33,88 %

Consultationsuniques40 476Total du site (en %) :

15,62 %

Temps moyenpassé sur lapage00:00:38Moyenne du site :

00:00:21 (84,34 %)

Taux de rebond17,76 %Moyenne du site :

1,41 %(1 158,75 %)

Sorties (en %)10,63 %Moyenne du site :

10,29 % (3,27 %)

Indice de valeur0,00 €Moyenne du site :

0,00 € (0,00 %)

Page Pages vues Pages vues

/iphone/fr/default/challenge 40 662 25,64 %

/iphone/fr/party/challenge 33 740 21,27 %

/iphone/fr/school/challenge 33 435 21,08 %

/iphone/fr/sexy/challenge 28 816 18,17 %

/iphone/fr/dinner/challenge 13 716 8,65 %

/iphone/fr/work/challenge 8 248 5,20 %

Pages vues

25,64 %21,27 %

21,08 %

18,17 %

8,65 %

5,20 %

De 1 à 6 sur 6

1 Google Analytics

tKaap : LivePages les plus consultées 18 févr. 2010 - 26 mai 2010

Comparaison avec : Site

0

5 000

10 000

0

5 000

10 000

22 févr. 2 mars 10 mars 18 mars 26 mars 3 avr. 11 avr. 19 avr. 27 avr. 5 mai 13 mai 21 mai

Pages vues

6 pages ont été consulté(e)s 117 044 fois.Filtrage pour pages ne contenant pas "/en/" et pages ne contenant pas "challenge" et pages ne contenant pas"^/iphone/fr$|^/iphone/1.0$|^/iphone/lang$|^/iphone/en$|^/iphone/fr/info$|^/iphone/lite/fr$|^/iphone/lite/1.0$"

Performances des pages

Pages vues117 044Total du site (en %) :

25,00 %

Consultationsuniques107 036Total du site (en %) :

41,30 %

Temps moyenpassé sur lapage00:00:23Moyenne du site :

00:00:21 (10,40 %)

Taux de rebond0,64 %Moyenne du site :

1,41 % (-54,54 %)

Sorties (en %)13,65 %Moyenne du site :

10,29 % (32,55 %)

Indice de valeur0,00 €Moyenne du site :

0,00 € (0,00 %)

Page Pages vues Pages vues

/iphone/fr/sexy 25 995 22,21 %

/iphone/fr/default 22 096 18,88 %

/iphone/fr/school 21 384 18,27 %

/iphone/fr/party 20 953 17,90 %

/iphone/fr/dinner 14 104 12,05 %

/iphone/fr/work 12 512 10,69 %

Pages vues

22,21 %18,88 %

18,27 %

17,90 % 12,05 %

10,69 %

De 1 à 6 sur 6

1 Google Analytics

SOURCE : Google Analytics

• En moyenne, un mois après l’achat seulement 15 % des utilisateurs

continuent à utiliser l’application.

• Tandis que 6 mois après, ce taux descend à 5% seulement !

tKaap : LiveTableau de bord 18 févr. 2010 - 26 mai 2010

Comparaison avec : Site

0

2 000

4 000

0

2 000

4 000

22 févr. 2 mars 10 mars 18 mars 26 mars 3 avr. 11 avr. 19 avr. 27 avr. 5 mai 13 mai 21 mai

Visites

Fréquentation du site

48 188 Visites

468 109 Pages vues

9,71 Pages par visite

1,41 % Taux de rebond

00:03:01 Temps moyen passé sur le site

14,44 % Nouvelles visites (en %)

Vue d'ensemble des visiteurs

0

1 500

3 000

0

1 500

3 000

22 févr. 2 mars 10 mar 18 mar 26 mar 3 avr. 11 avr. 19 avr. 27 avr. 5 mai 13 mai 21 mai

Visiteurs

Visiteurs27 974

Temps passé sur le site, tous visiteurs confondus

00:00:00

00:03:20

00:06:40

00:00:00

00:03:20

00:06:40

22 févr. 2 mars 10 mar 18 mar 26 mar 3 avr. 11 avr. 19 avr. 27 avr. 5 mai 13 mai 21 mai

Temps moyen passé sur le site

Temps moyen passé sur le site00:03:01

Nombre moyen de pages vues, tous visiteurs confondus

0,00

10,00

20,00

0,00

10,00

20,00

22 févr. 2 mars 10 mar 18 mar 26 mar 3 avr. 11 avr. 19 avr. 27 avr. 5 mai 13 mai 21 mai

Pages par visite

Pages par visite9,71

Détail du contenu : /iphone/1.0

0

2 000

4 000

0

2 000

4 000

22 févr. 2 mars 10 mar 18 mar 26 mar 3 avr. 11 avr. 19 avr. 27 avr. 5 mai 13 mai 21 mai

Pages vues

Pages vues47 273

Vue d'ensemble du contenu

Pages Pages vues Pages vues(en %)

/iphone/fr 111 054 23,72 %

/iphone/1.0 47 273 10,10 %

/iphone/fr/default/challenge 40 661 8,69 %

/iphone/fr/party/challenge 33 737 7,21 %

/iphone/fr/school/challenge 33 427 7,14 %

Synthèse géographique

Visites1 44 031

1 Google Analytics

Durée de vie d’une application

SOURCE : Google Analytics

tKaap LIVE Tendance générale

En résumé

•Notre application a bénéficié du buzz lié à l’innovation Flash.

•Nous avions prévu des mises à jour mais nous craignons que le dieu Apple nous sanctionne.

•Contrairement à tKaap.com, nous avons peu de retours utilisateur.

+ de 300 applications sont publiées chaque jour sur l’App Store France.

Un dispositif de promotion efficace est primordiale pour faire connaître votre application aux utilisateurs.

SOURCE : Apple

En résumé

Utilisez Flash à vos risques et périls, Apple peut supprimer l’appli à tout moment.

Sortez du lot par tous les moyens.(Buzz, publicité, idée géniale répondant à un besoin réel, jeu addictif...)

Prévoyez une version gratuite pour le lancement (version Lite). Les gens aiment tester avant d’acheter.

À lire

http://www.smashingmagazine.com

• http://www.iphon.fr

• http://www.applicationiphone.com

• http://www.appgratuites.com

• http://www.mobifrance.com

• http://www.pommedev.com

http://www.servicesmobiles.fr/

Programmation iPhone OS3 de Thomas Sarlandie

Merci