Kísérleti webes élmény
Frontier Atlas
Három téma. Három felfedezési mód.
Három interaktív tanulmány a webről, egyetlen másodpercről és a Föld 4,54 milliárd éves történetéről. Mindegyik más vizuális ötletet használ, de egy közös helyről indul.
- Típus
- Saját kezdeményezésű tanulmánygyűjtemény
- Szakterületek
- Irány · interakció · szerkesztői design · kreatív fejlesztés
- Technológia
- React · Three.js · GLSL · Web Audio
F01 / Kiinduló kérdés
Az interakció magyarázza el az ötletet.
A nehéz rész nem három látványos nyitókép elkészítése volt. Minden interakciónak el kellett magyaráznia a saját témáját, a három projektnek pedig egy gyűjteménynek kellett érződnie. Használható változat kellett telefonra és gyengébb eszközökre is.
A gyűjtemény alapgondolata
„Az interakciónak el kellett magyaráznia a témát, nem csak ráülnie.”
- 01 / KözegA platform mint élő közeg
- 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. Ugyanarra a szerkezetre volt szükségük: világos nyitányra, a témához kötött interakcióra és dokumentált befejezésre. Az Atlas egy belépési pontot ad, miközben minden projekt külön marad.
F03 / A platform mint élő közeg
The Web, Alive
A részecskék négy fejezeten át reagálnak a látogatóra. A témák a CSS, a grafikus feldolgozás, a betű és az emberi vezérlés. A web mint rendszer olvasása helyett a látogató meglökheti, megzavarhatja, és láthatja a válaszát.
- 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 észrevegyük. Ez a tanulmány lelassítja, és összehasonlítja, mit tesz ugyanennyi idő alatt a test, a bolygó, a hálózat és a légkör. A gömb egyetlen gyűlő pillanatban tartja őket, nem külön képeken.
- Téma
- Mi történik ugyanabban a másodpercben
- A látogató művelete
- Fedezz fel egyetlen gyűlő idővonalat
- 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 tanulmányok máshogy néznek ki, de ugyanúgy működnek: a látogató változtat egy aktív modellen, a modell válaszol, a források pedig közel maradnak. Az interakció a magyarázat része lesz, nem díszítés.
Vezérlés
A látogató változtatja a modellt.
A görgetés, a mutató és az érintés ugyanazt az állapotot változtatja. Az interakció folyamatos marad, nem különálló effektek sorozata.Hang
A hang támogatja a képernyő állapotát.
A választható hang a képernyő mozgására és sűrűségére reagál. Több összefüggést ad, de a látogatónál hagyja az irányítást.Olvasás
A források közel maradnak.
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.
A szöveg, a források és a navigáció töltődik be először. A kép, az interakció és a hang később kerül rá. Az ötlet kisebb vagy lassabb eszközön és csökkentett mozgással is követhető.
Hogyan épül fel az élmény
Előbb a tartalom. Utána az effektek.
Az oldal hordozza a jelentést. A kép, az interakció és a hang élőbbé teszi, de nem ez az egyetlen mód a megértésére.
- 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 elmagyarázza a témát, közel tartja a forrásokat, és világos olvasási sorrendet ad még az effektek betöltése előtt.
- 02
A valós idejű kép saját vizuális modellt ad minden tanulmánynak anélkül, hogy lecserélné az alatta lévő oldalt.
- 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
A telefon megtartja az ötletet, nem minden számítógépes vezérlőt.
Kisebb képernyőn a felesleges vezérlők eltűnnek, a kép egyszerűbb lesz. A téma, a fő interakció, a fejezetsorrend és a források megmaradnak. Ugyanaz a projekt marad anélkül, hogy a telefont számítógépnek tennénk.
Frontier Atlas / Telefon
Ugyanaz az ötlet.
Kevesebb
szerkezet.
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 belépési pont elmagyarázza a sorozatot, és a látogató választja ki, hol 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 nincs ügyfélbevétel vagy közönségadat, amelyet közölhetnénk. A fő gyűjtemény elérhető. A három külön fejezet címe még a végső kiadásra vár. Ezért ez a projekt a gyűjteményre mutat, és nem állítja, hogy a külön fejezetcímek készen vannak.
Frontier Atlas / nyilvános gyűjtemény