Experiential Design / Task 2

24/09/2024 - 15/10/24 / Week 1 - Week 4
Iman binti Kamarudin / 0364014
Experiential Design / Bachelors of Design (Hons) in Creative Media

Task 2: Project Proposal

---

---

LECTURE 

Week 5

During week 5, we had a tutorial on how to code so that you can pause and play animations/videos. We were then assigned a task to do at home.

Week 6

In week 6 we had a tutorial in creating a miniature/life size experience in Unity without using ground plane. Afterwards, we had a consultation session where I discussed which AR experience to proceed with. In the end, we landed on the first experience for Taylor's Music Club.

Week 7

This week we had our class online. Mr. Razif showed us an example prototype for an AR app in Figma and how different UI elements communicate with the user.

Notes:

- Ensure that the icons/elements that you use are universally recognised

- Make use of the screen real estate. Hide things that are not needed at that current moment.

- Transitions between screens to signal to the user that something is happening

- Don't distract or interrupt the user's experience

---

INSTRUCTIONS

EXERCISE 7

In class we learned how to create and toggle animations on objects so you can control when it can move and stop. Then, we did the same but for pausing and playing a video.

Fig 1.1 - Object Animations Video

Homework: On top of the video, put a play button and when its tapped, it will change to a pause button.

I followed a tutorial on YouTube for switching the button sprites. As for placing it on top of the video player, I changed the canvas to "World" and then moved it down to where my image target is. I then changed the position of the button so that it overlayed the video player.

Fig 1.2 - Pause & Play Video w/ Buttons

EXERCISE 8

In this exercise, we created a gallery-like experience that spawned in when scanning an image target. 

Fig 1.3 - 'Mini' Gallery on Image Target Scan

We also learnt how to get the scene to switch between the miniature version to the life-size one.

TASK 2

The idea I decided to proceed with is the first one in my proposal for the Taylor's Music Club. To start off, I brainstormed what features would be included in the app and then created 3 user personas and user journey map for it.

Fig 2.1 - User Persona 1

Fig 2.2 - User Persona 2

Fig 2.3 - User Persona 3

I wasn't sure where to start the experience since there isn't a small closed room nearby the club room that users can go to begin navigating. Therefore, I decided to make it based on a specific scenario where the users want to go to the club straight from their classroom after they finish class.

Fig 2.4 - User Journey Map #1

After making the first map which featured the current pain points without the app existing yet, I made a revamped version which included the gain points that having the app can give users.

Fig 2.5 - User Journey Map #2

Once the personas and user journey map were done I made a user flow chart on how the app navigation would be like. I then proceeded to make a wireframe for the app in Figma.

Fig 2.6 - User Flow Chart

Figma: https://www.figma.com/design/ha4parxX9Yya27bZjTUxyb/TMC-AR-App?node-id=0-1&t=JJgQyXRkgv56KzDU-1

Fig 2.7 - Wireframe

Once I got the rough idea down in the wireframe, I made a quick UI kit with the colors and typography and moved onto making the final Figma prototype.

Fig 2.8 - UI Kit Colors

Fig 2.9 - UI Kit Typography

Fig 2.10 - Figma Prototype Frames

FINAL 

Fig 3.1 - Final Presentation Slides

Fig 3.2 - Final AR App Prototype

Fig 3.3 - Final Task 2 Presentation

---

FEEDBACK

Week 6

Specific Feedback - Proceed with the first idea. Maybe consider using Vuforia app to start the navigation experience from a specific room and have the user scan the whole room. The app doesn't have to be exactly fully functional, it's just a prototype of what the final app could be like if they choose to make it real.

---

REFLECTION

My experience with this task was okay. It was a bit difficult coming up with the user journey map since I wasn't sure what touchpoints to include in the map. Furthermore, there weren't any gain points for users when the app hasn't existed yet so that's why I had to make 2 separate journey maps.

I found it a bit hard to design an app specifically for an AR experience without making it too much like a normal app or adding an additional experience that wouldn't benefit the user at all if it were AR (specifically referring to the 'upcoming events' and booking tickets).

Overall, I enjoyed this task. The exercises that were conducted during classes were also fun and insightful.