Skip to main content

Experiential Design / Task 2

19.05.2025 - 03.06.2025 / Week 5- Week 7
GAN YI KIAN / 0374572
Bachelor of Design (Hons) in Creative Media
Experiential Design
Task 2 / Project Proposal




Note

Week 5: Wesak Day Public Holiday


Week 6: Online class
According to the last exercise, we have learned how to add photos to AR for scanning and blocks, etc. Today, Mr. Rafiz will teach us how to add videos to the photos we scan, and design buttons to add switches to improve interactivity.

First, download the video provided by Mr. Rafiz and add it to 'Assets' below


Then add Piane


Drag the Piane frame to the same size as the photo and then drag it to fit the photo closely and pull the square outside the photo.


Add new component Video Player




In the newly added Video Player column, drag the newly imported video to the Video Clip column.




When 'Play on Awake' is turned on, the video and music will automatically play. When it is turned off, even if photos, videos, and music are scanned, they will not play, and only the video panel will be displayed.


Then select ImageTarget on the left, add two functions Play and Pause in the lower right corner, and drag Piane into



Add Canvas on the left, and then add Button on the canvas



On the right side of Canvas, select scale with screen size


Go to game


Open Build Profiles and switch platform to your platform


Then select the 16:9 mobile phone frame


Continue to adjust the size of the button and copy one more button. The two buttons are STOP and PLAY.



Then add functions to the right of the button, and piane




Delete the button on the right and remove the original STOP function.



Then select the piane on the left, go to the right Add component and select New script Name it Video Control Click the option on the right and select the last one to enter the script




Then go to Visual Studio and add these scripts


Another way to add a script, the block will disappear when you click it
Click Cube on the left and select Add Component on the right.(Visual scripting→Script Machine)


Replace Source(Graph→Embed)


Rename‘CubeCilck’ and cilck Edit Graph


Right click → Add Note → events → Input → On Mouse Down




Right click → Add Note → Game Object Destroy
drag Cube to new object


link the two object together


Week 7: Holiday






INSTRUCTIONS



AR Label Buddy – Experience Design Proposal
Finally, I decided to go with the concept of AR Label Buddy. I personally think it is very practical for the general public because it can bring more value and influence to users.

After that, I started to do project research, study the services I provide to users, the target audience, and understand it from the perspective of user personas.

Project Proposal Document


Presentation


After discussing with Mr. Razif, I felt that I needed to modify the direction of my proposal. Mr. Razif thought that my app could be more attractive and more playable. So I changed some things afterwards.


I added some things
- Add mascot robots to make it fun for kids
- After scanning, a label will appear on the item. The label will display a single noun and can be saved and changed in different languages.
- The library is replaced with a collection room. After collecting items, the corresponding items will have colors.
- Reduce the original collection target to 4 daily necessities
- Change the font to Lilita One

Figma mockup


Presentation PPT





REFLECTION

After completing Experience Design Task 2, I was able to design AR content using Unity and add video playback capabilities. Thanks to this, I was able to better use AR in practice and further understand the technology.

I also practiced user-centric thinking and optimized functional and interface design based on their needs. I found that it is as important to consider user experience and service interaction as the technology itself.

I learned a lot from this task. I gained new experience in using tools and design solutions. I look forward to applying these experiences to more projects in the future.

Labels:

Comments

Post a Comment

Popular posts from this blog

Application Design I / Project 2

26.05.2025 - 14.07.2025   / Week 5- Week 13 GAN YI KIAN / 0374572 Bachelor of Design (Hons) in Creative Media Application Design I Project 2 / UI/UX Design Document INSTRUCTIONS Project 2 / UI/UX Design Document Week 5 In this assignment, we need to complete the creation of a research plan according to the template and list of questions, and interview 5 people with the goal of obtaining first-hand experience with users. We need to take notes of their pain points (problems) and highlights (things they love) when using the service or their competitors. My target audience is Gen Z - finish the 5 interviews transcript - take down the data, one idea per post-it -sort them in affinity maps - find categories/themes - create 3 personas from those themes I basically divided the interview questions into 5 sections.I interviewed my friends and they answered me in Chinese, and I translated them into English. Interview Log Section 1: Background Section 2: User experience Section 3: Fu...
Post a Comment
Read more

Advanced Typography / Task 1

24.09.2024 - 19.10.2024 / Week 1 - Week 4 GAN YI KIAN / 0374572 Advanced Typography / Bachelor of Design (Hons) in Creative Media Task 1 / Exercises  LECTURES Week 1 Fig 1.1 Typographic System Examples  Typographic Systems "All design is based on a structural system" There are eight major variations with an infinite number of permutations. Axial Radial Dilational Random Grid Modular Transitional Bilateral Axial All elements are organized to the left or right of a single axis. Radial All elements are extended from a point of focus. Dilational All systems expand from a central point in a circular manner. Random Elements appear to have no specific pattern or relationship. Grid A system if vertical and horizontal divisions. Modular A series of non-objective elements are constructed as standardized elements. Transitional An informational system of layered banding. Bilateral All text is arranged symmetrically on a single axis. Week 2 Typographic Composition Emphasis  Fig. ...
Post a Comment
Read more

Application Design I / Project 3

13.07.2025 - 19.07.2025   / Week 12- Week 14 GAN YI KIAN / 0374572 Bachelor of Design (Hons) in Creative Media Application Design I Project 3 / Lo-Fi App Design Prototype INSTRUCTIONS Project 3 / Lo-Fi App Design Prototype Week 11 After I completed the whole process of booking a hotel, I showed it to Mr. Sylvain.After I finished the whole process of booking the hotel, I showed it to Mr. Sylvain. Then we need to build the sketches on figma for each scene before the next week. Week 12 A good idea I came up with is to add a chat function. If today's target is a group of friends who want to book a hotel, they can all use this app and enter a group to chat, and at the same time they can share hotel information to this group. They can vote, compare hotels, and even plan the itinerary of the trip. More plans can be made in this group, and other members can also participate in the selection process. Then based on this idea, I designed the first sketch on figma. Mr. Sylvain sugges...
Post a Comment
Read more