Posted by

Experiential Design Task 2

18/5/2025 - 30/5/2025 / Week 4 - Week 6

Jie Xuan/ 0356515

Experiential Design/ Bachelor of Creative Media/Taylor's University

Experiential Design Task 2: Experience Design Project Proposal

TABLE OF CONTENTS

1. Instructions

2. Lecture

3. Task 2: Experience Design Project Proposal

3.Feedbacks    

4.Reflection

INSTRUCTIONS


Task 2 Instructions: 
  • Based on initial idea discussions, students are required to come up with an experience design project from a subject/topic of their choice. This can be anything from screen experience to physical space experience. They are required to create a professional experience design proposal document that explains their project idea and how will the experience be for the user. The proposal should contain analysis of current experience, comparison with similar solutions and how it can be better, Sketches to visualize the experience, Mock design of how the final outcome should be from the user’s perspective. The project looks to develop the students’ understanding of what is an experience design and their creativity to come up with a good, unique,and magical experience design. It also looks to their ability to analyze, explain and breakdown their ideas into a proposal document.
  • Requirement of Submission 
  • Slides submitted as .pdf format
  • Online posts in your E-portfolio as your reflective studies
LECTURE
Week 5/ Screen Prototyping
This week in class, Mr. Razif introduced us to how Augmented Reality (AR) can be integrated with interactive user interfaces.  The focus was on incorporating UI buttons within an AR environment to control multimedia content. One of the key activities involved using AR-based UI elements to play or pause a video by interacting with virtual buttons placed in the AR scene. This hands-on task gave us a clearer understanding of how user input can be used to control media within immersive experiences.

Week 6/ xxx
xxx

Week 7/xxx
xxx



TASK 2 EXPERIENCE DESIGN PROJECT PROPOSAL
A. Task 2 Finalize Proposal

After consulting with Mr. Razif, he commented that our finalized idea "Story Spark AR Story App" was good, but he suggested we be more specific about the content. In particular, he want us proceed on thinking how to make the story book more interactive. This added clarity will help define the scope of the project and make the user experience more focused and effective. Also, very important to include mock-up or sketches to help users visualize the proposal. 

B. Proposal Development

After finalizing our concept, we moved into the planning phase, where we concentrated on refining and expanding the entire proposal. Our first step was to identify and analyze the primary target users to ensure our design addresses real-world needs and provides meaningful value.

During a collaborative brainstorming session, we developed three user personas, each representing a distinct demographic with specific challenges that "Story Spark AR Story App" aims to address. These personas will inform our design decisions and enable us to tailor the app’s features to better serve our intended audience.

User Persona
user persona 1

user persona 2

user persona 3

User Experience Map
Before Story Spark AR Story App

Proposed Solution
After analyzing the touchpoints, pain points, and gain points across each phase of the user journey map, we discuss and used the TDS XD Assistant to help us generate ideas on what to retain and how to address user challenges. As a result, we proposed several solutions and incorporated key features. 
The key features include:

Feature 1: 
AR Page Scanner – Scan book pages to see animated scenes.
Feature 2:
Animated Characters – Characters pop out, move, and talk on screen.
Feature 3:
Quiz Game – Tap to answer questions about the story. Get a badge after finishing the story and quiz.

The AR Storybook App makes learning more fun and engaging by turning a boring classroom experience into an interactive one. It uses augmented reality and stories to spark curiosity, helping students focus and enjoy learning. Instead of getting bored or confused, students stay interested with fun visuals and activities. This makes it easier for them to understand and remember what they’ve learned. By the end of the session, they leave feeling more confident and excited about learning.


New Journey Map
After Story Spark AR Story App

AR App Flow
sketch of App flow

xxx
final App flow

Visualization Design Planning
Since we’re developing aAr Story Book  app, we chose a yellow color scheme to convey a sense of reliability, clarity, and focus. Yellow provides a fresh and bright visual tone, helping users feel confident and at ease while reading story book. The palette is designed to reduce visual strain, making it suitable for extended use. Its strong contrast supports clear readability, ensuring that key information remains easily visible throughout the interface.
Art Direction
Mood Board
Design Reference
Color Pallete

Landing Page Design：

For our content visuals especially for the Landing Page, we referenced from Pinterest https://pin.it/2RHuY28GG

Our app consists of three main feature pages, this AR App is to help to make the story book more interactive and fun, the game quiz features also designed to be fun and not boring. 

Scan Book Design： 
xxx

This feature provides a floating 2D character. It guide user to read the books more fun. 

Game Design： 

For game quiz session, will have two questions. One is choose the correct character and name. Another question is arrange the correct sequence base on the story. 


Final Proposal Document:

xxx
Final Proposal

YYY


Figma Prototype: 

Final Compilation in Drive: 

Final Presentation: 
ytvideo

FEEDBACKS
Week 5
Mr. Razif  suggested us to add more AR button to make it more interactive. 

Week 6
Mr. Razif commented our prototype looks clean and nice but still need to work on it because for now still feel not so complete. 

REFLECTION
Experience
Working on ReadieLand has been a challenging yet eye-opening experience. At first, I felt a bit overwhelmed because we had to dive into a lot of research. It is because is not just research on AR technology, but also on understanding who our users are and what they really need. It wasn’t just about designing something that looked nice; we had to get into the mindset of children and early childhood educator. Creating user personas, mapping out their journeys, and thinking through real scenarios made me realize how much detail goes into user-centered design. Despite the challenges, this project really helped me grow especially in terms of designing interactive UIs and learning how AR can be used to solve real problems. 

Observations
As we worked through the design process, I started noticing how often people just want simple, direct help when they’re lost in a place like a library. We realized that flashy features aren't as important as clarity and ease of use. During testing, it became clear that users preferred straightforward guidance just point them where to go without making things complicated. I also saw how valuable feedback sessions were. Every time we showed someone our idea and listened to their input, we found ways to improve and refine the experience.

Findings
One of the biggest finding from this project was learning that less is more. Users really appreciated features that made their lives easier, like being able to scan a book and more fun interaction. It confirmed for me that thoughtful, well-tested design can have a big impact. Working with Chai Wei Yi also taught me the value of collaboration we helped each other problem-solve, shared ideas, and made sure every detail worked together to support the user. In the end, Story Spark AR Story App wasn’t just about storybook it was about building something useful, friendly, and meaningful.

Comments

Post a Comment