Skip to main content

Alessandros's Blog - Build with freedom. Share with purpose

25 Juin 2025 - Human Interface Guidelines - Terminé !

Hello ! Nous voici au jour 23, le 25 juin, et c’est le dernier jour de la formation Human Interface Guidelines d’Apple. Je suis super content car j’ai terminé les trois formations au niveau du design, UX et UI, et je pense que ça va me donner des bases solides pour la suite.

# Une soirée qui laisse des traces

J’ai un peu moins dormi cette nuit comparé aux autres. J’ai été voir d’anciens collègues et on a bu un verre au centre-ville. Malheureusement, c’est quelque chose qui devient assez récurrent avec le temps : lorsque je bois, je dors moins bien et j’ai plus de mal le lendemain. J’ai pris deux verres seulement, donc ça va, ce n’est pas catastrophique, mais j’ai l’impression que l’âge y est pour quelque chose.

Même si je ne vais pas faire le vieux de 42 ans et demi, ce n’est pas ça qui va m’empêcher de continuer ! Je ne m’arrête pas pour si peu.

# Expérimentation avec Claude et base de connaissances

Avant de continuer sur l’apprentissage, j’ai testé une deuxième approche avec Claude pour ma base de connaissances. Je lui ai donné tous mes articles de blog que je partage avec toi et je lui ai demandé de traiter chaque fichier pour transformer ça en base de connaissances privées avec des exemples concrets.

En gros, ça me permet d’apprendre, de revoir l’information en fin de journée et de la stocker sous un format plus technique. Avec Claude, je stocke toute cette information avec des exemples concrets et des informations supplémentaires pour pouvoir m’y référer dans le futur. C’est comme si j’avais un Obsidian boosté avec Claude !

EDIT, en éditant le texte, je peux donner déjà un feedback, il est capital de savoir comment trier les info et dans quel format que l’on veut stocker les informations! J’ai supprimé les informations traitées aujourd’hui et je recommencerais demain avec un perimètre plus précis car les exemples qu’il m’a donné n’étaient pas pertinent dans le contexte (ex du code CSS pour des concepts UX/UI Design)

# Préparation des 100 jours de SwiftUI

Cet après-midi, j’ai passé du temps à faire le jour 0 sur les 100 jours de SwiftUI. J’ai revu la vidéo et relu les instructions. Je suis maintenant prêt à commencer ce programme de Paul Hudson dès demain !

Ce qui est vraiment important dans ce programme, c’est qu’il y a la partie connaissances que je vais explorer, mais aussi toute la partie pratique. En plus de mes 6 applications portfolio que je vais construire, il y aura une vingtaine de projets à réaliser. C’est quelque chose de super important pour moi car j’avais besoin de pratique - c’est le point qu’il faut absolument privilégier quand on apprend quelque chose : la mise en pratique.


# Apprentissages du jour

## Patterns spécifiques aux plateformes Apple

Aujourd’hui, nous avons vu les patterns spécifiques aux différentes plateformes Apple. Chaque environnement a ses particularités et il est important de prendre en compte ces différences.

### Fondations par plateforme

WatchOS a été conçu pour des informations rapides et des actions très simples qui peuvent être réalisées en moins de 30 secondes. Lorsqu’on conçoit pour WatchOS, on prend la plus simple expression de l’action qu’on veut faire et on la met en place.

tvOS offre plutôt une expérience relaxante avec une vue à distance moyenne. Il faut privilégier les fonctionnalités de recherche d’informations et de visualisation de contenus. On ne gère pas de documents sur tvOS par exemple.

Il est important de tester les fonctionnalités principales et de voir si elles correspondent à ces critères. Si ce n’est pas le cas, c’est peut-être pertinent de les retravailler.

## Gestion des documents selon les plateformes

La gestion des documents diffère considérablement à travers les plateformes :

  • macOS : système robuste avec gestion via le Finder
  • iOS et iPad : workflow personnalisé avec accès via l’application Files
  • WatchOS et tvOS : aucune fonctionnalité de visualisation des documents
  • VisionOS : combinaison entre méthodes traditionnelles et système d’accès familier

## Types d’interactions utilisateur

Les principales interactions varient selon la plateforme :

  • macOS : point-and-click plus raccourcis clavier
  • iOS et iPad : touch avec cibles bien visibles, support Pencil et trackpad pour iPad
  • VisionOS : eye tracking et gestuelle des mains plus support vocal
  • WatchOS et tvOS : interactions très focalisées et spécifiques

## Systèmes de menus

Les menus réagissent différemment selon les environnements :

  • macOS : barres de menus persistantes
  • iOS et iPad : menus cachés derrière appuis longs ou share sheets
  • VisionOS : menus spatiaux dans l’espace 3D
  • WatchOS et tvOS : menus très focus pour actions spécifiques

## Gestion des fenêtres et multitasking

macOS offre le multitasking naturel avec applications en surcouche. Les iPads proposent split view, slide over et même plusieurs fenêtres dans la même application (ce que je ne savais pas !). Le picture-in-picture est également disponible.

VisionOS utilise le concept de shared space où plusieurs applications peuvent coexister dans le même espace 3D.

iOS se concentre sur une application à la fois, avec du picture-in-picture pour certains contenus comme les vidéos ou les appels.

Point important : il n’y a pas de multitasking sur WatchOS. Les applications peuvent fonctionner mais pas simultanément.

## Partage de données

Le data sharing fonctionne aussi différemment :

  • macOS : drag-and-drop entre applications, Finder, AirDrop et share sheets
  • iOS et iPad : principalement share sheets, split view sur iPad
  • VisionOS : spatial share sheets (j’ai hâte de voir à quoi ça ressemble !)
  • WatchOS : fonctionnalités de partage spécifiques au contexte

## Notifications

Les patterns de notifications varient :

  • iOS et iPad : lock screen et centre de notifications, informations time-sensitive qui bypassent le mode focus
  • macOS : centre de notifications en haut à droite avec pop-ups
  • WatchOS : feedback haptique et visuel
  • VisionOS : notifications dans l’espace utilisateur

## Considérations sécurité

La sécurité est gérée différemment selon les plateformes :

  • macOS : applications isolées avec permissions spécifiques pour les ressources système
  • iOS et iPad : isolation beaucoup plus stricte
  • WatchOS : utilise les permissions de l’iPhone appairé
  • VisionOS : spatial privacy avec permissions pour scanner l’environnement et tracker les mouvements

## Spatial Computing pour VisionOS

VisionOS introduit des concepts uniques en spatial computing :

### Field of view et profondeur

Il faut placer les informations critiques dans les 30 degrés de vue directe de l’utilisateur.

### Distances et mise à l’échelle

Trois types de distance influencent l’affichage :

  • Close range (à portée de bras) : tâches détaillées et interactions fréquentes
  • Mid range (1-3 mètres) : visualisation de contenu général
  • Far range (au-delà de 3 mètres) : informations d’environnement ambiant

### Interactions spatiales

  • Eye tracking
  • Gestes des mains (pinch et tap principalement)
  • Combinaison des deux pour la précision

### Shared space

Environnement par défaut où plusieurs applications peuvent fonctionner simultanément en 3D.

### Typographie adaptée

La typographie est automatiquement ajustée pour être plus visible :

  • Body text regular devient medium
  • Titres semi-bold deviennent bold
  • Espacement entre caractères optimisé

## Adaptabilité entre plateformes

Pour bien adapter une application entre plateformes, il faut tenir compte des usages spécifiques :

  • iPhone : tâches rapides, utilisation à une main
  • iPad : productivité, tâches complexes, combinaison touch/clavier
  • Mac : précision et multitasking
  • WatchOS : interactions essentielles, très brèves
  • Vision Pro : eye tracking et gestion spatiale

TIP : Créer des checklists rapides pour chaque environnement évite d’oublier des points importants. Les guidelines sont étoffés, les checklists sont donc pertinentes !

## Priorisation du contenu

La priorité d’affichage du contenu n’est pas la même selon les environnements. Il est crucial de montrer les informations dans leur contexte approprié.

Si on ne sait pas comment prioriser, on peut créer des matrices de priorisation de contenu pour identifier les informations les plus importantes à afficher immédiatement selon l’environnement utilisateur.


Voilà pour cette dernière journée de formation design ! Demain, place à SwiftUI et aux vrais défis techniques. J’ai maintenant tous les outils nécessaires pour créer des interfaces qui respectent les standards Apple.

À demain pour le début de l’aventure SwiftUI !