The document discusses potential future directions for web pages, including making them more spatial and three-dimensional. It presents examples of how web pages could be immersive environments for browsing, shopping, editing, gaming, collaboration and education. Key applications mentioned include using virtual and augmented reality to make pages feel more like 3D spaces where users can navigate and interact visually, auditorily and kinetically. The document suggests these types of "spatial websites" could be built using technologies like WebGL, WebAssembly, Unity and WebXR.

1. Web Next
UI/UX Decisions amongst an
embarrassment of choices.

2. When a ball dreams
it dreams it’s a frisbee.

3. What does a
Web Page
dream of
being?

4. Our Research
Question
How should web pages work?
When a web page can be anything, what should it be?

5. What web pages do
Data
Inform
Shared Url
between people
Collaborate
Web
Applications
Views of Data
Explore/Research
Streaming
Games
Experiences
Entertain
Draw people in
to learn more
Entice
Web Apps
execute
Commands
Do Work

6. Examples
Hours open
Answers/Description
Inform
Synchronously
(Video Call)
Async
(Facebook)
Collaborate
Web
Applications
Views of Data
Explore/Research
Streaming
Games
Experiences
Entertain
Explain a
service
Show options
Entice
Order goods
Buy a service
Do Work

7. <?xml version="1.0" encoding="UTF-8"?>
<rdf:RDF
xmlns:rdf="
http://www.w3.org/1999/02/22-rdf-syntax-ns
#"
xmlns:dc="
http://purl.org/dc/elements/1.1/
"
xmlns:region="http://www.country-regions.fake/">
<rdf:Description
rdf:about="http://en.wikipedia.org/wiki/Oxford">
<dc:title>Oxford</dc:title>
<dc:coverage>Oxfordshire</dc:coverage>
<dc:publisher>Wikipedia</dc:publisher>
<region:population>10000</region:population>
<region:principaltown
rdf:resource="
http://www.country-regions.fak
e/oxford"/
>
</rdf:Description>
</rdf:RDF>
Data
Hours business is open.
Locations
Customer Testimonials
Menu (maybe)
No Format Needed
--- # Sequencer protocols for Laser-
step: &id001
instrument: Lasik 2000
pulseEnergy: 5.4
pulseDuration: 12
repetition: 1000
spotSize: 1mm
- step: &id002
instrument: Lasik 2000
pulseEnergy: 5.0
pulseDuration: 10
repetition: 500
spotSize: 2mm

8. Humans
navigate
spatially

9. What if all your browsing was in
One Forest?

11. But if you’re not a Visual Learner,
You could focus on the auditory overlay
Or on moving and sifting information
kinetically

12. Let’s look at some examples…
…from VR

13. It’s a Browser, so we
get a cookie popup.

14. We can read regular web pages

15. Browsers are very cool
Everything is a link
away
It’s easy to publish

16. Maybe I want to do some shopping.

17. As though I was wandering through IKEA.

18. wandering…

19. Maybe I’ll start editing.

20. We all know street view
But it can be
smooth and
Interactive.
This one goes
forward and
backward
in time
from left to right

21. Games are an easy case for 3D
Often spatially
based (a Map).
3D units
and
3D Movement

22. But maybe I want to get in the game
There’s a reason
the previous
screenshots
were taken in
VR.
Browser users
may switch to
VR or AR.

23. Let’s get
Immersive!
Here we see
fashion design

24. Concept Design
Who wants to
collaborate on our
next space vehicle?

25. Immersive Education
3D Video All sorts of things

26. Or Science!
3D Mars Environment

27. More depth to your virtual meetings?

28. More depth to your zoom meetings?

29. Or simpler collaboration

30. So that was a lot of website dreams

31. Did it get you
interested in
spatial
websites?

32. How do we
build these?
WebGL
With WebAssembly
However we want
with Unity / Unreal
WebXR Device API

33. Questions?

34. References
Forest Environment https://www.flickr.com/photos/161793544@N08/48720707066/
Map Photo by Gotta Be Worth It from Pexels
City street Photo by Nicole Avagliano from Pexels
Websites copyright their respective holders, screenshots excerpted here under fair use.