support média
DESCRIPTION
Concevoir une application mobileTRANSCRIPT
![Page 1: Support média](https://reader033.vdocuments.mx/reader033/viewer/2022052622/559678481a28ab3f498b4778/html5/thumbnails/1.jpg)
Kc
Support média
![Page 2: Support média](https://reader033.vdocuments.mx/reader033/viewer/2022052622/559678481a28ab3f498b4778/html5/thumbnails/2.jpg)
Kc
Guide Line2
Introduction
Contraintes des support média : guide à la conception
Concrètement…
… phase d’étude,
… phase de conception,
… phase de réalisation,
… Phase de déploiement et support,
… Les plateformes de développement
![Page 3: Support média](https://reader033.vdocuments.mx/reader033/viewer/2022052622/559678481a28ab3f498b4778/html5/thumbnails/3.jpg)
Kc
Introduction3
• Concevoir une application mobile aujourd’hui, c’est savoir :
• s’appuyer sur des méthodes capitalisées autour d’un format d’IHM, tout en s’extrayant de ces dernières,
• ré apprendre à considérer la maturité des systèmes, des acteurs informatiques, mais aussi (et surtout) des utilisateurs,
• s’intégrer au cœur de solutions en production mettant à disposition des services accessibles mais parfois surdimensionnés ou ayant un découpage peu adapté
![Page 4: Support média](https://reader033.vdocuments.mx/reader033/viewer/2022052622/559678481a28ab3f498b4778/html5/thumbnails/4.jpg)
Kc
Maturité des acteurs informatiques4
INT
RO
DU
CT
ION
![Page 5: Support média](https://reader033.vdocuments.mx/reader033/viewer/2022052622/559678481a28ab3f498b4778/html5/thumbnails/5.jpg)
Kc
5
La conception guidée par les contraintes de maturité
technique ainsi que de celles des utilisateurs
![Page 6: Support média](https://reader033.vdocuments.mx/reader033/viewer/2022052622/559678481a28ab3f498b4778/html5/thumbnails/6.jpg)
Kc
Contraintes6
• Résolution des supports actuelles• tailles actuelles• nécessité de prendre en compte dès maintenant la forte évolution Zone d’affichage réduite Sélection et manipulation approximative
• Performances• Repenser optimisation mémoire (retour aux reflexes industriels)• Prendre en compte des instabilités et des débits réseau variables,
parfois très faibles• Repartir la charge différemment au niveau des services• Gestion des caches• S’appuyer sur les services en place pour les spécialiser (surcharges)
Techniques
![Page 7: Support média](https://reader033.vdocuments.mx/reader033/viewer/2022052622/559678481a28ab3f498b4778/html5/thumbnails/7.jpg)
Kc
Contraintes7
• Utilisateurs finaux et consommateurs
• La jeunesse de ces média oblige à l’étude de la cible finale• La montée en compétence des équipes de développement a un coût
• Méthodologique
• On ne peut se contenter d’un chiffrage basée sur un ‘standard’ ergonomique classique
• Il faut rompre avec certains principes classiques d’études (SOA, Objet, etc.)
• Le dialogue avec nos clients changent,
Humaines et de méthodologies d’ingénierie
![Page 8: Support média](https://reader033.vdocuments.mx/reader033/viewer/2022052622/559678481a28ab3f498b4778/html5/thumbnails/8.jpg)
Kc
8
Concrètement, comment réduire les contraintes, voir les
transformer en avantages…
![Page 9: Support média](https://reader033.vdocuments.mx/reader033/viewer/2022052622/559678481a28ab3f498b4778/html5/thumbnails/9.jpg)
Kc
Concrètement9
La principale contrainte impactant le fonctionnel et la taille des supports.Cette contrainte modifie les règles de navigation.
« La navigation nous montre naturellement un chemin de réflexion »
La navigation
• doit être intuitive plus que descriptive pour laisser un maximum de place au contenu,
• elle doit être prédictive,• devient plus contextuelle, moins transversale,• se fait aujourd’hui (devient un standard), une navigation par
induction• Prévoir plusieurs chemins de navigation adaptés aux plateformes
En phase d’étude
![Page 10: Support média](https://reader033.vdocuments.mx/reader033/viewer/2022052622/559678481a28ab3f498b4778/html5/thumbnails/10.jpg)
Kc
Concrètement10
« Ne pensons plus seulement MERISE et fonctionnalités, ou SOA et services, mais surtout ‘Aspects fonctionnels’ privilégiant
l’expérience utilisateur »
Un aspect fonctionnel peut être défini par :Unité visualisable d’informations de détails, appartenant lui-même à un aspect fonctionnel de regroupement.
Autrement dit :L’aspect fonctionnel est une source d’informations typée d’un ensemble d’informations plus vaste.
En phase d’étude
![Page 11: Support média](https://reader033.vdocuments.mx/reader033/viewer/2022052622/559678481a28ab3f498b4778/html5/thumbnails/11.jpg)
Kc
Concrètement11
Utiliser une tablette demande un apprentissage. La maturité des utilisateurs cibles, quant à leur habitudes de manipulation, doit être prise en compte.
Nécessité d’un groupe de test d’utilisateurs cibles.
Les interfaces sont donc un point encore plus incontournable et essentiel à tous projet M-Services.
! PROTOTYPAGE ! RIA !
En phase d’étude
![Page 12: Support média](https://reader033.vdocuments.mx/reader033/viewer/2022052622/559678481a28ab3f498b4778/html5/thumbnails/12.jpg)
Kc
Concrètement12
Les performances encore limitées des systèmes obligent à :
- Accentuer les efforts autour de l’utilisation mémoire- Dimensionner au plus juste les données transitant- Déporter coté serveur certains éléments de traitement- Travailler en mode ‘brique’- Chaque aspect doit être autonome quand à ses données - Optimiser le temps de chargement (utilisation express)« Always be prepare to Stop, never Stop programmatically »- Limiter l’utilisation de vidéos
En phase de conception
![Page 13: Support média](https://reader033.vdocuments.mx/reader033/viewer/2022052622/559678481a28ab3f498b4778/html5/thumbnails/13.jpg)
Kc
Concrètement13
Les contraintes ergonomiques nécessitent de :
- réduire les chemins gestuels- minimiser les efforts de saisie
Mettre systématiquement en rapport l’effort de saisie demandé à l’utilisateur avec le retour qui en sera fait.
- rapprocher les éléments manipulables des zones de maintient du support
- Adopter un mode de recherche « rewardable » (mode de navigation sliding ) et efficace
En phase de conception
![Page 14: Support média](https://reader033.vdocuments.mx/reader033/viewer/2022052622/559678481a28ab3f498b4778/html5/thumbnails/14.jpg)
Kc
Concrètement14
Les contraintes d’interfaces amènent à :
- Tenir compte des capacités d’orientation des tablettes- Tenir compte des contraintes de surexposition du clavier dans le
repositionnement de interfaces- Simplifier la lecture et la sélection par des composants d’interfaces
classiques et connus surchargés par des composants additionnels- Prioriser les accès aux fonctionnalités et paramétrages les plus usités
(constatés)- Limiter le scroll- Si possible établir un lien entre un code visuel d’un site classique et de
l’application déportée
En phase de conception
![Page 15: Support média](https://reader033.vdocuments.mx/reader033/viewer/2022052622/559678481a28ab3f498b4778/html5/thumbnails/15.jpg)
Kc
Concrètement15
- Apporter un soin particulier aux tests unitaires et d’intégration- S’appuyer aux maximum sur les composants et possibilités
représentant déjà un standard :- Tapping, Dragging, sliding, twisting, rotating, …- Roulettes de sélection, switch (et non checkbox),…
- Simplifier au maximum la lecture des interfaces en des isotypes- Rompre avec les standard d’orthographe usuel pour créer des
indicateurs visuels- Limiter au maximum l’utilisation de chemin « superposés »- Tenir comptes de la différence de résolution élémentaire
En phase de réalisation
![Page 16: Support média](https://reader033.vdocuments.mx/reader033/viewer/2022052622/559678481a28ab3f498b4778/html5/thumbnails/16.jpg)
Kc
Concrètement16
- Certains supports imposent un lieu et un mode de déploiement contraignant (appStore)
Déploiement et support
![Page 17: Support média](https://reader033.vdocuments.mx/reader033/viewer/2022052622/559678481a28ab3f498b4778/html5/thumbnails/17.jpg)
Kc
Concrètement17
Les plateformes de développement