Skip to main content

Experiential Design - 202003

Experiential Design - 202003

04.14.2020
Joseph (0336620)
Experiential Design 
Exercises

INSTRUCTIONS


Week 1

Week 1 was pretty much the same as other modules, everyone had a briefing about the module outcome and we were told what the expectations are like throughout the semester, for our first day of class we were given a small exercise and a little bit of homework to do. We need to generate 3 ideas for AR. Here are my ideas for my AR projects :

1. DinoView (name can be changed later)

The aim for this idea is that what if you can look at a full size dinosaur and get a approximation of how big the size is just through your phone?, the idea for this app is that you can get to see a full size dinosaur on your phone get the information of the dinosaur, and maybe a full size fossil on the ground.

2. Price Tagger (name can be changed later)

Price tags can go missing from the grocery store isle or tray sometimes and it can be annoying to go and find a product scanner in a big grocery store. So what this idea hopes to achieve is that we can just scan the product when we hover or point our camera at the product and the price will pop out.

3. FindYourWay 

Malls these days has only gotten bigger and has only gotten more confusing to navigate and the lack of navigation in these large buildings has caused tourists or other people struggling to get to their destination efficiently, the idea of this app is that you'll be able to have a live ar element appear on your screen to show your waypoint to get to your destination.


Week 2

For this week, our lecturer showed us a few videos on AR Applications and sample projects for us to take reference. Since the final project required us to have an working AR app up and running, Mr. Razif mentioned that a good place start working on after ideation is to think about what can be improve about a certain experience, the idea is that you would think of a existing process of doing something and see what can be improved  about that process. Before thinking of the solution we must first figure out the process and collect data from these customers and people that are using the process. With the information gathered, it will be compiled in the form of a user journey map. The journey map will be a list of process that the user has to go through, with each of the process being labeled. Each process or step will have its own pain points for us to identify and with that we can figure out what can be improve or what is the solution for improvements. This lecture was then turned into an exercise by Mr. Razif

For the exercise Mr. Razif gave us an process to think about, he mentioned about the process of buying a movie ticket and have us identify what are the pain points and what can be improved about the process or the certain step that had pain points.

After that exercise, we were then asked to think about other process that had pain points and figure out an improvement or a solution to it. We were then told to show it to Mr. Razif by next week.


Week 3

For this week we did our exercise from week 2 in pairs, I was paired up with Ryan and we thought of a process about going to hospitals and we tried to fix a pain point about queueing in lines at the hospitals. Of course before coming up with  that, we created a word map with a bunch of different processes in it.

Fig 1.0 Word Map


After coming up with word map, we then chose to use the process of making an appointment at the Hospital.

Fig 1.1 Process


Fig 1.2 Process

It might be too small for you to see, the picture above is basically our less sophisticated Journey Map that identifies the process and the pain points of each step if available. After this exercise, Mr. Razif gave us some feedback and ask us to start planning for ideas for our final project.


Fig 1.3 Journey Map


Week 4 - 7  (Project 1)

Our first tutorial on making an AR App in Unity began on week 4 where we learned different ways to  make some thing pop-up based on scanning a certain image, and the rest of the week is mostly feedback from Mr. Razif about our proposal. It was announced that our final project is done by group however the marks will be split individually. I was grouped with Ryan to work on our final project, Ryan proposed to implement more AR features on the website of a zoo. We gave it a few thoughts and I decided to decend on my own ideas for an AR App.


For my idea I proposed a indoor navigation system thats AR-based. Navigation has been part of an issue to most entertainment locations such as theme parks or malls. Each company or location has been trying to solve and simplify user experience to help with navigation. We see navigation in many forms in theme parks and malls, these forms include an Ipad stand which functions as an navigation or a map of a theme park containing every location and activity that can be done inside the theme park, sometimes theme parks even offer a foldable paper containing maps of the theme park. The problem that most of us have with these solutions is as follows:

  • Sometimes people wait in-line to use these navigation devices and they are required to memorize the route to their destination. If they forget their route then they would have to look for another navigation devices to look at it again and memorize.

  • Foldable papers containing maps require a lot of printing and to be hand out to tourist or visitors and in the end of the day they eventually throw it away or keep it as souvenir.


That is my problem statement, Mr Razif had no issue with this idea as it really can be implement in the real world.

Week 8-10 (Project 2)

These 2 weeks is where we really complete the proposal and start researching and work on our final project. During these 2 weeks, I've made my proposal and submitted to Mr. Razif for feedback. I explained to Mr. Razif that I wasn't showcasing or designing the UI as an Application because this feature can be implemented in different forms of application depending on the person thats making as this was aimed for large places with poor navigation systems such as malls and zoos.

This was my design process.

Fig 1.4



It wasnt meant to be an app in the first place but more of an idea that other company can utilize. I showed this Mr. Razif and he commented that you should present this more of an app than an idea he advised me to choose a company or a mall and imagine if that mall had this idea as an app and what would the app looked like.

Fig 1.5 Home Page


Fig 1.6 Map


Fig 1.7 Information


Fig 1.8 AR Navigation


This is my proposal link.

 

Week 11 - 14 (Final Project)

These are the weeks where we work on our AR app and bring it to life, since my idea was a indoor navigation app. I figured that I start doing some research on what the process is like, and these are the results.

Indoor navigation process :


1.) Scan the entire map thats part of the map.


2.) Mark every pathway leading to anywhere in the map.


3.) Save the map and the pathway to the server.


4.) After saving the map and the pathway to the server, The next step is to write an algorithm that analyzes the shortest pathway to the desired location using the markers that we placed. However, the marker is not allowed to show everything because it will show through walls and it will be annoying.


5.) So the alternative will be activating each marker leading to the destination as you walk through the map.


More Research  :


The idea for this indoor navigation system is to figure out a way to navigate indoors using ar. Because it is indoors, we’re not trying to rely on GPS for the device to scan the local map area. Based on research, there are 2 ways to have the device localize the map without using GPS and those are Bluetooth Beacons or  RSSI Fingerprinting or using  Computer Vision.


The idea with Bluetooth Beacons is placing these beacons around the map and have the device calculate your position based in the signal strength of these beacons or as the research call it RSSI of the beacons.


RSSI  Fingerprinting functions similarly with Bluetooth Beacons, the only difference being is that instead of placing beacons throughout the area. it uses WIFI to calculate position based on the connection range.


The third method is using a AR SDK to map an area with Computer Vision and save the information to relocalize position. 


After researching how it works, it was time to look for youtube tutorials and figure out how it works in Unity. After a few weeks of researching how it works, I only realized that the level of difficulty for this project is in a computer science student level so I consulted with Mr. Razif on what to do. He advised that I can simplify to get similar experience by just scanning a bunch of stickers and it will pop up text or a small animation indicating an arrow of some sorts to guide the way.


Then I begin my design and work of the final project. For an example I chose starbucks, and by using recent tutorials from Mr. Razif, I was able to choose a bunch of photos to scan and use it as the way point. I tried using numbers and arrows as a indicator of a waypoint but there was a problem with that, on the vuforia target tracker website it had a zero star rating for scanning therefore I did not use numbers or arrows, I used starbucks logo's and their drinks which proved to be a better scanning material.


Fig 1.9 Vuforia Target Tracker Page



I ended up using only 3 pictures for scanning this is what I chose :

Fig 2.0 Starbucks Galaxy Logo

Fig 2.1 Starbucks Drink

Fig 2.2 Starbucks Drink 2


The next part is where I build the UI Canvas for the app, and here are the pictures




Fig 2.3 UI Canvas Pages


The next step is doing the AR Tracking from Unity.

Fig 2.4 Image Tracking Page





Reflections

Although these modules are fun, but having online classes because of Corona has really affected the learning experience for me. There's no face to face time with lecturers and everything has to be done and consulted through online platforms. Especially during mid-year where it's raining seasons and that makes my Wifi lag therefore I tend to skip classes because there's no point in attending if you can't hear what the lecturer has to say  or teach. So to be honest, these online classes isn't really all that fun for me and that has really affected the way I study and do work for this semester. Hopefully there is no online classes anytime soon on the next semester.





Comments

Popular posts from this blog

Advanced Typography - Exercise and Lecture

Advanced Typography - Exercises 26.09.2019 Joseph (0332260) Advanced Typography Exercises  LECTURE (26.09.19) This is the start of what I can say a very stressful course to go through again but no worries its not Taylor's University or any University if it's not hard. For our first week, we start the course by being introduced to the MIB (Module Information Booklet). We were explained by Mr. Vinod what are the assignments going to be like and what are the projects going to be like. After that, we continued on by making presentations and explaining the lecture to the lecturers. We learned about the 8 Typographical Systems, we have :" Axial, Radial, Dilatational, Random, Grid, Modular, Transitional, and Bilateral. These are the slides of presentation that each of our group makes. INSTRUCTIONS EXERCISE Week 2 (02.09.2019) For our first exercise, we were asked to make 2 art designs based on the presentation that we did for the first week. The...

Advanced Interactive Design - 202003

Advanced Interactive Design - 202003 04.16.2020 Joseph (0336620) Advanced Interactive Design Exercise Week 1 We started with the MIB briefing, and then we proceeded to learning the Adobe Animate. Unfortunately, I haven't got the software yet. So I proceeded to take notes based on what our lecturer said about the software. Mr.Lun then proceeded to explaining our project one, which is actually shocking because he said that its due week 5 and we were pretty much rushing things. Our project was that we have to create an animation flow for a certain online shop. So for this weeks objective we were told to update our blogs, and start working on what we wanna animate (online store or service). After that we are expected to make an animation workflow and a wireframe for the week. So for my wireframe, I didn't exactly know what sort of apps or services or online stores that I wanna do, we were told to gain inspiration from a website called  UI Movement  and sort go th...

TYPOGRAPHY - EXERCISE

29.08.2019 Joseph (336620) Typography Exercises LECTURES Lecture 1 : Introduction to Typography We started the semester off with an introduction to the module and what to expect in the coming weeks. We are then expected to create a blogger account or an e-portfolio as people call it to insert or showcase our future projects and exercises throughout the semester, to make things easier for new semester students, a sample was given as a guideline for us to follow  Mr. Vinod has also inform us of the materials that is needed for the upcoming activities and task that is to be done before the next meeting or the next class - A4 graph papers and 3.0 Artline Drawing Pen. However before that, Mr. Vinod began with power pointed introduction to Typography. Due to my undersstanding, typography is a step or procedure of  arranging type or processing data and printing from it, a way to make writings readable and eligible for looking and writing. Due to its course and journey ...