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
[email protected]@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