L’immersion offerte par la vidéo 360 et la réalité virtuelle (en anglais VR pour Virtual Reality) sont déjà des standards d’expression sur les grandes plateformes de contenus telles que Facebook ou Youtube. La tendance se confirme de plus en plus. Que ce soit pour du divertissement ou du journalisme. Elle se renforce notamment grâce à Google qui a annoncé que les expériences VR seront plus largement disponibles sur Chrome. Avec la nouvelle mise à jour, Google promet qu’il est maintenant aussi facile de se faufiler dans l’Air Force One que d’accéder à sa page Web préférée.
La mise à jour intègre une technologie appelée WebVR, qui permet aux expériences VR d’être hébergées sur des sites Web. WebVR est soutenu par des géants de l’industrie comme Firefox, Samsung, Facebook et Microsoft en plus de Google. Le renforcement du support sous Chrome est une étape importante pour donner aux créateurs de VR une plate-forme plus vaste pour présenter les expériences qu’ils conçoivent.
Du rôle de spectateur au rôle d’acteur
Les technologies et des librairies telles que WebGL et ThreeJS ont démocratisé l’usage des vues 360° et de la 3D sur les sites Web. Cela a permis l’apparition de contenus avec une expérience enrichie où l’utilisateur quitte le rôle de spectateur pour prendre le rôle d’acteur, voire même de réalisateur.
La vidéo 360 et la réalité virtuelle autorisent une réécriture complète des règles traditionnelles de storytelling. L’utilisateur ne survole plus l’histoire en la consommant de manière passive. Il la contrôle en choisissant sous quel angle il veut la voir.
Les producteurs de jeux, de films et de documentaires exploitent de plus en plus cet eldorado du Web où tout reste à inventer. Notamment, l’UI design qui doit être adapté pour offrir une expérience en 3D aussi confortable que dans les interfaces 2D. Pour vous faire une idée des défis auxquels sont confrontés les VR designers, je vous invite à découvrir la vidéo de Samsung lors d’une conférence dédiée au sujet.
Si vous voulez un point de vue plus analytique que le mien sur les défis du storytelling immersif, lisez l’article Do People View All 360°? – Les personnes perçoivent-elle les 360 degrés ?
Voyons à présent comment les créateurs de contenus font face à ces défis pour concevoir un storytelling agréable à 360 degrés. De nombreuses approches créatives sont à emprunter aux designers et développeurs de jeux vidéo. Maintenant, place aux inspirations.
Note 1 : je vous ai épargné les lecteurs Facebook et Youtube embarqués –.
Note 2 : UX for VR – Une liste de ressources pour explorer les défis UX du 360/VR.
Plongez dans l’univers des arts de la scène
Inspiration ui design site web google cultural institut plongez dans l univers des arts de la scene 1
Découvrez le son authentique du Carnegie Hall avec une prestation à 360° de l’orchestre de Philadelphie.
Way to go
Way to go 360 video
Way to Go est une promenade dans les bois. C’est une expérience interactive étonnante, un panorama agité, un mélange d’animations faites à la main, de captures vidéo 360˚, de musique, de rêve et de code ; Mais surtout c’est une promenade dans les bois 😃.
Kubikfoto VR
Web design inspiration kubikfotovr authentic virtual reality
Il s’agit d’une réalité virtuelle interactive et vidéo. Cette expérience est également conçue pour la VR mobile. Et vous n’avez même pas besoin de télécharger une application. Il suffit de visiter www.kubikfotovr.com avec le navigateur de votre smartphone.
The hidden worlds of the national parks
Web design inspiration explore the hidden worlds of our national parks
Suivez les rangers dans des endroits où la plupart des gens ne vont jamais. Une belle démonstration d’un storytelling immersif au service de la nature.
Piaget Polo 360 experience
Web design inspiration discover the piaget polo 360 experience
Pratiquez le polo avec cette vidéo 360.
Boost Mobile 360
Wearewhereyouat360
Une expérience immersive à 360° où des personnages hors normes présentent leurs talents.
Crazy Skills
Panasonic neymar junior crazyskills
Une expérience a consommé de préférence sur votre mobile. L’interface vous permet de contrôler les angles de vue et la vitesse de lecteur d’une vidéo 360 degrés montrant les prouesses de Neymar Jr.
This Also 360
Inspiration ui design site web this also 360
Une exploration à 360° d’une agence Web en mode fish eye.
Sens VR
Web design inspiration sens vr a virtual reality labyrinth arte creative
Embarquez pour un voyage dans un monde rempli de lois étranges.
Braille Face – Kōya
Web design inspiration braille face k ya
Naviguez dans un clip interactif à 360 degrés avec votre navigateur tout en écoutant Kōya, le premier album du musicien Braille Face.
On en parle ?!
Avez-vous des commentaires, des questions, de l’amour ou de la haine ? Envoyez tout ça à [email protected]. Si vous n’aimez pas les e-mails, envoyez un tweet à @MagDuWebdesign.
Si vous avez apprécié cet article, vous pourriez être intéressé(e) par :
Prenez soin de vous. A bientôt — @guillaumpalayer.
Accédez au meilleur des interfaces directement depuis votre boîte mail
Si vous n’aimez pas les emails, accédez au meilleur des interfaces sur Twitter.