Experiential Design / Project

1.9.2022 - 30.9.2022(Week 1 - Week 5)
Chang Jia Yee / 0350402 / Bachelor of Design in Creative Media
Experiential Design
Project : Experience Design Project

---

LECTURE

Week 2

Empathy Map

An empathy map is tool used to articulate what we know about a particular type of user. It externalizes user knowledge in order to

1) Create a shared understanding

2) Aid in decision making

Fig 1.1 Empathy Map Example (Buying a TV)

Fig 1.2 Journey map 

Week 3

AR

-Combine real+ virtual objects

-Enhanced physical world

MR
- Enhance within the physics of the physical world

- Interact and manipulate virtual objects

VR

- Computer generated world

Sense of presence

Fig 1.3 Design Components

Fig 1.4  Process flow

---

INSTRUCTION

---

Project

We were required to come up with an experience design project from a topic of our choice.It can be anything from screen experience to physical space experience.

Proposal should contain :

• Analysis of current experience, comparison with similar solutions and how it can be better.
• Sketches
• Mock design (from user's perspective)

Submission as .pdf slides format

My AR Experience

I think I am familiar with the field of AR because of a game, that is "Pokemon GO". At that time, the game was very popular, and many people who were unfamiliar with or didn't know the technology of AR had the opportunity to get in touch with it. I think this is also an important part of popularizing the technology of AR, that is letting the public try and explore it.

AR Idea

1. Fixing or Assembled some part eg. Furniture 

Purpose: To help people who inexperience in assembled the component more easier to assemble the component themselves without complex step wrote in the instruction booklet

Fig 2. Idea 1 sketch

2. Dress up app

Purpose: Buyer can try the cloths they want without physically try it 

        Art Direction：Cyberpunk - high tech, low life

Fig 3. Idea 2 sketch

3. Fit the furniture into a space

Purpose: To make sure the size of the furniture is suitable for your place and reduce the risk of buying the wrong size furniture

Fig 4. Idea 3 sketch

4. Learning vocab through AR

  a) listen to the word

  b) write it out on a paper

  c) scan the word

  d) will come out with a 3d dimension things to learn from the picture

Finally, I end up with idea 1(assembly guide). After some deliberation, I have more and more complete ideas about the first idea.

Problem Statement

In reality, when we buy some big items online, we often encounter a problem, that is because of the transportation, our items have been split or unassembled, so when the items reach us, we need to put them up by ourselves before we can use them. However, some very long instructions booklets can make people feel more annoyed when they read them, and some teaching steps are only limited to some pictures, which are very difficult to understand at a glance. It is often necessary to observe the pictures very carefully to know where the screw should be locked. This will greatly kill the shopping experience of consumers.

My Idea

An AR app that would guide customers to assemble their furniture. In the form of AR, consumers can understand the assembly process more clearly without some complicated instructions, making their assembly process more interesting and easy. My idea is that the app will let customers know the tools they need to use (assuming that the tools are already included in the delivered package, customers don't need to bring their own), and then ask customers to put the tools they need in the range that the app can scan in the order specified by the system. After scanning the tools, they will start demonstrating how to assemble furniture. Teach customers step by step until the last step is assembled.

Research

This is an operation video of a similar concept that I saw on the Internet.

Video 1. Assembly AR app from youtube

Fig 5. Assembly AR app screenshot from google

Figure 5 showed after scanning the QR code, the user will be show the assembly steps of the furniture.

Final Experience Design Project Proposal Submission

Video 2. Proposal recorded presentation

Fig . Proposal Slides

Task 2:  Creative Experience Design Project Prototype

Fig . Rak for assembly guide

Fig . Rak components

I bought this rack in Lazada for this assignment. It's not expensive, so it looks like eleven dollars. But after receiving it, I honestly think the quality is quite good. I mean, it at least meets or even slightly exceeds the quality of this price. Anyway, I think the purchase of this actual furniture has really helped me to design this app, so that I don't need to imagine the assembly of an object out of thin air. I can design my application for this rack, so that I can meet my requirements faster and more effectively.

Fig . Build 3D model in Vectary website

Because it's my first contact with 3d modeling, I have no professional experience at all. At first, I tried to learn to use blender to complete my modeling, but I found that some of the tools and functions in it were unfamiliar to me. Then I went online to find out how to use it, and accidentally found the website application Vectory, which can fulfill my modeling needs. Because I don't have to make a very difficult model, I just need to model a cabinet, so I think Vectory is fully qualified for this job. Finally, I decided to finish modeling and coloring in Vectary, and the result was also the result I imagined. It was easy to operate without any mistakes. But it still has to be said that if you want to learn modeling well, you still need to use professional applications.

Fig. Progress in Unity

My progress in unity will feel super difficult before it starts, because I may not be able to do it right away after following the pace of lecture in class before. This time it's my turn to do it myself, and I'm still very uneasy, afraid that I can't finish it or get stuck in a certain step and then can't implement it. But when I watched recorded video, it didn't seem as terrible as I thought. In fact, as long as I was familiar with the process, it didn't seem that it was difficult to complete it, so I felt that the big stone in my heart was half down.

Fig . Assembly guide prototype

It was around week 10, Mr Razif asked us to submit our current prototype, and this is the semi-finished product I submitted. I think the overall application architecture and system are satisfactory, and the switching between the whole application pages is smooth and logical. The film also mentioned the work that I will continue to finish in the next few weeks, which is also an ideal effect that I hope to achieve for my final application of the finished product.

Final Submission

Video . AR Assembly Guide App Demo

---

FEEDBACK

Week 4

You can consider the first and third ideas, and then do some extended functions on these ideas. The third idea can be improved by referring to Ikea's app. Idea 2 is difficult to implement, because what is made is only a flat thing, and it is difficult to make clothes around one person. It will be strange when the user turns sideways.

Week 8

You can do simple 3d modeling for your assembly guide, and then you can let users scan each step separately, which can help them understand each step more effectively.

---

REFLECTION

Week 1

Mr Razif showed us the AR work of senior. To be honest, my inner thought is that this is a very interesting and fulfilling lesson. Because this is an area that I have never been exposed to, I used to be curious about how to make similar applications. I was very excited when I didn't expect this course to learn the foundation and making of this kind of technology.

Week 2

This week, we learned how to make a journal map. Mr Razif took tables as a unit in class, and each table was a small group. Then we made a journal map according to our desired theme. If you are interested, please view my Exercise blog for details.

Week 4

This week, we learned how to make navigation page. I think the content taught in this class can keep up, and then it's quite interesting. The atmosphere and rhythm of the class are very good.

Week 5
This week is an online class, learning how to add films to ar. To be honest, I have experienced an online class once, and I still think the physical class will be more suitable for me. I feel that the online class will be a little behind, because the computer screen is small, and it is a bit difficult to operate by myself while watching the teacher explain. And this week, I don't know what's wrong with my unity. There was nothing left in the previous file, so I couldn't keep up with the progress of the class, but I finally tried my best to keep up.

Week 6

This week, we learn how to import unity files into mobile phones and operate the whole ar app on mobile phones. This is our last class, and then after that it's time to watch progress and discuss how to improve our ar app. To tell the truth, I'm still very upset, because I forgot at least half of what I had learned in class before, and I need to watch the playback of the class before I can recall what I had learned before.

Week 7

I started working on my ar app this week. At first, I was really afraid that I couldn't finish it, but after watching the classroom playback, I felt much better, that is, while watching the film, I wrote down those steps, and finally successfully completed two scenes. I felt very fulfilled.

Week 8

This week is study week, and I didn't process anything about this course in this week. It belongs to a depraved week.

Week 9

This week, I have done some page design of the whole app and carefully thought about how I can present my app, divide it into several pages and so on. At the same time, I am still a little confused, because I am afraid that my idea will not be realized in the end, so I will still be a little confused and lazy at this stage. The lazy point is that I haven't mastered the skills of using Unity, and then I have a lot of other homework to catch up with, so I somehow feel lazy.

Week 10

This week I began to realize that there are the last five weeks left in this semester. It's time to work hard to finish my project, otherwise I know I will regret it later. So I started to look back at the previous teaching films carefully, and searched some operations on the Internet, etc., to help me understand Unity better. Then I started to do my first scene. I remember that my first scene was the step1 part, because I think it is the most important part of the whole application. Happily, after my constant groping, I have completed this relatively important and slightly overworked scene.

Week 11

I have almost made a prototype of the whole AR app this week. There are only some steps that have not been completed, and I am very satisfied with the overall progress. At first, I was really afraid I couldn't finish it, but now I'm relieved.

Week 12-13

I haven't touched my AR app's project in the past two weeks, and I'm rushing to other module' projects, but I have predicted in my heart that I will make the final revision and recording on week 14, and complete my blog.

Week 14

This is the last week of this sem. I found that I forgot some Unity operations a little, but soon I remembered how to operate them. It was a bit thrilling. Fortunately, the whole AR app was successfully made and recorded.