Experiential Design - Lectures
23.04.2025-19.05.2025
Guan Wee Lun/0364012
Experiential Design/Bachelor of Design in Creative MediaProject 1
Table of Content
Lectures
Week 1/23.04.2025
MIB introduction
-
concept of experiential design where user interaction takes places in
physical but computer-controlled environment
- MLO
- identify and research into design problem and issues
- oral and verbal presentation to persuade and illustrates ideas in multitasking team
- generate and communicate design concept and solution
- Ideation and strategies to sync assesses and evaluate prototype
- MVP=Minimal, vertical slice, functional
- Module assignment
- Task 1 trending experience (exercise)
- Understanding of development platform understanding
- reflective report
- 3 potential ideas
- Task 2 Experiential Design Project proposal
- screen experience to physical space experience
- Task 3 Project MVP Prototype
- from proposal to Prototype
- Screen Design Visual Prototype (Figma)
- Functioning MVP of App experience
Week 2/30.04.2025
Designing Experiences - AR design & development workshop
- XD
- Experience Design
- CX
- Customer Experience
- BX
- Brand Experience
- IA
- information architecture
- User Mapping
- Empathy map
- Create a shared understanding
- aid in decision making
- Customer journey map
- persona
- experience map
- service blueprint
Exercise 1: User Journey Map
For this exercise, we are required to form a group and make a simple user
journey map through the scene we choose.
- First of all, we think of improving shopping experience through AR experience, that we selected the closest mall and recognisable mall for us as Sunway Pyramid.
- Then we start on discussing the experience of shopping in Sunway Pyramid, we start with parking, then finding food and go home, simple three process, then separate into clearer experience
- After that we think of the expectation of each experience and the solution to archive our expectations, all solution needs to relate to AR experience
- After doing this User Journey Map, we start to present our idea in class, Mr Razif Mention that our user journey map has some mistaken as experience can change to gain point, expectation can change to pain point for clearer presentation.
Figure 1.1 User Journey Map
Figure 1.2 User Journey Map After Correction
Week 3/07.05.2025
AR design workshop
Different types of AR experiences and development technology
AR/VR/MR
- AR (Argumental Reality)
- Combines real + virtual objects
- Enhanced physical world
- MR (Mixed Reality)
- Enhance within physics of the physical world
- interact and manipulate virtual object
- VR (Virtual Reality)
- Computer generated world
- Sense of presence
Types of AR
- Projection mapping
- AR through Projection of a wall, different from just mobile application AR experiences, it's is public view
Mobile Phone/Extend information
VR/Extends Experience
- Extend experience that won't be experiencing in reality but in virtual
AR/Extends Visual
Marker Based
Marker - less
- Spawn on land
Design Components
UX design
Human - computer Interaction
Usability
Interaction Design
Design Thinking
- Empathize
- Define
- Ideate
- Prototype
- Test
Exercise 2-Ideation
- In this exercise, we are required to choose a scenario from the three selections (Kitchen, Gym, Shopping), and propose what would the AR experience be and what extended Visualization can be useful, and What do we want the user to feel
- We choose shopping mall as last exercise we are taking shopping mall as our scene too.
- Then, we create a simple empathy map for ideation easier, start with target audience, their needs, and Frustration
- Then discuss about how the AR experience would be with text description
-
Lastly, we visualized those AR experiences with simple visual mockup
and reference
Figure 1.3 simple Empathy Map
Figure 1.4 Simple Ideation
Exercise 3 - Marker Based Experience
We are required to use unity for our first AR experience step by step in
this class
- First by registering Vuforia Engine as it's free API database for our AR exercise
- Then generate database to put it image for our image target
Figure 1.5 Generate Database
Figure 1.6 Image Target
- After that download Vuforia Engine as Unity add on to use it's database
- Then import Vuforia Engine into unity and add the API into it to link to the database as image target
- Add a cube under Image target, then our First AR experience is done, it will scene to the image we put it in database and generate a cube
Figure 1.7 Ar Experience Unity scene
Figure 1.7 AR Experience Reality Scene
- After that, Mr Razif required us to add other more complex 3D model into it
- I put a Rasengan Model that I created in Blender and import it into Unity as FBX file
Figure 1.8 AR Experience with Rasengan
Week 4/14.05.2025
Unity engine to phone resolution as portrait
Exercise 4 AR Design with animation
In this task we are require to add simple button and animation using TMP
(Text Mesh Pro)
- First by adding canvas as our phone screen reference
- Canvas render：
- Screen Overlay: all thing would be always overlay on the top
- Screen Camera: overlay would be on the camera, not on the top of the app
- world Space: can be Rescale canvas and put it in the work, Immersive
- UI Scale Mode:
- Choose scale with screen size: Scale based on screen size
- Then Add UI - Button Text Mesh Pro under canvas
- Name it as Hide and Show for reference user
-
By changing text (TMP) can change the text inside button
Figure 1.9 Text TMP
Figure 2.1 Text TMP input -
By adding On Click and choose the object we are going to function the
button into it, and set function as Set active, unclick it and the
button will be function as hiding the object, in contrast, clicking it
will show the Object
Figure 2.2 Onclick
figure 2.3 Button
Week 5/21.05.2025
Scripting
Video Player scripting
Week 6/28.05.2025
Week 7/04.06.2025
Instruction
Project 1
Instruction
For each idea, include:
- A clear problem statement.
- Your proposed solution.
- Mock visuals or sketches to help explain your idea (similar to the Kitchen AR exercise example).
Research & Exploration
Before beginning research, I have some idea on AR experience as my
childhood dream, summoning monster such as Pokémon, as I have seen some
of the Card game animation such as yu-gi-oh, Buddyfight etc.
The first AR I ever touch into it is Pokémon Go, Mobile AR Game, that
can summon Pokémon through AR in reality
So I will start Researching on Pokémon Go
Pokémon Go is a game where you use your phone to find and catch
virtual creatures in the real world, and it’s been a big deal since it
came out in 2016. It got millions of people walking around, exploring
places, and capturing pokemon to become pokemon master. I looked into
other augmented reality (AR) games like it to see what’s new, what’s
cool, what’s surprising, and what’s really useful.
I checked out games that work like Pokémon Go, using your phone’s GPS
and camera to mix digital stuff with the real world. Some examples are
Jurassic World Alive, where you hunt dinosaurs, and The Witcher:
Monster Slayer, where you fight monsters.
What’s Inspiring
- Bringing People Together:
- Pokémon Go got strangers to meet up at places like parks to play together, and that’s awesome. New games like "AnamonGame" are doing something similar but with a twist—they use creatures based on animals in your area, like a virtual eagle in a U.S. park. This makes exploring your town feel special and can teach you about local wildlife, which is super cool.
- Getting People Moving:
- Pokémon Go made people walk more without even trying, and some called it a sneaky way to get healthy. Other games, like *Run an Empire*, reward you for running to claim virtual land. I love how AR games can make exercise fun, and I’m excited to think about how things like AR glasses could make it even better in the future.
Usability
-
AR technology ties game elements, like PokéStops or Pokémon, to real-world locations using GPS, encouraging players to visit parks, landmarks, or neighborhoods. This makes walking around feel like an adventure in pokemon world and helps players discover new places, from local murals to hidden trails
-
AR in Pokémon Go encourages players to gather at specific spots,like Gyms or event locations, fostering real-world friendships and community. The tech’s location-based design brings people together in shared spaces, creating bonds over a common goal.
-
Using the same tech as Pokémon Go, apps can project virtual historical events or animals onto real locations, like seeing a virtual dinosaur in a park to learn about fossils.
Submission
Feedback
Reflection
Before getting in Experiential Design, I think that this module are just
on UX design, But even more, it's on user experience and present it in AR
design, Blending two into 1 showing UX in a new and interactive method.
As I haven't touch into Game Design before, I am new to Unity software, so
that I will need to self learn more on the method of Unity engine to done
my idea to real life. Other then Unity, AR experience is quite refreshing
for me, it's an new and interactive way to let us learn on User
experience, not just by presenting UE through verbal presentation, and
User interface design, I can also make it into AR to present how i conduct
user experience design into ar
Comments
Post a Comment