Développement d'applications mobiles

Développement d'applications mobiles


11.1 - Agile

11.2 - Prototypage

Projet

Forme primitive

Un échantillon, un exemple ou un modèle qui réplique un comportement/processus pour permettre de l’évaluer/tester et de bien comprendre le besoin.

  • Permets de tester une solution dans un environnement restreint avant de dĂ©ployer l’énergie nĂ©cessaire pour le mettre en place dans son contexte rĂ©el.
  • DĂ©montre le fonctionnement et la viabilitĂ© d’une solution ou, au contraire, qu’elle ne rĂ©pond pas au besoin
  • Pour permettre une Ă©volution rapide, un prototype est souvent jetable et ne sera pas utilisĂ© dans la solution finale.

Avantages du prototype

  • RĂ©duire l’incertitude
  • RĂ©duire le coĂ»t de dĂ©veloppement(temps)
  • Validation prĂ©coce de la solution
  • Implication de l’utilisateur/client
  • ItĂ©ration rapide

👉 agilité

Précautions

  • Il faut sensibiliser l’équipe Ă  l’utilisation judicieuse des prototypes et ne pas s’y attacher et limiter le temps de dĂ©veloppement
  • Le client doit comprendre le caractère brouillon des prototypes
  • Il faut choisir l’outil qui nous permet de dĂ©montrer le bon concept

Quoi prototyper?

  • Processus d’affaire et automatisation
  • UI et UX
    • Interfaces
    • SĂ©quence de navigation
    • ExpĂ©rience utilisateur, interactions
  • Modèles de donnĂ©es
  • Architecture
  • DĂ©fis techniques
  • Performance
    • Surcharge

Outils UI/UX

Figma

👉 Analogique

Papier

Personas

Représenter(description, buts, défis) le ou les utilisateurs type d’un produit dans le but de mieux comprendre leurs besoins et développer un sentiment d’empathie pour être en mesure de se mettre à leur place et concevoir la meilleure solution possible.

Jaymie Raspberry

Au fil du développement, on peut peaufiner notre vision de nos personas!

Bonnes pratiques UI et UX

Il est essentiel de respecter les standards de la plateforme lors de la conception d’une application

  • Les interactions sont naturelles et intuitives
  • La navigation est adaptĂ©e au type de contenu prĂ©sentĂ©
  • PrĂ©voir les besoins de localisation, d’internationalisation et d’accessibilitĂ© de l’application est avantageux pour tous les utilisateurs

📚 Guide de design Android
📚 Introduction au Material Design

Standards de navigation

  • Proposez un chemin clair et intuitif
  • Minimisez les actions pour accĂ©der Ă  l’information
  • Utilisez les gestes tactiles pour faciliter la navigation
  • Utilisez un Stack pour parcourir une hiĂ©rarchie
Stack
  • Utilisez une Bottom Nav/App Bar pour offrir des catĂ©gories ou fonctionnalitĂ©s adjacentes
Bottom Nav
  • Utilisez les onglets et les pages pour afficher plusieurs contenus similaires
Tabs

Références