Aujourd’hui, j’ai exploré les fondamentaux du design d’applications mobiles, en me concentrant sur les spécificités d’iOS et d’Android ainsi que les spécifications des tablettes et objects connectés. J’ai également terminé mon cours! 🎊🎊🎊

# Apprentissages du jour

## Architectures des systèmes mobiles

### Architecture iOS

L’architecture iOS repose sur quatre couches interdépendantes mais non-dépendantes les unes des autres, ce qui facilite grandement le débogage et les tests :

• Cocoa Touch - Interface utilisateur
• Media Layer - Gestion multimédia
• Core Services - Services fondamentaux
• Core OS - Système d’exploitation de base

### Architecture Android

L’architecture Android est composée de cinq couches, dont les quatre premières sont utilisées par les développeurs et la dernière par les utilisateurs finaux :

1. Kernel Linux (base)
2. Librairies
3. Android Runtime
4. Application Framework
5. Applications (couche utilisateur)

## Principes de design par plateforme

### iOS

Pour iOS, il est essentiel de rester dans les standards établis, sauf si vous souhaitez communiquer une personnalité ou spécificité de marque particulière. Les Human Interface Guidelines d’Apple sont la référence à suivre.

### Android

Pour Android, l’équivalent consiste à respecter les principes du Material Design. Android offre une personalisation beaucoup plus poussée que iOS :

• Paramétrage du home screen
• Choix du launcher
• Sélection des applications par défaut
• Multiples façons de naviguer (barre du bas, gestes, menu hamburger)

## Éléments d’interface spécifiques à Android

### Floating Action Button

Le Floating Action Button est l’élément privilégié pour les actions principales (CTA). Il doit respecter les guidelines Material Design :

• Forme carrée avec bords arrondis
• Contraste élevé avec l’arrière-plan
• Visibilité claire de son rôle d’action principale

### Menus d’action

Les menus d’action doivent être positionnés de manière logique par rapport au bouton qui les déclenche. Par exemple, un menu en haut à gauche s’agrandira naturellement de haut en bas.

### Organisation du contenu

L’utilisation de segments (ios) ou onglets (Android) permet de filtrer et catégoriser les informations en groupes distincts, améliorant l’expérience utilisateur.

## Design pour tablettes

Les tablettes nécessitent une approche particulière car le workflow utilisateur est plus complexe, même si l’usage reste généralement plus court que sur un ordinateur.

### Principes clés

• Tirer parti de la taille d’écran : donner plus d’espace aux éléments
• Accessibilité des boutons : penser à la prise en main à deux mains
• Taille minimale : 38 pixels (équivalent à 1cm²) pour les éléments interactifs
• Cohérence des gestes : éviter qu’un même geste ait des effets différents selon l’écran

### Orientations

• Identifier l’orientation optimale pour votre application
  • Concevoir pour les modes portrait et paysage si nécessaire
  • Maintenir une navigation cohérente entre les orientations
• Considérer développer une version spécifiquement adaptée aux tablettes

## Design pour objets connectés (Wearables)

Les appareils portables (montres connectées, casques VR, capteurs fitness, etc…) présentent des défis particuliers et donc une attention particulère au niveau design des interfaces

### Principe de “Glanceability”

Les informations doivent être comprises “en un coup d’œil” (at a glance). L’utilisateur ne passe que quelques secondes maximum sur une montre.

### Bonnes pratiques

• Hiérarchiser l’information : espace réduit oblige
• Minimiser le contenu à l’écran
• Contextualiser sans surcharger
• Une action maximum par écran
• Éviter le scroll entre les pages
• Zones de contact larges et accessibles
• Langage concis et direct

### Principes KISS

Garder les interfaces simples (Keep It Simple, Stupid) pour qu’elles restent fonctionnelles et agréables :

• Comprendre les besoins utilisateur
• Choisir les bonnes couleurs (souvent on s’aligne sur le thème sombre)
• Utiliser des polices lisibles
• Privilégier les éléments simples
• Aérer le contenu au maximum

### Notifications et confidentialité

• Éviter la sur-notification
• Protéger les données sensibles : utiliser des messages intermédiaires plutôt que d’afficher directement les informations confidentielles
• Maintenir la cohérence avec l’application mobile principale

## Réalité augmentée : défis et bonnes pratiques

### Considérations légales et psychologiques

• Être attentif aux risques psychologiques pour les utilisateurs
• Éviter la confusion entre réel et virtuel

### Design efficace pour une application AR

• Interactions simples et intuitives
  • Éviter la surcharge d’informations
  • Privilégier la clarté et la fonctionnalité

J’ai aussi reçu mon certificat 🎊 Source : https://app.uxcel.com/certificates/TZWX09ON5FLU

Finalement, j’ai également décidé d’intercaler une formation supplémentaire entre Mobile Design et HIG : UX Design Foundations, et ce pour plusieurs motifs :

• Les HIG s’appuient sur les fondations UX Design, je n’y avais pas prêté plus d’attention avant.
• J’ai mon abonnement Uxcel qui court encore 7 jours après la fin de ma formation HIG, ce qui fait pile les 6 heures nécessaires pour cette formation.
• Je pourrai également profiter de ces apprentissages tout au long de la création de mes applications de portfolio.
• Ce choix me permettra finalement d’ajouter une corde supplémentaire à mon arc, car comprendre les interfaces et les améliorer sera une compétence nécessaire en tant que freelance.

A demain.