.design .design

Vidéo 360/VR – Exploration des nouvelles réalités à travers la narration immersive

Explorez une sélection d'expériences Web où la vidéo 360 degrés et les films en réalité virtuelle proposent une nouvelle approche du storytelling.

Capture - Vidéo 360/VR – Exploration des nouvelles réalités à travers la narration immersive

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.

.design
.design

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.JPG
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.JPG
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.JPG
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.

.design
.design

The hidden worlds of the national parks

WEB DESIGN INSPIRATION EXPLORE THE HIDDEN WORLDS OF OUR NATIONAL PARKS.JPG
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.JPG
Web design inspiration discover the piaget polo 360 experience

Pratiquez le polo avec cette vidéo 360.

Boost Mobile 360

WEAREWHEREYOUAT360.JPG
Wearewhereyouat360

Une expérience immersive à 360° où des personnages hors normes présentent leurs talents.

Crazy Skills

PANASONIC NEYMAR JUNIOR CRAZYSKILLS.JPG
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.JPG
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.JPG
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.JPG
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 à guillaume@magazineduwebdesign.com. 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.

.design
.design

Accédez au meilleur des interfaces directement depuis votre boîte mail

Pixels à explorer

Développez vos talents en explorant ces collections

3 sections à explorer. Des centaines de conseils & d'astuces pour rendre le monde meilleur, pixel après pixel, balise après balise.