Bonnes pratiques de conception d'application pour iPhone : retour d'expérience
-
Upload
jacinthe-busson -
Category
Technology
-
view
7.859 -
download
0
description
Transcript of Bonnes pratiques de conception d'application pour iPhone : retour d'expérience
![Page 1: Bonnes pratiques de conception d'application pour iPhone : retour d'expérience](https://reader033.fdocument.pub/reader033/viewer/2022060110/555df61ed8b42ae4628b4af0/html5/thumbnails/1.jpg)
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
![Page 2: Bonnes pratiques de conception d'application pour iPhone : retour d'expérience](https://reader033.fdocument.pub/reader033/viewer/2022060110/555df61ed8b42ae4628b4af0/html5/thumbnails/2.jpg)
Nous avons conçu la 1ère application française réalisée en Flash sur iPhone
Et sûrement la dernière ?
![Page 3: Bonnes pratiques de conception d'application pour iPhone : retour d'expérience](https://reader033.fdocument.pub/reader033/viewer/2022060110/555df61ed8b42ae4628b4af0/html5/thumbnails/3.jpg)
La moitié des smartphones vendus sont des iPhone (+300 %)
L’iPhone en France en 2009
![Page 4: Bonnes pratiques de conception d'application pour iPhone : retour d'expérience](https://reader033.fdocument.pub/reader033/viewer/2022060110/555df61ed8b42ae4628b4af0/html5/thumbnails/4.jpg)
•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
![Page 5: Bonnes pratiques de conception d'application pour iPhone : retour d'expérience](https://reader033.fdocument.pub/reader033/viewer/2022060110/555df61ed8b42ae4628b4af0/html5/thumbnails/5.jpg)
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é :
![Page 6: Bonnes pratiques de conception d'application pour iPhone : retour d'expérience](https://reader033.fdocument.pub/reader033/viewer/2022060110/555df61ed8b42ae4628b4af0/html5/thumbnails/6.jpg)
Notre défi
Concevoir une application Flash pour l’iPhone en moins de 10 jours
![Page 7: Bonnes pratiques de conception d'application pour iPhone : retour d'expérience](https://reader033.fdocument.pub/reader033/viewer/2022060110/555df61ed8b42ae4628b4af0/html5/thumbnails/7.jpg)
Analyse de l’existant
Aucune application existante ne mêle un jeu de la bouteille et un jeu de défi.
![Page 8: Bonnes pratiques de conception d'application pour iPhone : retour d'expérience](https://reader033.fdocument.pub/reader033/viewer/2022060110/555df61ed8b42ae4628b4af0/html5/thumbnails/8.jpg)
•Qui sont les utilisateurs de l’application ?
•Dans quelles situations vont-ils utiliser cette application ?
•Comment allons-nous satisfaire l’utilisateur ?
Questions à se poser
![Page 9: Bonnes pratiques de conception d'application pour iPhone : retour d'expérience](https://reader033.fdocument.pub/reader033/viewer/2022060110/555df61ed8b42ae4628b4af0/html5/thumbnails/9.jpg)
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
![Page 10: Bonnes pratiques de conception d'application pour iPhone : retour d'expérience](https://reader033.fdocument.pub/reader033/viewer/2022060110/555df61ed8b42ae4628b4af0/html5/thumbnails/10.jpg)
•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
![Page 11: Bonnes pratiques de conception d'application pour iPhone : retour d'expérience](https://reader033.fdocument.pub/reader033/viewer/2022060110/555df61ed8b42ae4628b4af0/html5/thumbnails/11.jpg)
• 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
![Page 12: Bonnes pratiques de conception d'application pour iPhone : retour d'expérience](https://reader033.fdocument.pub/reader033/viewer/2022060110/555df61ed8b42ae4628b4af0/html5/thumbnails/12.jpg)
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.
![Page 13: Bonnes pratiques de conception d'application pour iPhone : retour d'expérience](https://reader033.fdocument.pub/reader033/viewer/2022060110/555df61ed8b42ae4628b4af0/html5/thumbnails/13.jpg)
•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
![Page 14: Bonnes pratiques de conception d'application pour iPhone : retour d'expérience](https://reader033.fdocument.pub/reader033/viewer/2022060110/555df61ed8b42ae4628b4af0/html5/thumbnails/14.jpg)
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
![Page 15: Bonnes pratiques de conception d'application pour iPhone : retour d'expérience](https://reader033.fdocument.pub/reader033/viewer/2022060110/555df61ed8b42ae4628b4af0/html5/thumbnails/15.jpg)
Modèle économique
« Une bonne idée est une idée qui se vend. »
![Page 16: Bonnes pratiques de conception d'application pour iPhone : retour d'expérience](https://reader033.fdocument.pub/reader033/viewer/2022060110/555df61ed8b42ae4628b4af0/html5/thumbnails/16.jpg)
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...
![Page 17: Bonnes pratiques de conception d'application pour iPhone : retour d'expérience](https://reader033.fdocument.pub/reader033/viewer/2022060110/555df61ed8b42ae4628b4af0/html5/thumbnails/17.jpg)
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
![Page 18: Bonnes pratiques de conception d'application pour iPhone : retour d'expérience](https://reader033.fdocument.pub/reader033/viewer/2022060110/555df61ed8b42ae4628b4af0/html5/thumbnails/18.jpg)
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)
![Page 19: Bonnes pratiques de conception d'application pour iPhone : retour d'expérience](https://reader033.fdocument.pub/reader033/viewer/2022060110/555df61ed8b42ae4628b4af0/html5/thumbnails/19.jpg)
Univers
Partout A l’école Au bureau
![Page 20: Bonnes pratiques de conception d'application pour iPhone : retour d'expérience](https://reader033.fdocument.pub/reader033/viewer/2022060110/555df61ed8b42ae4628b4af0/html5/thumbnails/20.jpg)
Univers
En soirée A table En couple
![Page 21: Bonnes pratiques de conception d'application pour iPhone : retour d'expérience](https://reader033.fdocument.pub/reader033/viewer/2022060110/555df61ed8b42ae4628b4af0/html5/thumbnails/21.jpg)
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é)
![Page 22: Bonnes pratiques de conception d'application pour iPhone : retour d'expérience](https://reader033.fdocument.pub/reader033/viewer/2022060110/555df61ed8b42ae4628b4af0/html5/thumbnails/22.jpg)
Steve a validé l’application en moins de 24h
![Page 23: Bonnes pratiques de conception d'application pour iPhone : retour d'expérience](https://reader033.fdocument.pub/reader033/viewer/2022060110/555df61ed8b42ae4628b4af0/html5/thumbnails/23.jpg)
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
![Page 24: Bonnes pratiques de conception d'application pour iPhone : retour d'expérience](https://reader033.fdocument.pub/reader033/viewer/2022060110/555df61ed8b42ae4628b4af0/html5/thumbnails/24.jpg)
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
![Page 25: Bonnes pratiques de conception d'application pour iPhone : retour d'expérience](https://reader033.fdocument.pub/reader033/viewer/2022060110/555df61ed8b42ae4628b4af0/html5/thumbnails/25.jpg)
• 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
![Page 26: Bonnes pratiques de conception d'application pour iPhone : retour d'expérience](https://reader033.fdocument.pub/reader033/viewer/2022060110/555df61ed8b42ae4628b4af0/html5/thumbnails/26.jpg)
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
![Page 27: Bonnes pratiques de conception d'application pour iPhone : retour d'expérience](https://reader033.fdocument.pub/reader033/viewer/2022060110/555df61ed8b42ae4628b4af0/html5/thumbnails/27.jpg)
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.
![Page 28: Bonnes pratiques de conception d'application pour iPhone : retour d'expérience](https://reader033.fdocument.pub/reader033/viewer/2022060110/555df61ed8b42ae4628b4af0/html5/thumbnails/28.jpg)
À 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
![Page 29: Bonnes pratiques de conception d'application pour iPhone : retour d'expérience](https://reader033.fdocument.pub/reader033/viewer/2022060110/555df61ed8b42ae4628b4af0/html5/thumbnails/29.jpg)
Merci