Experiential Design - Task 3: Creative Experience Design Project Prototype

5/10/2023 - 2/11/2023 (Week6 - Week10)
Teoh Gim Khoon (0361563)
Bachelor of Design (Hons) in Creative Media
Task 3 - Creative Experience Design Project Prototype




INSTRUCTIONS



Task 3: Creative Experience Design Project Prototype

The prototyping phase allows students to test and refine their AR project ideas. Students can use this phase to identify and address any limitations or challenges they may face, and to ensure that they can implement the key features of their project effectively. The prototype does not need to be a finished, fully designed product, but it should showcase the successful implementation of the main feature.

Progression
I sketch out my ideas in Procreate before moving on to illustration, to ensure a seamless user interface and experience flow.

Fig 1.1: App interface sketches

Before starting development on the AR features in Unity, I designed the application interface to ensure a smooth and enjoyable user experience. I used Figma and Adobe Illustrator to create the UI interface and button icons. For the app interface, I designed the start page, home page, details page, preview page, and mockup page.

Fig 1.2: Figma & Illustrator Design

The first AR feature is a preview function that allows users to preview the signboard logo design details in augmented reality. Users can learn about the design elements of the signboard logo, such as the typography, color, design explanation, and branding video.


Fig 1.3: AR Preview (Image target)


Problem faced:
  • Lower rating on image target
  • Animation not showing when image target detected
I first added a Vuforia image target for the app logo icon so that users could scan it to preview the signboard design in augmented reality. However, the image target had a rating of 0 stars.

Fig 1.4: Image Target Rating

so I refine the app logo icon design in Illustrator with more complex background to have more features point for Vuforia target to detect.

Fig 1.5: Image Target improvement

After finishing the image target, I began adding the design object on top and creating the side panel details of the signboard design, incorporating some motion animation.

Fig 1.6: Image Target animation

Under this preview section, there is another feature included: AR Plane and AR Midair. This allows users to create their own AR preview mockups of the signboard.

Fig 1.7: AR Midair

Problem faced:
  • AR Ground Plane didn’t work on midair features
Other features include zooming in and out and rotating the signboard design, allowing users to control the design to their liking.


Fig 1.8: Zoom in & out effect

Problem faced:
  • Tried to apply "Leantouch" plugin but it affect others features function on the app.
Moving on to the second AR feature, the AR (Area target) mockup feature. This feature allows users to point their device at a real store signboard and see their signboard design overlaid on it, for a more realistic virtual experience.

Fig 1.9: AR Mockup (area target)

Problem faced:
  • Button navigate link image not working while pressing the button it cant switch the signboard design on the area target. 

Prototype Video Walkthrough



FEEDBACK
Week 9
The app design exhibits visual appeal overall, consider to make interactions more intuitive or introducing additional features that can elevate the overall functionality and engagement for users.

Week 11
The suggestion from the professor is to enhance the AR preview section by incorporating more information for a more interactive and engaging user experience.


REFLECTION
This project has been a lot of fun! I've learned how to use Unity to create augmented reality (AR) features in the real world. It was challenging to build the entire app prototype, especially when I wanted to include specific features but couldn't due to limitations. I also encountered coding errors and settings that slowed me down. Despite these challenges, it's been a positive experience overall. I'm grateful for the opportunity to learn about this new technology and for the help from the lecturer. Troubleshooting and finding ways to add new features to the app has been rewarding and has helped me understand AR development better.

Comments