USER EXPERIENCES - PETROSAINS

26/08/19- 28/11/19 ( Week 1 - Week 14)
Linda Oktaviani (0333152)
UX Design
PetronasProject


______________

INSTRUCTION

In this module, we were briefed with Mr. Shamsul to collab with Interior Architecture students and we will be doing the projects for Petronas. We are invited by Petronas to visit their Petrosains, KLCC Sky Bridge and KLCC 86th Floor observation deck. We have to come with the ideas to make a betterment/development on that to improve the User Experiences.

26/08/19 (Week 1 )

We were given the lecture about User Experience Design to have a clear idea of what is it about.



Week 2 (02/09/2019)

This week Mr. Shamsul asked us to start up the exercise by designing a user persona, so I and my group manage to design 2 user persona and we also asked to do some more research about it.

We also split into a different group for the next project, I'll be working on with Isaac Lee and Bernice from Interior Architecture Student.

Week 3 ( 08/09/2019)

This week we got the opportunity to visit KLCC and do the observation there and get the briefing by Petrosian's people for what we have to do.

1. Ticket 

1.2 @KLCC

1.3 @KLCC

1.4 @KLCC

after all the tour, we were briefly told that we have to decide which part that we want to improve either the Oil platform @Petrosains, KLCC Sky Bridge or 86th-floor observation deck. So, I and my group decided to improve at the 86th-floor observation deck and for the next class, we have to come out with the journey map ideas.

Week 05: Idea Development for Journey Map

Since we are decided to focus on the 86th observation deck so we wrote down all the pain points from our journey experienced.

1.5 Pain Points

I and my group also start sketching up the floor map to get a clearer flow of the 86th floor in KLCC.

 1.6 Sketch of Floor Plan

 1.7 Sketch of Floor Plan

 1.7 Sketching for the Journey Map

 1.8 Sketching the flow for the Journey Map

Week 06: Journey Map

1.9 Journey Map design

1.9 Final Journey Map

Here are our Presentation slides :

After the presentation, we got to come out with the idea of what to improve their user experience.
so to start up this I suggest to my group to have the survey before deciding to come out with the idea, so at the end of the day all the improvement is actually based on the users expect and what they need.

So, I designed the question form to do the survey

Questions: 

1. How old are you?
2. Are you a local or a tourist?
3. What did you expect before you reached on the 86th Floor?
4. What attracted you the most when you reached the Observation deck? 
5. What is the first thing you did on the 86th floor?
6. From your experience went to the 86th floor ( Observation deck) How strongly do you agree with the following statement: Process to go on the 86th floor is simple and painless.
7. Both written and verbal information was clear and understandable 
8. What was your feeling when you interacted with all the facilities on the 86th floor ? ( Binoculars, KLCC Model, AR, etc.)
9. How interactive were the facilities on the 86th floor?
10. Overall, how satisfied are you with the experience that you had on the 86th floor?
11. What can we do to improve?

Google Form : https://forms.gle/Gd5BYHCuS8BM9ER1A

GIF for the responses

Overall, we observed that the main point is the users want everything to be more interactive.

Week 07: Proposing Idea

We finally discuss more on what we want to improve because we want to make sure its balance with the other things on the 86th floor based on the survey results. For the solution, we basically split it into 3 parts which are zone 1, zone 2 and zone 3.

ZONE 1 (3-5 mins)

• Briefing
• Everyone will be given an iPod.
• When entering into zone 1, click ‘start’, the briefing on iPod will start (human on hologram).
• A holographic person will appear to provide a 3-minute brief to the visitors. This hologram will attract people and gather them at the center of this zone.
• The audio of hologram briefing is only available for some distance. 
• Visitors can choose to listen to hologram briefing or choose to walk around.
• When visitors are looking at the view with binoculars or enter to Zone 2 / 3, they can still hear the hologram briefing by using the audio on the smart device (to listen to clearer)

• Binoculars
  - add on chairs on some binoculars for children

- can move to the left and right

- can zoom in and zoom out

ZONE 2 (8-10 mins)

• KLCC model

- change the KLCC model with a hologram which  the visitors can interact with

- add instructions on how to interact with it

- gesture to zoom in and out, rotate, drag.

- Information on KLCC itself: Visual process of KLCC construction, Architect, year, the height of the building, weight, rough intro on the level of floors, where is level 86th, etc.

- Technology? Type of hologram? Mirror? Cylinder? Show on top/ bottom? How to play with a gesture? What sensor to detect gesture?

• AR
  - change the placement 

- has the concept of ‘lego builders/ Minecraft’ to digitally build KLCC on the AR screen.

- Kids can play with it (won’t feel unentertained)

• A huge screen display
• To exhibit Malaysian Art and Culture ( to fill up the empty space). For example, Malaysian famous painting art, wau, batik, etc. 

What to do with AR? Content, function, purpose?

Size and function of the device

How/ what to do with hologram KLCC? Technology that makes it happen?

Content for KLCC?

A smart device  for areas

ZONE 3 (8-10 mins)

• Miniature building model (round)
• Visual to attract kids

- QR code to start the e-guide on Ipod

- 4 QR code available at a miniature model. To avoid traffic flow. 

- E-guide will give the information about the building, the interesting story behind, narrative, why is this built? etc. 

- Touchscreen button and LED light: The e-guide will give instruction to press button to indicate which building that the e-guide talk about

- Instrument sound effect when touching the screen. 

- If slide the screen = can hear the instruments from low to high key.

- An elevated platform for children

Week 8: Designing a Storyboard for the whole journey

For the progress, Bernice comes out with the 3d Modelling for the ideas.

1.10 3D Model

1.11 3D Model

1.12 3D Model

1.13 3D Model

1.14 3D Model

1.15 3D Model

This week I also designed the floor plan for the proposing ideas before and after floor plan as well as the flow for controlling the traffic.

1.16 Floor Plan Before

1.17 Floor Plan After

1.18 Floor Plan Flow

Week 10: Presentation with Petrosains

This week I and my group will be presenting to Petrosian's

https://prezi.com/view/TYaxb1I4SMsLOgATdBxZ/

Week 13 :

REPLACEMENT IPOD TO APPS

Use apps before going to the 86th floor, there will be a guide to tell them that it’s needed for them to have it because most of the facilities guide and information will be displayed on apps as their e-guidance.

for ex: in japan, they put like a poster before entering one of the installations in team lab, they put the instruction and the barcode directly to download the app(can be used)

 I think it's better for the users to download at the main entrance while waiting for the first lift because they have more time to download and whatnot and we use to let them borrow earplugs/earphone if they want too because maybe some of the users bring their own

HOLOGRAM ZONE 2

information:

- Malaysian Batik @huge screen

- Malaysian famous artwork @huge screen

- Prime minister (2019/ from past till now) @huge screen

- Malaysia has 13 states @KLCC

- Malaysian culture food @KLCC

- Malaysian traditional attire @AR

- Process of doing Batik (maybe video/ can paint on the screen) @AR

- about KLCC (the process of construction work building klcc from A-Z, architect, year, location, the inspiration of the building element) @klcc hologram

Add, more than 1 person can interact with KLCC hologram. We need to think of how can few people interact on this thing at the same time??

Hologram zone 2

Minimize the manpower on the 86th floor.

How many people can interact with each thing in the zones? 

-Briefing hologram= actually this can be for all the users cause all they need is just to look at on the technology

- binoculars = 5 people at the same time

- huge screen display = 4 people at the same time

- KLCC hologram = only one for now ( think about it more)

 - AR, miniature model = 4-5 people at the same time

so I think we focus on the miniature how to make it more than 1 person can interact with it maybe 3/4 at the same thing, but we gotta figure it out how

and the other thing is the visual presentation.

animation, since we show for 3 zones, can we do it tgt /split the work?

1⃣ about a person and the app (at the main entrance while waiting for the first lift, he scan the barcode to download the app, borrow earplugs  from staffs, like into instructions/guidance on the app... Then enter into zone 1 (select zones, language, start audio, etc - same with our solution when using the iPod)... Then zone 2 (same)... Zone 3 (select zone, open QR code, AR camera - to view the 5 different colors of main buildings -  click on any building, information pop up - the name of the building, location, architect, year, etc, can play the audio)

WEEK 14: FINAL PRESENTATION

https://prezi.com/view/NHjvviCFknKTsRF0OTSD/

_______________

FEEDBACK :

Week 05 :
Try to look at the references to see how people design a journey map, all the pain points are okay and we can start designing the journey map based on a=our experienced and present it by next week.

Week 06 :

Mr. Shamsul, Mr. Vickram and Mrs. Aida said that ur journey map has very good points and details enough. Since last week we said that we want to improve on modeling but then Mr. Shamsul said that we can add some improvement more rather than just the modeling and binoculars. For the presentation, he said maybe we can use Prezi for the next presentation.

From Mr. Mike, he said that The observation deck problem is solved with just the futuristic miniature site model? From the illustration, it seems that users need to follow the prescribed path from the starting point. This means that they will be limited users at any given time. Why is there a need to follow the prescribed path? Please elaborate. As for the projection mapping, please explain the UX design. Especially on how the users will interact

Week 07 :

Mr. Shamsul, Mr. Vickram and Mrs. Aida said that it’s very good because we’ve done the survey so we have a clear direction and a better idea for the solution. All the solutions that we’ve done also interesting. However, Mr. Vickram suggests us to do research on the technology that we wanted to propose for the solution especially the hologram. As well as the iPod.

Week 10 :

Mr. Shamsul, Mr. Vickram, Mrs. Aida :

 Replace Ipad to apps instead of using iPad touch, it's better to replace it to apps (in the phone). It can not just to save cost, and it's more convincing if we can use the app for the whole space. In KLCC, earlier before the visitors go to 86th floor, maybe at the 83th floor/ the waiting area in the beginning before start to enter the life, it's the time that staffs is needed to tell visitors to download the app, explain how to download and how to use it, and why is it needed ? From here, we need to think of...

1. How can visitors download the app, explain about the app like instructions or guidance of using it?

2. Decide when can visitors download the app before they go to the 86th floor.

3. Listening audio from the app. Advice Petrosains to provide headphone/ earplugs/ Bluetooth earplugs for each visitors.

____________________

The KLCC hologram at zone 2

Instead of introducing info about KLCC, we can add other introductions of ...

1. Malaysian popular transitional/culture foods. (What's the food, where is it available) It can be the traditional food from 3 races and/or different states of Malaysia.

2. Traditional attire of 3 races and/or different states of Malaysia.

Add, more than 1 person can interact with KLCC hologram. We need to think of how can few people interact with this thing at the same time.

____________________

The miniature model at zone 3

(note: the idea of different color appear on the different iconic building is still remain)

Visitors use the app (that they download earlier into the phone) to scan the QR code from the miniature model, then there's an AR camera pop up on the screen of the app, use the camera to view the buildings from the miniature model. Remember that the AR camera can only detect 5 different buildings at the same time. In the app (the AR camera view), different color of the buildings will act as different buttons, when you click any building in the camera view, the information of the building will pop up, from there you can understand the name of the building, year, location, etc. Then instead of reading the info, we can also listen to the info from audio (diff languages that we proposed) or the sign language. Therefore, you can control everything from your device (app).

____________________

Minimise the manpower at 86th floor.

How many people can interact with each thing in the zones? 

(We need to make it more clear. Briefing hologram, binoculars, huge screen display, KLCC hologram, AR, miniature model).

____________________

Visual presentation

(We are focusing on the miniature model, and this happen at the very end of the presentation/ slides)

We need to create a visual video presentation like to show the animations explaining the process of people interact with the miniature models by using the app. Like… process of downloading the app – open the app – scan – AR camera appears - view the buildings – click on the button – information pop up – can listen to information from audio / sign language.

____________________

Learning outcome (before & after)

We need to show the learning outcome of before and after (the comparison).

____________________

The PREZI

Include the 3D perspective of the zones next to the information when we present on our solution at the floor plan. Easier for readers to understand and refer to the 3D while reading the solution.

____________________

3D

- for all zones, the ceiling needs to closely related to the site encouragement

Week 11 :

Mr. Shamsul told me that it's better to design the apps for the prototype, so the Petronas people can actually try it.

______________________________

REFLECTION

EXPERIENCES

This module is very exciting for me. I was really confused about what we have to do. We had the chance to go to KLCC to actually observe everything and make a development to the facilities that they have and this is the best opportunity that I've ever had. Where I and my group discussion about what we can improve, we also need to do research about it and make everything that we want to change/remove is reasonable and accurate like what users need and throughout the experiences that I had during this project Mr. Shamsul told us that the budget is unlimited so I have a very wide ideas what to do for the projects that I wanted to propose.

OBSERVATION

I observed that all the groups are very ambitious to do these projects, we all competing to pitch our ideas and these projects are actually quite hard to do but then because we are working as a group feels easier because we split the tasks and its very important to keep everything on track. last but not least, Feedback from the lecturers are very helping to improve the proposal before we pith to the Petronas people.

FINDINGS

Throughout the projects, I was feeling excited and down about what I've done. I realized that every group is very ambitious and we all competing for each other to get approval/to be the winner for these projects. other than that,  this project let us think as wide as possible and we have to think creatively because of the group work, as creative people, we have to make sure that all the team members on the same track on what's going on so later on when people have the questions we all have the same answer. So I found that communication is number one when it comes to group work.