Interaktive og Immersive Nettsteder: 10 Utrolige Visuelle Opplevelser

Oppdag 10 ekstraordinære nettsteder som kombinerer kunst og teknologi, med interaktive opplevelser som overrasker og engasjerer brukeren på alle enheter.

Nettsider er ikke bare chatboter, søk, sosiale nettverk og blogger. Det finnes også ekte mesterverk, imponerende og ekstraordinære kunstverk, fruktene av arbeidet til svært dyktige og fantasifulle utviklere. Å lage nettsider med visuell eller interaktiv fortelling er en stor utfordring for utviklere, fordi de må utmerke seg i design uten å svekke nettstedets brukervennlighet. Generelt sett handler det om nettsteder som promoterer et produkt eller viser potensiell teknologi. I de fleste tilfeller kan historien, bestående av bilder og grafikk av høy kvalitet, rulles ved hjelp av musen eller tastaturet.

I denne artikkelen prøver jeg å liste opp 10 av de mest ekstraordinære nettsidene som er visuelt fantastiske å se på og navigere, på PC, smarttelefon og nettbrett.

Simulasjoner med Høy Spenning og Kognitive Tester

De væpnede styrkene og offentlige etater har ofte store budsjetter for å skape rekrutteringsopplevelser som ser ut som ekte AAA-videospill. De utnytter avansert WebGL-teknologi for å dykke brukeren ned i handlingen.

Først finner vi US Air Force: Into the Storm. Dette er en interaktiv filmopplevelse designet for å vise viktigheten av spesialoperasjoner. Nettstedet begrenser seg ikke til å vise en video: det krever at brukeren tar raske avgjørelser i krisescenarier, og veksler mellom filmsekvenser med høy oppløsning og sanntidsinteraksjoner. Lyddesignet er aggressivt, og den visuelle fortellingen forsøker å formidle en følelse av hastverk og kontrollert kaos som er typisk for redningsoppdrag. Det representerer spissen av hvordan video kan smelte sammen med webgrensesnittet uten avbrudd.

I samme teknologiske spor, men med en mer analytisk tilnærming, finner vi Air Force E.C.H.O.. Mer enn en historie, er dette en sofistikert testarena for kognitive ferdigheter. Brukeren blir utsatt for en rekke gamifiserte utfordringer som tester reaksjonstid, visuell hukommelse og multitasking under press. Grafisk sett har den en futuristisk og ren estetikk, og kjører jevnt i nettleseren til tross for kompleksiteten av beregningene i bakgrunnen. Det er et klart eksempel på hvordan ferdighetsvurdering kan bli en engasjerende form for underholdning.

Interaktiv Kunst og 3D-design

Denne seksjonen samler prosjekter hvor teknologien tjener ren estetikk, og lar brukeren manipulere former og farger i et tredimensjonalt rom.

For de som ønsker absolutt kreativ frihet, er Blobmixer et must. Utviklet av studioet 14islands, er det en digital "leke" som lar deg generere og tilpasse abstrakte tredimensjonale former (blobber). Brukergrensesnittet er en integrert del av opplevelsen: hver glidebryter endrer i sanntid teksturer, tyngdekraft og farger, og demonstrerer kraften i moderne grafikkbiblioteker. Det finnes ikke noe endemål annet enn å miste seg selv i det visuelle strømmen og skape unike komposisjoner som reagerer på musikk, ofte brukt av designere som kilde til fargeinspirasjon.

På den motsatte siden av den teknologiske intensiteten finner vi Short Trip av Alexander Perrin. Her gir 3D plass for håndtegnede, delikate og nostalgiske tegninger. Interaksjonen er begrenset men kraftfull: man guider en liten trikk gjennom et blyanttegnet kupert landskap. Det finnes ingen poengsummer eller fiender, bare gleden av reisen og observasjonen av de animasjonsdetaljene som fyller denne stille verden. Det er en demonstrasjon på at utmerket fysikk i spill og gjennomtenkt kunstnerisk retning er mer verdt enn tusen spesialeffekter.

Umulig å ikke nevne Bruno Simon Portfolio. Selv om det teknisk sett er en CV, har det redefinert standardene for online porteføljer. For å navigere mellom forfatterens prosjekter må brukeren styre en radiostyrt jeep gjennom en fysisk mikrovärld, krasje inn i objekter for å aktivere dem. Det har forvandlet en kjedelig oppgave (å lese en liste med arbeider) til et arkadekjøringsspill, og blitt et absolutt referansepunkt for frontend-utviklere.

Utforskning av Verden Rommet

Internett gir oss muligheten til å reise umiddelbart, men noen nettsteder klarer å gi dybde og kontekst til stedene vi besøker virtuelt.

Et eksempel på et territorielt dokumentarprosjekt er Marseille by La Phase 5. Dette prosjektet tilbyr en ikke-lineær utforskning av byen Marseille. Glem flate kart: her beveger man seg i et miljø som blander topografiske data, 360-graders video og miljøopptak. Flyten i overganger mellom fugleperspektiv og detaljer fra nabolagene skaper en dyp geografisk fortelling, som lar oss "føle" byen i tillegg til å se den. Det er en utmerket modell for digital turisme i fremtiden.

Når det gjelder global lydekspolrasjon, er Radio Garden uslåelig. Grensesnittet er en 3D-globe fylt med grønne lys: hvert punkt er en radiostasjon som sender live. Å rotere planeten og stille inn på en lokal sending i Japan eller Brasil fjerner de fysiske avstandene på et øyeblikk. Enkelheten i ideen (verden som en radio) overgår den tekniske kompleksiteten, og skaper en umiddelbar følelse av menneskelig forbindelse.

Ved å se opp over atmosfæren, transformerer NASA's Eyes reelle telemetridata til en romsimulering tilgjengelig for alle. Det er ikke bare et arkiv, men en grafikkmotor som lar deg fly ved siden av Voyager-sondene eller følge satellittenes bane i sanntid. Muligheten til å manipulere tid og kamera gjør komplekse orbitalmanøvrer forståelige, noe som gjør dette verktøyet uunnværlig for astronomi-entusiaster.

Species in Pieces er et mesterverk av CSS-kode som fungerer som en digital utstilling for 30 utrydningstruede dyrearter. Overgangen mellom dyrene skjer gjennom fragmentering og rekonstruksjon av 30 fargede polygoner. I tillegg til den estetiske skjønnheten gir hvert kort nøyaktige data om trusselen mot arten. Det er også en viktig teknisk studie for å forstå mulighetene for webanimasjoner uten bruk av tunge videoer.

Minimalisme og Scrollytelling

Det er ikke alltid nødvendig med 3D-verden for å imponere. Noen ganger er det nok med vertikal rulling eller en enkel sosial idé.

Mestringen av vertikal fortelling er The Deep Sea av Neal Agarwal. Nettstedet er en lang, dyp rulling nedover som simulerer nedstigningen i havet. Etter hvert som brukeren synker, avtar lyset, og skapningene som bor i dypet blir synlige, helt til det totale mørket i Marianergropen. Den smarte bruken av plass og dataens progresjon etter hvert som man "synker" gjør den vitenskapelige informasjonen minneverdig uten behov for tunge videoer.

Vi avslutter med et eksempel på umiddelbar sosial nytte: RPS Game. Dette er den digitale versjonen av "Stein, Saks, Papir". Ingen 3D, ingen episke historier, bare ren funksjon: lage en lenke, sende den til en venn og spille i sanntid for å løse en tvist eller bruke tiden. Dens inkludering på denne listen minner oss om at nettinteraktivitet også kan være lett, rask og fokusert på et enkelt formål, som fungerer perfekt på alle enheter uten lastetid.

The Boat, laget av det australske nettverket SBS, er sannsynligvis det mest kjente og vellykkede eksemplet på interaktiv graphic novel. Basert på en fortelling av Nam Le, forteller det om flukten til vietnamesiske flyktninger etter Saigon-fallet. Det som gjør det unikt er rytmen: mens man ruller nedover, svinger bildene for å simulere et stormfylt hav, teksten kommer og går i takt med fortellingens pust, og det lydlige designet omslutter leseren fullstendig. Dette nettstedet må oppleves strengt med hodetelefoner; det viser hvordan HTML5 kan generere angst og empati bedre enn en film.

The Pudding er ikke en enkelt dokumentar, men en digital publisering som forklarer komplekse kulturelle hendelser gjennom visuelle essays basert på data. I stedet for å lese passivt, må brukeren her interagere med grafene for å låse opp den neste informasjonen. Temaene.

Spaziano fra strukturen av poplåter til kompleksiteten i dialogene i Disney-filmer. Det er det absolutte referansepunktet for alle som ønsker å forstå hvordan man kan forvandle et Excel-regneark til en fengslende historie.

Hvis du vil lese flere artikler som Interaktive og Immersive Nettsteder: 10 Utrolige Visuelle Opplevelser, kan du besøke kategorien Applikasjoner.