Web Next
0 likes72 views
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.
Convert to study guideBETA
Transform any presentation into a summarized study guide, highlighting the most important points and key insights.
Web Next
- 1. Web Next UI/UX Decisions amongst an embarrassment of choices.
- 2. When a ball dreams it dreams its 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
- 9. What if all your browsing was in One Forest?
- 11. But if youre not a Visual Learner, You could focus on the auditory overlay Or on moving and sifting information kinetically
- 12. Lets look at some examples from VR
- 13. Its 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 Its easy to publish
- 16. Maybe I want to do some shopping.
- 17. As though I was wandering through IKEA.
- 18. 敬温稼糸艶姻庄稼乙
- 19. Maybe Ill 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 Theres a reason the previous screenshots were taken in VR. Browser users may switch to VR or AR.
- 23. Lets 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?
- 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.鍖ickr.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.