Kísérleti webes élmény
Frontier Atlas
Három téma. Három felfedezési mód.
Három interaktív történet a webről, egyetlen másodpercről és a Föld 4,54 milliárd éves múltjáról. Mindhárom saját látványvilágot kapott, mégis egy közös gyűjteményből érhető el.
- Típus
- Saját kezdeményezésű interaktív gyűjtemény
- Szakterületek
- Kreatív irány · interakció · tartalom · fejlesztés
- Technológia
- React · Three.js · GLSL · Web Audio
F01 / Kiinduló kérdés
Az interakció magyarázza el az ötletet.
Nem három látványos nyitóképet kellett készíteni, hanem három érthető interaktív történetet. Az interakciónak minden esetben a témát kellett magyaráznia. Közben a projekteknek egy sorozat részeiként kellett működniük, telefonon és gyengébb eszközökön is.
A gyűjtemény alapgondolata
„Az interakciónak magyaráznia kellett a témát, nem csak látványként rákerülnie.”
- 01 / KözegA web mint élő rendszer
- 02 / PillanatAz időtartam mint tér
- 03 / BolygóAz anyag mint archívum
Három különböző ötlet, egy világos gyűjtemény.
A tanulmányoknak nem kellett egyformán kinézniük. Viszont mindegyiknek világos kezdésre, a témát magyarázó interakcióra és jól követhető lezárásra volt szüksége. Az Atlas egy közös nyitóoldalról teszi elérhetővé őket, miközben mindhárom megőrzi a saját karakterét.
F03 / A web mint élő rendszer
The Web, Alive
A részecskék négy fejezeten át reagálnak a látogató mozdulataira. A fejezetek a CSS-ről, a grafikus feldolgozásról, a betűkről és az emberi vezérlésről szólnak. A látogató nem csak olvas a webről mint rendszerről, hanem közvetlenül meg is mozgathatja, és láthatja, hogyan reagál.
- Téma
- A web mint élő anyag
- A látogató művelete
- Mozgasd és zavard meg a mezőt
- Felépítés
- Négy összekapcsolt fejezet
F04 / Az időtartam mint tér
One Human Second
Egy másodperc általában túl rövid ahhoz, hogy belegondoljunk, mennyi minden történik közben. Ez a tanulmány lelassítja, majd összehasonlítja a test, a bolygó, a digitális hálózatok és a légkör folyamatait. A gömb ezeket egyetlen, folyamatosan bővülő pillanatként mutatja meg.
- Téma
- Mi történik ugyanabban a másodpercben
- A látogató művelete
- Fedezd fel egy közös idővonalon
- Tartomány
- Test · bolygó · hálózatok · légkör
F05 / Az anyag mint archívum
Deep Time
A Föld történetét nehéz dátumok listájaként megérteni. Egy folyamatos oszlop a jelentől a bolygó kialakulásáig viszi a látogatót anélkül, hogy elveszítené a helyét. A lépték 4,54 milliárd éven át olvashatóvá teszi a nagy változásokat.
- Téma
- A Föld teljes története
- A látogató művelete
- Görgess egy folyamatos oszlopot
- Tartomány
- A jelentől 4,54 milliárd évvel ezelőttig
F06 / Interakció
Minden interakció elmagyarázza a témát.
A három tanulmány másképp néz ki, de ugyanarra az elvre épül: a látogató alakít egy élő modellt, a modell reagál, a források pedig mindig elérhetők maradnak. Az interakció így a magyarázat része, nem puszta díszítés.
Vezérlés
A látogató közvetlenül alakítja a modellt.
A görgetés, az egér és az érintés ugyanarra a modellre hat. Ezért az élmény folyamatos, nem egymástól független effektek sorozata.Hang
A hang követi azt, ami a képernyőn történik.
A választható hang a képernyő mozgására és sűrűségére reagál. Gazdagabbá teszi az élményt, de nem veszi el az irányítást a látogatótól.Olvasás
A források mindig kéznél vannak.
A címkék és hivatkozások a látvány mellett is olvashatók. A látogató ellenőrizheti az állításokat, nem kell csak a látványban bíznia.01 / Élő mező02 / Bolygóméretű másodperc03 / Fizikai archívumF07 / Hogyan működik
Az effektek egy olvasható oldalra épülnek.
Először a szöveg, a források és a navigáció töltődik be. A látvány, az interakció és a hang csak ezután jelenik meg. Így a tartalom kisebb képernyőn, lassabb eszközön vagy kevesebb mozgással is érthető marad.
Hogyan épül fel az élmény
Előbb a tartalom. Utána az effektek.
A témát maga az oldal magyarázza el. A látvány, az interakció és a hang ezt teszi élőbbé, de nélkülük is érthető marad.
- Nyilvános gyűjtemény
- 1
- Interaktív tanulmányok
- 3
- Telefonos vezérlés
- Érintés
- Források a témák mellett
- 25
01. tanulmány / Élő mező
02. tanulmány / Bolygóméretű másodperc
03. tanulmány / Fizikai archívum
- Olvasható oldal
- Valós idejű kép
- Görgetés és érintés
- Választható hang
- Ugyanaz az ötlet effektek nélkül
Ha egy vizuális effekt nem érhető el, a fejezet akkor is érthető.
- 01
Az oldal már az effektek betöltése előtt is elmagyarázza a témát, megmutatja a forrásokat, és egyértelmű olvasási sorrendet ad.
- 02
Minden tanulmány saját, valós időben változó látványt kap, miközben az alatta lévő olvasható oldal is megmarad.
- 03
A görgetés és az érintés ugyanazt az állapotot változtatja, így az élmény minden eszközön érthető marad.
- 04
A hang választható, és azt követi, ami már történik a képernyőn.
F08 / Telefon
Telefonon a lényeg marad meg, nem az összes asztali kezelőelem.
Kisebb képernyőn eltűnnek a felesleges kezelőelemek, és egyszerűbb lesz a látvány. A téma, a fontos interakció, a fejezetek sorrendje és a források megmaradnak. A telefonos változat ugyanazt az élményt adja, de a saját képernyőméretéhez igazítva.
Frontier Atlas / Telefon
Ugyanaz az ötlet.
Kevesebb
kezelőelem.
A telefonos változat megtartja a fejezetet, az aktív témát és a fontos interakciót. Minden más visszafogottabb lesz.
Aktív téma · világos olvasás · érintésre készült vezérlésAz élő élmény megnyitása ↗- Aktív téma
- Interaktív marad
- Olvasás
- A magyarázat és a források maradnak
- Érintés
- A képernyőhöz illő vezérlés
Élő telefonos nézet · 390 × 844-es referencia
Egy nyilvános gyűjtemény három befejezett tanulmánnyal.
Ehhez a saját projekthez nem tartoznak üzleti mutatók. Az eredmény maga a munka: egy nyilvános gyűjtemény, három különböző élmény és egy szerkezet, amely később további tanulmányokat is fogadhat.
- Nyilvános gyűjtemény
- 1
- Egy közös nyitóoldal bemutatja a sorozatot, a látogató pedig eldöntheti, melyik témával kezd.
- Befejezett interaktív tanulmányok
- 3
- Minden témának saját vizuális modellje és interakciója van.
- Források a témák mellett
- 25
- A hivatkozások az általuk alátámasztott állítások és képek mellett vannak.
- Telefonos élmény
- Érintés
- A fő ötlet és az interakció kisebb képernyőn is megmarad.
Hogyan marad egyben
Az ötlet kikapcsolt effekt mellett is érthető.
- A címek, a navigáció és a források normál oldaltartalom maradnak
- A mozgás a fejezet elvesztése nélkül csökkenthető
- A hang csak a látogató kérésére indul el
- Minden tanulmánynak saját címe van olvasáshoz és megosztáshoz
A Frontier Atlas saját kezdeményezésű projekt, ezért nem tartozik hozzá ügyfélbevétel vagy közönségadat. A közös gyűjtemény már elérhető, az önálló fejezetoldalak végleges változata viszont még készül. Ezért a projekt jelenleg a gyűjteményre mutat.
Frontier Atlas / nyilvános gyűjtemény