Gyroscope

Gyroscope

Gyroscope

Télécharger

les gabarits officiels

Photoshop HTML5 Hype

Inspirations

  • Cirque du soleil
    Voir la vidéo Expérience HTML
    Cirque du soleil
  • Provigo
    Voir la vidéo Expérience HTML
    Provigo

Icônes

Gyroscope
L'icône standard gyroscope doit être placée près du texte ou de l'image afin d'informer les lecteurs de la présence de l'interaction.
Gyroscope
Idéalement, un bouton recommencer devrait permettre au lecteur de recommencer l'expérience.

Notes

  • Le calcul de l'inclinaison variant d'une tablette à une autre, il est conseillé de baser son animation sur la variante d'inclinaison plutôt que sur le degré d'inclinaison lui-même (voir l'exemple ci-dessus).
  • IMPORTANT : Pour des raisons techniques liées à la sensibilité de cette interaction (déclenchements aléatoires ou accidentels avant même l’arrivée du lecteur sur l’écran), les données de mesure de cette interaction ne sont plus disponibles.

Formats supportés

  • Plein écran

    Plein écran

    980 x 670
    500
  • Demi-écran

    Demi-écran

    480 x 670
    400
  • ⅓ Vertical *

    ⅓ Vertical *

    330 x 670
    300
  • ⅓ Horizontal *

    ⅓ Horizontal *

    980 x 210
    300
  • ¼ Vertical

    ¼ Vertical

    230 x 670
    200
  • ¼ Horizontal

    ¼ Horizontal

    480 x 325
    200
  • ⅙ Horizontal

    ⅙ Horizontal

    480 x 210
    200
  • ⅛ Horizontal

    ⅛ Horizontal

    480 x 152
    200
  • ⅛ Vertical

    ⅛ Vertical

    230 x 325
    200
  • Bannière

    Bannière

    980 x 70
    200

Important


Zone de securité utilisée pour le changement d’écran.

Afin de faciliter le changement d’écran et éviter l’ouverture accidentelle du nouveau panneau Slide Over dans iOS 9, cette zone placée dans le format plein écran doit être libérée de toute interaction utilisant un mouvement de glissement du doigt sur l’écran. De plus, il est recommandé que les éléments utilisés en pied de page tels le logo d’entreprise, le +WEB ou l’appel à l’action demeurent statiques.