Experiential Design | Task 1 : Trending Experience
24.09.2024 - 21.10.2024 Week 01 - Week 04
Tracy Angeline Tio / 0362222 / Bachelor of Design ( Honors ) in Creative Media
Experiential Design / Taylor's University
TASK 1 : TRENDING EXPERIENCE
And this is how it looks when I tested on. The cube would be upside the images.
After adding the hover for the button for the color in transition - color tint - highlighted color, here is the sample looks for the menu part.
Finished the menu scene, I move on to the credit scene. The progress were same with the menu one, which we had to create a new scene then use canvas, button, etc.
And here is the final look for the three scene before we began to code the button on it.
Script for the Button
Once we finished the code, we save it then go back to the unity. Select the canvas and we scrolled down until we see add component. Click it and search or type your coding file name 'my scene manager'.
Mr Razif also gave us another tutorial to do if we could type the scene name for the code, so that we do not have to type the function one by one.
Now we focused on the button. Select the button and see the right panel under the navigation, There's on click to add (+) the function. Add it and drag the canvas to the objective. choose the function : myscenemanager.gotoScene, and type the name of the screen which you want to go.
Finished the button, I tested it and it works. Now, I move to the next tutorial where Mr Razif are gonna showed on how to do animation on unity.
Save the file (ctrl + s) and tested the animation on play part.
After that, save it as 'Cube_Idle'. Then follow this steps :
Then, we create a new button as before which is play and stop button in the canvas AR_Scene. To activate the button, we don't need to type the script. Instead of that, we applied the same steps like menu button.
Save the progress and tested it by clicking the play button. Here are the final results for Week 3 exercises :
After that, we save the project and search on the ground plane image marker in project - package - vuforia engine ar - vuforia - databases - for print - emulator pdf files. It should looks like this images below.
As I tested on using the camera, here are the result.
Next, we began to connect our device (Android / IOS) into unity. before we build and run, we had to make sure the JDK, SDK, and NDK is connected well. Since mine is not connected, I install it manually and I encounter several issue while install it.
As we finished, we now produces to making the script part. This week, Mr Razif told us to create 3 script. Process shown as below.
Back to unity, we select the Sphere panel and add our script component "Animation Toggle". Then we back to button, Add "on click" part and drag our sphere panel to the object. Choose Animation Toggle - Toggle Animation for the function.
And here is the result after I tried to play it. The button could do two function which is play and stop.
We then back to the sphere panel and click add component. Add our script on there.
Save the project and view the result on Play Mode. On this video, I click on the sphere, not the button.
In the Toggle Button, change the sphere into video plane as an objectives. to make the video stop at first, we had to uncheck the "play on awake". We could also just tap the video ( no need the button since we had the public void ).
And here is the result for the video toggle.
Next, we placed on our image target (tutorials like previous) by vuforia engine and change the image choice to from database. On pro builder tab, we click on new shape choose square shape and drag it to make it looks like a floor. As for the wall, we choose the cube shape and drag to built it.
And this how it looks when tested on play mode. Don't forget to make the cube into 1 group in room layers.
As our task is built the room with an interaction, we need to adjust the shape to make it more bigger so we could place object on it.
Once we finished, we could add color to decorate the room. Create a new folder, name it 'Material'. On the materials folder, right click and choose create - material. Choose the color on Albedo on right window and change the rendering mode into transparent. Once we finished, drag the materials to the layer we want the color on.
I uncheck 1 of my wall so I could see inside on the 3D room. Next, we would need to place 1 or 2 pictures on the wall. Add a pictures on project file, then change the texture type to Sprite 2D and UI.
Drag the image to make it as a child on the wall we placed on. After that, we create a new canvas on game mode, change the canvas type to 'world space' and insert the AR camera for the event camera. Adjust the number of order in layer to 999. Scale the canvas down until it is inside on our 3d room.
We then create a button inside on the canvas and bring the canvas as a child on the wall to make the position stable.
Duplicate the canvas for the next step and scale it like the image size and position. This canvas would be used as the page when we click the details button.
Uncheck the canvas button and we create a new script for the button in canvas layer. Script shown as below. Add the script as our component and drag the canvas panel to Art Details Panel.
Here is the test after I putted the script on the button. But the room size was too big so we need to adjust it as the size like our image target.
On the three dot of the transform, copy, click copy position and rotation and paste it to the bigger room (previous room we create). After that, Add a component and search 'Box Collider'. and add a new script name it "RoomScaleToggle". Code shown as below.
Place the layer as the objective on the script and Mr. Razif told us to use Rigidbody component too since box collider could not make it. Below is the component we should have to activate the mini room to bigger room.
And this is the result on the week 6 activity. At last, Mr Razif also gave tutorial whenever we are using the ground plane and scan it throught phone too.
After this activities, we were told to create a pointer in canva, and place it on our unity 2d canvas. right click on the layer, select ui - images and name it as pointer. Then, place our pointer on the source images.
Mr Razif then demonstrate the animation procedure for the 3D Sphere. Since i have it already and using my past exercises, I move towards the next step where we create a new script. We duplicate the "Interactable Project1" Script, and named it as "Interactable Project2". Here is the script :
At last, we add the script to the sphere and don't forget to change layout mode to interactable. Same steps to do if we want to animate the cube as well.
Once we finished, we clicked next and an url link would showed. We copied the link and paste it to the chrome and it will automatically downloaded. Import these file by drag it to the unity and if we can't import it, we should convert the file from GLB to FBX in Avaturn. Below is the looks when we convert the avatar to the unity.
As our task is to create an animation inside the character, we use Mixamo as our sources to collect the animation. We select the animation we want and upload our character on OBJ/FBX format style. After that, we adjust the place marker and the animation would showed to be downloaded.
If we think the character is fine, we could click the download button and set it "FBX for Unity". Import the animation and materials package inside unity since the character is plain.
When we finished the animation, Mr Razif tutored us to create a button in canvas and apply the animation in "on click" part. Drag our idle as the object and select animator.play and select the animation. Don't forget to drag the idle and canvas to the image target.
As for the sphere and capsule, repeat the same step and only check the button for each shape (sphere shape - check the sphere). Here is the result for the first part.
Once we done, we have to put the elements under the script and create a new button to activate it. Under the button, we assigned our model layers that contains our script and select "Model Switcher. CycleModel". Here is the video result.
3. One Button for All and No Button (Added Materials Color and Color Switcher Script)
To interact the function by no button, we add a box collider in the model layers. Then we adjust the script in Model Switcher as shown below.
Experiential Design / Taylor's University
TASK 1 : TRENDING EXPERIENCE
TABLE OF CONTENTS
LECTURES
WEEK 1
On the first week, we had a physical class with Mr. Razif and he firstly introduce us the MIB Booklet and Showing off previous student projects works to gain some inspo about what Augmented Reality (AR) is.
We then tried to experience it by using google (view 3D) objects. I think it was quite fun to do and wondering how it would works. At last we were given an exercises to imagine some AR experiences would be.
 |
| Fig 1.1 Google AR (Cat) Week 01 24/09/2024 |
Fig 1.2 Lectures Note 1 AR Design Week 01 24/09/2024
WEEK 2
This week, Mr Razif talks about what is experiential design and user mapping, journey map. From what I learned on the lectures, Experience design is not just about the visual but it seeks to develop the experience of a product, service, or any event. This allows us to understand how to enhance the quality of the overall experience with the products or services.
Fig 1.3 Lectures Note 2 Experiential Design Week 02 01/10/2024
INSTRUCTIONS
MIB BOOKLET :
TASK 1 & WEEKLY ACTIVITIES
Trending Experience
WEEK 1 ACTIVITY TASK
Imagine the scenario in either of the two places. what would the AR experience be and what extended visualization can be useful? What do you want the user to feel? (Ex : Kitchen, Shopping Mall, Gym)
I imagined AR scenario in the kitchen where we want to preparing food for example sandwich. As I started to adding ingredients like bread, lettuce, and grilled chicken, AR displays nutritional information for each—showing calories, fat content, and protein levels. AR suggests “Add tomato for extra fiber” or “Reduce some kind of sauce to lower the calorie count.”
As we continue cooking, the system tracks the progress, showing how this meal contributes to their macronutrient goals. AR alerts them to reduce the olive oil because their fat intake for the day is nearing its limit. Once the meal is finished, AR displays the total nutritional breakdown of the dish, showing how it fits into their overall daily plan.
In conclusion, AR helps user to know what they eat and be aware of their health problem since all the meal had the detailed information about the nutritions facts.
 |
| Fig 3.1 Scenario Visual Sample Week 01 27/09/2024 |
WEEK 2 ACTIVITY TASK
On this week, we were working on the group by Mr Razif chosen that consist of 7-8 people. We were tasked to create an idea about User Journey map in some scenario and we need to give the solutions related to the AR. Our group are working on Theme Park Journey Map using Figma and built on the scenario.
View our work on this LINK.
Fig 3.2 Theme Park User Journey Map Week 02 01/10/2024
After we finished the task, we do a presentations in front of everyone. Mr Razif commented that overall is good but it is hard to read again since there were too much information. We have to make it to the point or increase the font size.
 |
| Fig 3.3 Group Presentation Documentation Week 02 01/10/2024 |
Finished the presentations, Mr Razif briefed us the first step to starting on the unity. we basically need to setup our unity first, following his tutorial to start on the first exercises.
Marker Based AR Experience
This week, Mr Razif gave a tutorial in youtube to starting on using unity app for the first time. We were instructed to install unity and vuforia engine first and find an images to act as a marker when we want to display the 3D.
Video Tutorial : HERE
Here are the steps I do to start using unity :
 |
| Fig 3.4 Unity and Vuforia Downloaded Week 03 08/10/2024 |
After finished the installation, now we began our first experience by clicking the new project - 3d built in.
3D Object on Image Target
I added image database by choosing image in my dekstop and add it as an image target in unity. Next, Add 3d object and ajust the position. Lastly, Click file and save 2 times ( save and save project ).
 |
| Fig 3.5 Setup Progress Week 03 08/10/2024 |
 |
| Fig 3.6 Marker Based Exercises Cube Spawn Week 03 08/10/2024 |
Fig 3.7 3D Object on Image Video Week 03 08/10/2024
Video on Image Target
After we tested on the images, we now need to add video on the image target. To do so, we are going to use plane ( right click - 3d object - plane).
To fill out the plane area, we use video player component and drag / choose the video clip to be putted on there. We can use loop so the video would be replayed again.
 |
| Fig 3.8 Adding Plane on top of the Image Week 03 08/10/2024 |
For the video, I'm gonna use my cat video on my phone. I save it to MP4 and drag it to unity hub. By Adjusting the size and rotate it, I finally able to finished this exercises part. Here are the final look.
 |
| Fig 3.9 Video and Cube on Image Target Week 03 08/10/2024 |
Fig 3.10 Video and 3D Object on Image Target Week 03 08/10/2024
WEEK 3 ACTIVITY TASK
On this week, we were continue to practice the unity application. Our task is to create a three page, which is menu part, our AR scene and credit scene. Mr Razif explained in the class and he also streamed the material that could be viewed on this link below.
Video Tutorial :
Before I start, I read first from the senior blog and there's a tutorial I would find useful especially for adjust the canvas. Here it is :
- Right-click on panel → UI → Canvas and EventSystem
- Set 'Render Mode' → 'Screen Space - Overlay'
- Click on build settings
- Change to Android
- Go to the 'Games' tabs and change the aspect ratio to a portrait view (1920 x 1080)
- Set 'UI Scale Mode' → 'Scale with Screen Size'
- Adjust 'Reference Resolution' based on the aspect ratio
Creating the Scene
I firstly began by creating the menu page. We need to create a canvas by right click - UI - canvas and after that we add panel. Fill out the canvas by text and button.
 |
| Fig 3.11 Menu Page Progress Week 03 13/10/2024 |
 |
| Fig 3.12 Hover Showed Week 03 13/10/2024 |
 |
| Fig 3.13 Credits Page Progress Week 03 13/10/2024 |
After the credits, we go back to the AR scene and right click on panel to create a canvas and then create a button to go back to the menu page.
 |
| Fig 3.14 Making the AR Scene Week 03 13/10/2024 |
 |
| Fig 3.15 Final Three Page Week 03 13/10/2024 |
Firstly, prepare the visual studio code and in unity, create a new folder title "Script". After that, follow this instructions :
- Right click on the folder, create then choose c+ script
- Ctrl + s to save. Save the name "myscenemanager"
- Type the code as instructed like this image below. (Pay attention to the name of the scene file, it should be same as it).
 |
| Fig 3.16 Menu Page "Start" and "Credit" Button Code Week 03 13/10/2024 |
 |
| Fig 3.17 Add Script Component to the Canvas Week 03 13/10/2024 |
 |
| Fig 3.18 Code to load scene name Week 03 13/10/2024 |
For the start, I type AR_Scene, Meanwhile for the credits I type Credits_Scene. Same thing happened for the back to menu and go back from AR scene. We chance the name to Menu_Scene.
 |
| Fig 3.19 Button Functionality Week 03 13/10/2024 |
Animating the Cube
We're gonna start to animate the cube on this part. First, we select the cube and choose window - animation - animation.
Save the ANIM file named 'Cube_Hover' and press record button (the red one) to start animating. drag the position and it turned to the keyframes. For this animation, I followed Mr Razif instruction by drag the cube to the top.
 |
| Fig 3.20 Animation Progress Week 03 13/10/2024 |
Create a Button for the Animation
To make it more interesting, we were given tutorial by Mr Razif to create a play and stop button so the cube could play and stop as instructed. Firstly, began by open the animation window and under the preview, there's a bar that showed the name 'Cube_Hover'. Click that and select create new clip.
 |
| Fig 3.21 Making Button Progress Week 03 13/10/2024 |
- Click window on top and choose animation
- After that, select the animator and it would shown on the button of the cube.
- Right click at the 'Cube_Idle' and Set as layer default state
 |
| Fig 3.22 Making Cube Idle as Default Week 03 13/10/2024 |
- Under the navigation part, click (+) on click
- Drag the cube panel to the objective
- In the function, select animator - Play (String)
- Type the name 'Cube_Hover' for the play and 'Cube_Idle' for the stop
 |
| Fig 3.23 Button Functionality for Play and Stop Week 03 13/10/2024 |
Fig 3.24 Week 3 Exercises Creating Three Page Apps Week 03 13/10/2024
WEEK 4 ACTIVITY TASK & AR PROJECT 1 IDEAS
Marker Less AR Experiences
This week, we were given another exercises that different from the first one. In Marker Based Experience, we use an Image target to be scanned but in Marker less, we do not need that. In Marker less, we can detect the AR (3d Object) by ground/ any flat surface.
To do that, Mr Razif do the briefing session in class and we can also view the tutorial in youtube.
Video Tutorial : HERE.
First, we click new project, built 3d and add vuforia package inside the unity file. And then, we settle on AR Camera by adding the license we could get in Vuforia.Developer website.
Setup the ground plane scene :
- right click - vuforia engine - ground plane - plane finder, after that ground plane stage
- click the plane finder and add ground plane stage by drag it to content positioning behavior on the right side
- double click the ground plane stage and add object on top by insert 3d object - cube. Adjust the cube side upside the ground plane.
 |
| Fig 3.25 Step 2 Explanation Week 04 15/10/2024 |
 |
| Fig 3.26 Adding Cube Progress Week 04 15/10/2024 |
 |
| Fig 3.27 Ground Plane Emulator Week 04 15/10/2024 |
 |
| Fig 3.28 Object in Ground Plane Week 04 15/10/2024 |
By this tutorial articles (HERE), I managed to download and could connect it into my device.
- JDK : From Oracle or Adoptium (Version 11/17)
- SDK : Install Android Studio and choose the version
- NDK : Inside SDK in Android Studio
After finished installed the tools, we need to adjust the player setting on the left of build setting. Change the API level, Graphics and etc (Provided in Video tutorials). In our phone, we should enable to opened the USB Debugging in Developer Options. View this step for detailed information.
- Access 'Player Settings' in the build setting
- Select Android
- Uncheck 'auto graphics API' and remove 'Vulkan'
- Locate 'Identification' and change the 'minimum API level' to Andriod 11
- Locate 'Configuration' and change 'scripting backend' to IL2CPP
- Change 'Target Architecture' to 'ARM64'
- Click 'Run & Build'
- On Android, Allow USB Debugging in Developer Options
 |
| Fig 3.29 Build Setting Device Run Week 04 19/10/2024 |
Unfortunately, I ran into trouble when connecting on my android phone. Mr Razif suggest me to download and use Unity 6 but it suddenly error too. As a result, I tried to find and borrow my relatives devices that could connect to it. Here is the look when we could connect it from Mr. Razif video.
 |
| Fig 3.30 Looks When Connect to the Device Week 04 19/10/2024 |
WEEK 5 ACTIVITY TASK
This week, we were given an exercises in class, continued from the week 3 activity. When making the animation, we tend to use two buttons which is play and stop, but this time, Mr. Razif explained to us on how to create one button only and without the button. View the tutorial on this link below.
Video Tutorial :
First thing to do is we need to create on a new button or just use 1 button that we create previously (play and stop).
For the animation :
- Game Object - Right Click - Choose 3D Object
- Adjust the size on it
- Click Window - Animations - Click Create
- Save the File in Animation folder name "Sphere_Animation"
- Start the record button and adjust the position of the animation.
 |
| Fig 3.31 Adjusting the Position on The Animation Week 05 22/10/2024 |
1. Animation Toggle Script
First, create a new script and then typed it as the pictures below.
 |
| Fig 3.32 Animation Toggle Script Week 05 22/10/2024 |
 |
| Fig 3.33 Function for The Toggle Button Week 05 22/10/2024 |
Fig 3.34 Animation Toggle Result Week 05 22/10/2024
2. Tap To Toggle Script
For this part, we also repeated the same step as before. We create a new script, name it "TapToToggle". Copy Paste all script from the Animation Toggle and just need to add the public void on mousedown code.
 |
| Fig 3.35 Tap To Toggle Script Week 05 22/10/2024 |
 |
| Fig 3.36 Added Script Week 05 22/10/2024 |
Fig 3.37 Tap To Toggle Result Week 05 22/10/2024
3. Video Toggle
On this part, instead of using object, we now tried it on by using video. Firstly we need to prepare our video plane and for me, I choose the previous cat video from week 3.
Create a new script again (c+ script) named it "VideoToggle". Drag the script component to the video plane and edit the script as below.
 |
| Fig 3.38 Video Toggle Script Week 05 22/10/2024 |
 |
| Fig 3.39 Uncheck the Play on Awake Week 05 22/10/2024 |
Fig 3.40 Video Toggle Result Week 05 22/10/2024
WEEK 6 ACTIVITY TASK
In this week, we were given a new exercises to be tried on in unity. Mr. Razif introduce to us on how to built on a 3d room with the button interaction on it by scanning an image target since quite number of student could not connect it to the phone.
Video Tutorial : HERE
Things to do are instructed as below :
- Go to Window - Package Manager - Search on 'Pro Builder' and Install it.
- Create a new scene in file - basic built in, name it VGallery
- Open the tools window then click pro builder - pro builder window. The window should looks like the images below.
 |
| Fig 3.41 Pro Builder Window Week 06 29/10/2024 |
One tips from Mr. Razif is we are not allowed to scale when we want to adjust the size. To adjust it, we should go to shape properties under the probuilder mesh filter. Below is some progress on creating the 3d shape.
 |
| Fig 3.42 Built 3D Shape on Image Target Progress Week 06 29/10/2024 |
 |
| Fig 3.43 Tested The 3D Shape Week 06 29/10/2024 |
 |
| Fig 3.44 Adjusting the Shape of the Room Week 06 29/10/2024 |
This time, I still stick to the 'Rilakkuma' theme, so my main color would be cream and chocolate.
 |
| Fig 3.45 Place color on the 3D Room Week 06 29/10/2024 |
 |
| Fig 3.46 Image Placed Week 06 29/10/2024 |
 |
| Fig 3.47 Added Canvas Week 06 29/10/2024 |
 |
| Fig 3.48 Create a Button Week 06 29/10/2024 |
 |
| Fig 3.49 Canvas Detail Panel Week 06 29/10/2024 |
 |
| Fig 3.50 Script for the Details button Week 06 29/10/2024 |
Fig 3.51 Button Interaction Result Week 06 29/10/2024
 |
| Fig 3.52 Adjusting The Size on Mini Room Week 06 29/10/2024 |
 |
| Fig 3.53 Room Scale Toggle Code Week 06 29/10/2024 |
 |
| Fig 3.54 Component on Mini Room Week 06 29/10/2024 |
Fig 3.55 Final Look 3d Room Scale Week 06 29/10/2024
WEEK 7 ACTIVITY TASK
By this week, Mr Razif conducted the class through online using google meet platform. There were no unity exercises since we focused on creating our proposal and prototype wireframe on Task 2.
WEEK 8 ACTIVITY TASK
Indenpendent Learning Week - No Class Activities.
WEEK 9 ACTIVITY TASK
On this week, we had a physical class and continue to using unity as our exercises part. Our task on this week could be viewed on this video link below.
Video Tutorial : HERE
First thing to do, we need to download the script given by Mr Razif on this drive (link). On the AR Camera layer, we have to add component and place the Camera Raycast script on it, and change the layer to interactables (if we don't have, we could just edit and add it). We do not need to change everything inside the script.
 |
| Fig 3.56 Added Camera Raycast Script and Change Layer Mode Week 09 19/11/2024 |
 |
| Fig 3.57 AR Pointer on Unity Week 09 19/11/2024 |
 |
| Fig 3.58 Script for Sphere (Interactable Object 2) Week 09 19/11/2024 |
Fig 3.59 Look on Week 9 Exercises Week 09 19/11/2024
WEEK 10 ACTIVITY TASK
On this week, our class were conducted online. We were introduced into 3D Avatar and Animation on Unity. Our task is to import our avatar and animate it as creative as we can. Firstly, we build our own avatar in readyplayer.me.
Video Tutorial : HERE
 |
| Fig 3.60 Building Avatar Week 10 26/11/2024 |
 |
| Fig 3.61 3D Avatar in Unity Week 10 26/11/2024 |
 |
| Fig 3.62 Auto-Rigger Character Week 10 26/11/2024 |
 |
| Fig 3.63 Character Animation Preview Week 10 26/11/2024 |
On the Idle, click the file, select create and click Animation Controller to set the animation idle. We should set our animation on Rig, Animation type to Humanoid. After that, we adjust the animation panel. Open the > button on the Idle file and we would find the animation. Drag to the animator and set as layer default state. Here is the preview of the first animation.
Fig 3.64 Animation Preview Week 10 26/11/2024
We back to the Mixamo again to do the second animation. Same step like before where we find out an animation and applied to our character then download it. For me, I used three animation which is sitting and walking. I combine the animation and adjust the sequence to matched each other. |
| Fig 3.65 Second Animation on Mixamo Week 10 26/11/2024 |
 |
| Fig 3.67 Animator Sequence Week 10 26/11/2024 |
 |
| Fig 3.68 Button and On Click Preview Week 10 26/11/2024 |
To ended up this week activity, here is the final look on Avatar exercises and animation.
Fig 3.69 Final look Avatar Animation Week 10 26/11/2024
WEEK 11 ACTIVITY TASK
On this week, our class were conducted online due to the venue problem. By this week, we learned about how to change 3D Object Model and Color with and without the button.
Video Tutorial : HERE
1. Change Shape using Button (No Script)
First, we need to add 3 type of 3D Object, I used Cube, Sphere and Capsule. Make sure it is on the same size and then we create ui - canvas - button for each shape. We adjust the button for 3 type of the model shape 'on click' part.
 |
| Fig 3.70 Button Adjustment for Cube Shape Week 11 03/12/2024 |
Fig 3.71 3 Button Looks Week 11 03/12/2024
2. One Button for All (Model Switcher Script)
To do this, on the model layers that contain all of the shape we create new script and typed the code as the images below.
 |
| Fig 3.72 Script for Second Part Week 11 03/12/2024 |
Fig 3.73 1 Button for All Models Week 11 03/12/2024
3. One Button for All and No Button (Added Materials Color and Color Switcher Script)
We were tasked to add 3 different color on each different shape at first then we create a new script to apply the color and 1 button. View the script on this image.
We do the same step like before where we added new button, assigned the script and add the element on the materials under the script.
 |
| Fig 3.74 Color Switcher Script Week 11 03/12/2024 |
To interact the function by no button, we add a box collider in the model layers. Then we adjust the script in Model Switcher as shown below.
 |
| Fig 3.75 Box Collider Options Week 11 03/12/2024 |
 |
| Fig 3.76 Script to Tap the Object Only Week 11 03/12/2024 |
Here is the full result for week 11 activities.
Fig 3.77 Button for Color and No Button Looks Week 11 03/12/2024TASK 1 : TRENDING EXPERIENCE [ 3 IDEAS AR PROJECT ]
On week 4, we also had to prepare 3 ideas about AR experience nowadays like week 1 activity task. Each project ideas should have a clear problem statement, solutions and mock visual.
Requirements :
- Conduct research and experiment to find out features and limitation of the current trend AR Experiences
- Create a document to compiled all ideas
- Demonstrated your progression on the blog
- Submit the blog on mytimes before deadline
Before I think about the idea, I do some research about the current trend on AR experiences 2024. I found this article from gokapture.com that helps me to got references on AR sample.
 |
| Fig 3. Great AR Ideas for Event & Promotions Articles by gokapture Week 04 18/10/2024 |
These articles provides an information about Augmented Reality introduction, history, the difference between AR and VR (Virtual Reality) until what possibilities of AR used in the future.
Augmented reality is an experience that is highly interactive. Here, the real-world entities are enhanced via stored information that is perceptual and generated using computers. Augmented reality was coined in 1990 by Thomas P Caudell. Louis Rosenberg developed the first fully functional Augmented Reality setup in 1992 at USAF Armstrong’s Research Lab.
Future possibilities for Augmented Reality :
- Augmented Reality in Education Section
- Augmented Reality in Marketing
- Augmented Reality in Urban Planning
- Augmented Reality in Visual Art
- Augmented Reality in Event & Promotion
Based on the current trend on it, I tried to pick categories for my ideas which is education, marketing, visual art, and personal. I come up with 4 ideas on this project.
1. AR For Artist Exhibition
Problem Statement
Physical booths limit fan interaction with products and content, making it difficult to fully engage with albums, merchandise, and exclusive material.
Solutions
2. AR For Learning to Paint
Problem Statement
Students often struggle with learning complex drawing techniques, like blending gradients, without real-time guidance or visual references.
Solutions
3. AR For Mental Health SupportProblem Statement
Many individuals often struggle to manage mental health issues and they often seek solutions by articles provided on the internet. Reading articles may be boring for few people, so instead, create AR that could be interacted with.
Solutions
4. AR For Virtual PetProblem Statement
Some people want to have a pet but are not able to get it due to allergies, living place, or economics. AR could provide more 3d and realistic pets that could be interacted with to gain entertaining experience.
Solutions
For more explanation about the ideas could be viewed on this document.
Physical booths limit fan interaction with products and content, making it difficult to fully engage with albums, merchandise, and exclusive material.
Solutions
- Scan an album cover or poster to access exclusive content such as music previews, artist commentary.
- AR could give detailed information about the merchandise ( example : t-shirt size, materials, or even showed 3D models of it ).
- Add an interactive element for the poster like tap it to review the members you got.
 |
| Fig 3. AR For Artist Exhibition Week 04 20/10/2024 |
2. AR For Learning to Paint
Problem Statement
Students often struggle with learning complex drawing techniques, like blending gradients, without real-time guidance or visual references.
Solutions
- Scan a blank canvas and an AR will pop up to choose which one is the first step to do (choices : sketches, base color, dark color, landscape object, lighting, finishing)
- Include virtual explanation on what and why it should be first
- After painting, user could hang their painting in the wall by clicking the wall
 |
| Fig 3. AR For Learning to Paint Week 04 20/10/2024 |
3. AR For Mental Health Support
Many individuals often struggle to manage mental health issues and they often seek solutions by articles provided on the internet. Reading articles may be boring for few people, so instead, create AR that could be interacted with.
Solutions
- Create an AR 3d therapy room where users would be asked what their mood is currently and write a diary journal.
- AR could set the timer and instructions when people want to do breath exercises to create a calming space.
 |
| Fig 3. AR For Mental Health Support Week 04 20/10/2024 |
4. AR For Virtual Pet
Some people want to have a pet but are not able to get it due to allergies, living place, or economics. AR could provide more 3d and realistic pets that could be interacted with to gain entertaining experience.
Solutions
- Build an AR that shows the pet. We could tap the pet and it will show interaction like a pet, give food, train it.
- Introduce cat emotion after we interact with it to make it look real, example : cat would be happy if we pat them instead of slap them.
 |
| Fig 3. AR For Virtual Pet Week 04 20/10/2024 |
FINAL OUTCOME PROJECT IDEAS
AR Visuals Sample : Link HERE.
Fig 3. Final AR Proposal Ideas (PDF) Week 05 21/10/2024
FEEDBACK
Week 2
User Journey Map should be simple and straightforward. You have to make sure whether the user wants to open the map again or not. We also had to made our strength and pain point more clear despite than using paragraph text, use point or bullet.
REFLECTIONS
Experience
My experience throught this modules was good and bad. I'm grateful to learned about experiential design starting from theories, learning in a group to understanding and creating user journey map until using the unity to create the experiences. The tutorial provided by Mr. Razif was clear so it was easy to be followed. One of the unpleasant things happened on this modules is when I tried to setup the unity to connect with my android devices. I never know setting up and connect device might be difficult and frustating things to do in marker less exercises.
Observation
I observed that experiential design always had task to do every week and missing one week activity will fall us to back. In order of this problem, we had to manage our time wisely and avoiding procratination. Before class started, we could review the materials posted on mytimes so in class we could just do another task given.
Findings
I found that unity had such a big components in their application. There were many tools needed like vuforia engine, JDK,SDK and NDK to run the things even there's also many version. I encountered many problem when install the SDK so Youtube tutorials and XD Assistant help me a lot to fix the problem and gave the solution.
Comments
Post a Comment