Fermer

avril 27, 2020

Élever l'expérience numérique dans une autre dimension avec la 3D interactive


Levez la main si vous avez regardé un film ou joué à un jeu vidéo au cours des 20 dernières années. Gardez ces mains levées si vous avez déjà été dans une voiture, un immeuble ou utilisé un smartphone. La plupart du monde moderne dans lequel nous vivons, des divertissements que nous consommons aux produits et espaces que nous utilisons, a été conçu à l'aide de la technologie 3D. Bien que la technologie 3D imprègne notre existence, elle n'a que récemment gagné en popularité en tant qu'outil créatif sur le Web. Ce n'est pas encore courant, mais les évolutions technologiques et de la bande passante ont été un catalyseur pour l'essor des sites Web et des applications utilisant la 3D. Et avec l'explosion des dispositifs de réalité augmentée et virtuelle, nous approchons d'une nouvelle aube d'expériences 3D interactives.

L'équipe du laboratoire d'innovation de Perficient joue dans l'espace 3D interactif depuis plus de cinq ans et j'ai pensé qu'il était temps de partager de nos apprentissages – pourquoi il est efficace, quand l'utiliser, et ce que nous pensons est en réserve pour l'avenir de la 3D interactive.

Interactive 3D 101

D'abord un bref aperçu de ce que c'est, donc nous sommes tous sur la même page. Lorsque je parle de 3D interactive, je parle d’objets virtuels tridimensionnels rendus dans un navigateur Web ou une application. Habituellement, les objets 3D représentent un espace comme un bâtiment ou un produit comme une voiture, mais nous ne devrions pas être limités par ces constructions. Parfois, des éléments d'interface utilisateur bidimensionnels simples sont construits en 3D afin de donner aux objets plats un sentiment de profondeur. Ces expériences sont souvent interactives et l'animation joue généralement un rôle dans l'expérience.

Les expériences 3D interactives ne sont pas nouvelles. En fait, dans les années technologiques, ils existent depuis toujours. Les premières expériences ont été construites dans les premiers jours d'Internet en utilisant un langage appelé VRML. Flash a été la prochaine grande avancée technologique, donnant les outils pour créer des sites Web 3D assez impressionnants à un public plus large, mais au détriment d'un plugin. Nous vivons maintenant à l'ère de WebGL, un standard Web qui rend nativement les objets 3D dans le navigateur. Des équipes comme la mienne utilisent un framework Javascript appelé Three.js pour créer des expériences 3D immersives, en utilisant un langage que nous connaissons bien.

Ces expériences deviennent certainement plus accessibles et plus faciles à construire, mais elles pose la question: pourquoi même créer une expérience 3D interactive en premier lieu?

 City of Big Data Map

Pourquoi la 3D est efficace

Bien qu'il y ait eu récemment un boom des sites Web qui incorporent des éléments 3D , une grande majorité des sites sur Internet sont aujourd'hui «plats» – une collection de composants 2D disposés en mises en page, organisés en pages ou écrans. C'est le Web auquel la plupart des gens pensent: moteurs de recherche, sites d'actualités, sites vidéo, blogs, la liste continue.

Augmentation du temps de séjour

L'intégration de la 3D sur un site ajoute de la profondeur et une qualité visuelle qui augmente le temps de séjour. Pour l'anecdote, nous avons constaté des pics importants de temps passé sur des sites que nous avons construits avec des composants 3D. La richesse générée par les éléments 3D élève un site / application au-dessus de ses concurrents de la même manière que les caractéristiques et le style d'une voiture de luxe le distinguent d'une voiture conventionnelle. Les clients peuvent faire la différence entre une entreprise qui investit dans sa présence numérique et une entreprise qui ne le fait pas.

Représentation de la réalité et de la fiction

À mesure que la technologie évoluait, la qualité de la 3D interactive a considérablement augmenté. Cela rend la 3D idéale pour représenter le réalisme numériquement. Les photos et les vidéos ne peuvent aller jusque-là. Un client peut mieux comprendre votre produit si vous le laissez interagir avec lui: tournez-le, boutons-poussoirs, exposez le fonctionnement interne avec des vues éclatées.

La 3D est également l'un des meilleurs moyens de représenter la fiction: des mondes qui ne n'existent pas, des effets futuristes, des choses qu'on ne voit pas dans la réalité. Les jeux vidéo et les films utilisent des objets 3D pour construire des mondes fictifs depuis des décennies. De la même manière, nous pouvons transporter les utilisateurs vers de nouveaux mondes en créant des expériences 3D basées sur le Web / les applications.

Immersion

Quiconque crée un site Web ou une application souhaite que son client / utilisateur / lecteur soit immergé dans son contenu. Les marques veulent que les clients s'identifient à leur histoire, les entreprises de biens de consommation veulent que les gens se connectent à leur produit et les éditeurs veulent que les lecteurs digèrent et se souviennent de leurs histoires. La 3D introduit une profondeur qui fait allusion à quelque chose de plus au coin de la rue ou derrière un objet, encourageant les utilisateurs à continuer à explorer. La 3D immersive peut avoir un effet enchanteur sur les utilisateurs. Regardez à quel point les jeux vidéo sont efficaces pour immerger un joueur dans un monde. Cela signifie que les utilisateurs passent plus de temps avec votre histoire et gravent une expérience plus mémorable dans leur cerveau.

Navigation innovante

La 3D interactive offre la possibilité de méthodes de navigation uniques. Le Web repose traditionnellement presque uniquement sur la navigation et le défilement de haut niveau. Avec la 3D, les utilisateurs peuvent se promener dans un bâtiment, faire un tour en voiture, cliquer et zoomer sur différentes zones d'une carte, etc. Ces expériences ne sont pas limitées par la construction d'une page. En concevant une navigation innovante, nous pouvons nous libérer de la molette de la souris et guider les utilisateurs dans un voyage.

Quand utiliser la 3D

Tous les sites Web ou applications n'appellent pas une expérience 3D, mais il existe des cas spécifiques où la 3D peut transformer une expérience moyenne en une expérience incroyable.

Visualisation / exploration spatiale

Peut-être le cas d'utilisation 1: 1 le plus populaire pour la 3D est la visualisation et l'exploration spatiales. La création d'une représentation numérique 3D de l'espace est sans doute le meilleur moyen de donner à un utilisateur un sentiment réaliste d'être réellement dans cet espace lorsqu'il ne peut pas être physiquement là. Parfois, un modèle 3D est le seul moyen de représenter un espace particulier. Ce fut le cas lorsque nous avons construit le site Web du parc à Wrigley (maintenant Gallagher Way) – le parc était en construction à l'époque, donc il n'y avait pas de photos disponibles, mais nous avons trouvé un moyen de mettre en valeur les caractéristiques du parc à l'aide d'un carte interactive 3D.

 Carte interactive du parc de Wrigley

Cas d'utilisation potentiels:

  • Vitrine bâtiment / maison
  • Expositions de lieux historiques
  • Visualisation du monde d'un film ou d'un jeu vidéo

Visualisation des produits

Les sociétés de produits comme Apple utilisent la 3D pour visualiser leurs produits depuis des années. La quantité de contrôle que 3D leur permet est un énorme avantage. Les produits peuvent être présentés aux clients dans un environnement numérique organisé, supprimant les barrières physiques qui peuvent empêcher un client d'envisager un produit. Donner aux utilisateurs quelque chose qu'ils peuvent faire tourner, manipuler et interagir avec les relie plus étroitement au produit. Et comme ces produits existent dans le code en direct, ils peuvent être modifiés, transformés et personnalisés par les producteurs et les consommateurs.

Cas d'utilisation potentiels:

 Expérience et conception client - Créez une meilleure expérience client avec AEM sur Microsoft Azure [19659033] Configuration voiture / camion</li data-recalc-dims=
  • Modèle de vêtement virtuel
  • Vue détaillée éclatée d'un produit industriel
  • Constructeurs

    Vous avez probablement vu des outils de construction ou de rénovation qui vous permettent de construire une cuisine ou essayez différentes options de peinture dans une pièce. Ce type d'expérience peut être particulièrement amélioré par la 3D interactive lors de la construction de pièces complexes – des choses qui ne peuvent pas être facilement démontrées dans une visualisation 2D. Avec la 3D, un utilisateur peut avoir une idée plus réaliste de la façon dont tout se connecte, de l'échelle et des qualités des pièces.

    Cas d'utilisation potentiels:

    • Conseils pour l'amélioration de l'habitat
    • Application d'architecte d'intérieur
    • Meubles instructions de montage
    • Architecture volumétrique
    • Outils STEM pour enfants

    Visualisation des données

    L'un des domaines d'exploration les plus intéressants de la 3D interactive est la visualisation des données. Nous voyons cette technique fréquemment utilisée par les organes de presse pour afficher des données à travers l'espace géographique. La troisième dimension visuelle permet aux concepteurs de données d'ajouter une dimension de données correspondante qui n'aurait pas pu être vue autrement.

    Nous avons utilisé cette technique sur le CNN Magic Wall. En entrant une vue 3D d'un état, un utilisateur peut afficher les données de vote des partis par comté par codage couleur et les données démographiques par hauteur du comté. Ainsi, on pouvait rapidement voir que les personnes âgées votaient plus fortement républicain dans les comtés ruraux, par exemple. Donner aux utilisateurs la possibilité de manipuler et d'afficher des données 3D met le pouvoir entre les mains de l'utilisateur et lui permet de comprendre les données d'une manière qui leur convient.

     Carte CNN

    Cas d'utilisation potentiels :

    • Reportages contenant des données complexes
    • Rapports annuels numériques
    • Cartes de données géographiques

    Storytelling

    La narration numérique peut prendre plusieurs formes – des articles de presse au format long au marketing de marque. La nature dynamique du contenu 3D en fait un excellent ajout à la boîte à outils de la narration. C’est une méthode pour dépasser l’illustration ou la photographie 2D statique. Et contrairement à la vidéo, les utilisateurs peuvent découvrir tout l'espace de la scène.

    La 3D interactive est particulièrement utile pour raconter des histoires sur des lieux, comme nous l'avons fait avec la série d'articles The Atlantic: Population Health. En collaboration avec des journalistes de The Atlantic, nous avons conçu et réalisé des articles interactifs sur la santé de la population dans trois endroits différents. Chaque locale était représentée comme un environnement 3D. Au fur et à mesure que l'utilisateur faisait défiler l'article, la scène 3D passait de façon transparente à de nouveaux emplacements dans la ville ou se déplaçait vers une vue à vol d'oiseau pour visualiser les données cartographiées sur le paysage de la ville.

     L'écran de l'Atlantique

    Les lieux ne sont pas le seul sujet pour lequel la 3D est un mécanisme de narration approprié. Des concepts abstraits, des sujets scientifiques, des produits et d'autres sujets qui nécessitent une complexité visuelle ou des couches d'informations se jouent bien dans une expérience 3D interactive.

    Cas d'utilisation:

    • Raconter une histoire de marque
    • Expositions au musée
    • Web jeux

    Orientation

    Aider les gens à comprendre et à se repérer dans l'espace est l'un des meilleurs moyens d'utiliser la 3D interactive. L'orientation 3D est utilisée par des millions de personnes chaque jour dans Google Maps et autres. Le pouvoir d'utiliser la 3D dans un contexte d'orientation est que les gens peuvent rendre la connexion cognitive entre les cartes et la réalité beaucoup plus rapide. Lorsqu'elle est étendue par la réalité augmentée, cette connexion devient encore plus rapide et les murs entre les mondes virtuel et réel sont brisés.

    Cas d'utilisation potentiels:

    • Kiosques d'orientation lors de salons professionnels
    • Cartes du campus
    • Applications de tournée [19659026] Applications immobilières

     Carte Odyssée

    Simulation et formation

    La combinaison d'environnements 3D personnalisés et d'interactivité rend cette technologie extrêmement utile pour la simulation et la formation. Les stagiaires peuvent apprendre de précieuses leçons instantanées lorsqu'ils sont placés dans des scénarios et des espaces hypothétiques, en particulier ceux qui simulent la réalité. La simulation n'est pas un nouveau concept – les militaires entraînent les gens de cette façon depuis des années. Mais récemment, de grandes entreprises comme Walmart ont reconnu la valeur des expériences 3D interactives à des fins de formation et d'évaluation.

    Cette technologie fonctionne particulièrement bien en préparation de situations rares qui ne peuvent pas être facilement reproduites dans la réalité . Les stagiaires peuvent d'abord expérimenter ces scénarios dans un environnement simulé contrôlé, éliminant les risques tout en apprenant de précieuses leçons.

    Cas d'utilisation potentiels:

    • Simulation de procédures médicales
    • Formation des employés pour les carrières en intervention d'urgence
    • Simulation scientifique pilotée par l'IA

    Quel est l'avenir de la 3D interactive?

    Alors que le Web devient plus sophistiqué et que la bande passante continue d'augmenter, les expériences 3D interactives augmenteront en prévalence, profondeur visuelle et mobilité. Les outils créatifs continueront d'évoluer et de devenir plus accessibles aux concepteurs et aux ingénieurs pour créer des expériences immersives plus efficacement. La technologie mobile permettant la réalité augmentée permettra aux gens de vivre avec eux une expérience 3D et de la «construire» où qu’ils se trouvent. La croissance des casques AR et VR continuera d'élargir le marché des expériences 3D au-delà des arènes dans lesquelles il est traditionnellement utilisé, comme le jeu. Alors que la 5G devient plus courante, les problèmes de bande passante et de taille de fichier disparaîtront, permettant des expériences plus riches et plus immersives.

    La tendance de la technologie au fil du temps indique que nous commencerons également à voir plus de réalisme – des textures et des animations réalistes par la physique réaliste. Parallèlement, il y a l'expansion de la technologie qui peut pousser la réalité dans l'hyper-réalité – des effets et des shaders qui peuvent élever une expérience pour rivaliser avec les jeux vidéo ou les films. Toutes ces innovations signifient plus d'opportunités de faire de la 3D interactive un élément important de la stratégie numérique.

    Mais l'avenir ne se résume pas aux progrès technologiques. Dans notre monde actuel d'interaction limitée ou inexistante avec les espaces physiques et les personnes, les expériences 3D sur le Web offrent aux gens la possibilité de découvrir l'espace et la connexion virtuellement. Cela nous permet de faire des choses à distance que nous ne pouvons pas faire en personne. Non, ce n'est pas un remplacement pour marcher dans les rues de votre ville préférée ou pour aller à un concert à guichets fermés, mais cela peut être un pont à la fois maintenant et dans le futur.

    Si vous souhaitez en savoir plus sur la façon dont nous créer des expériences 3D interactives ou si vous avez une idée 3D que vous aimeriez réaliser, contactez-nous .

    À propos de l'auteur

    En tant que directeur créatif du laboratoire d'innovation de Perficient, Tyson se concentre sur les expériences émergentes, la narration numérique et la conception de produits.

    Plus de contenu de cet auteur




    Source link