L’introduction d’un mode d’organisation des arbres beaucoup plus organisé a été notre première étape dans la grande révolution cutanée. L’étape 2 est une fonctionnalité complètement nouvelle, qui répond vraiment aux différences entre la visualisation de bureau et la visualisation mobile.

Au risque de nous répéterves, nous tenons à souligner que une fois de plus, la qualité d’une visite virtuelle ne dépend pas seulement de la qualité des médias qu’elle inclut. Pour faire une bonne expérience, vous avez besoin d’une design et architecture de qualité de l’interface qui encadre le média

image (22)

Si l’on compare une visite virtuelle sur un ordinateur avec une visite sur un appareil mobile, ils ne pourraient pas être plus différents. Ils diffèrent dans leur orientation (paysage vs portrait), dans leur taille évidemment, dans la dynamique ou la manière de contrôler l’appareil et peut-être même dans la situation dans laquelle nous utilisons l’un ou l’autre – où l’un tend à être utilisé avec toute l’attention dans un bureau calme et l’autre en déplacement avec plus de choses qui nous distraient. Ce sont deux expériences différentes et elles méritent deux conceptions complètement optimisées.

Les peaux réactives étaient une bonne solution pour la plupart des peaux et elles continuent de l’être pour les peaux qui ne sont pas trop complexes. Les éléments de votre skin peuvent s’adapter automatiquement à la taille de l’écran si vous les définissez en %, l’utilisation de conteneurs vous permet de maintenir les panneaux de boutons et la disposition des fenêtres, etc. Mais c’est une chose de faire en sorte que les choses s’adaptent, et c’en est une autre de vraiment tirer parti de la différence de disposition, de taille et même de manière et de situations lorsque vous utilisez un téléphone mobile. C’est ce que vous pouvez faire avec la nouvelle fonction Dual Skin.

Dual Skins et comment les créer

Dual skins signifie qu’une seule et même visite virtuelle aura deux skins – un pour le bureau et un pour les appareils mobiles ou tablettes que vous pouvez optimiser avec seulement quelques touches. La visite elle-même détectera l’appareil sur lequel l’utilisateur regarde la visite et montrera respectivement l’un ou l’autre skin parfaitement optimisé pour cela.

Le tutoriel montre comment vous pouvez créer exactement un skin double sans avoir à créer deux skins séparés à partir de zéro. Lors de la refonte de l’interface de votre skin mobile, nous vous recommandons de penser à ce qui suit :

  • Y a-t-il des éléments dont je n’ai pas nécessairement besoin dans ma peau mobile ?
  • Y a-t-il des éléments que je peux combiner sous un seul bouton de menu ?
  • Y a-t-il des éléments que je devrais déplacer pour qu’il soit plus facile de les atteindre avec la main qui tient l’appareil mobile (les coins supérieurs gauche devraient être réservés aux autocollants, compteurs, indicateurs – les boutons devraient être plus près du bas et de la droite).
  • Comment puis-je convertir mes fenêtres horizontales en fenêtres verticales ?
  • Les boutons sont-ils assez gros pour pouvoir être sélectionnés avec un doigt ?
  • Ma peau est-elle trop encombrée ? Ne jamais détourner l’attention du contenu réel !

02_dual_interior

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *