MINOR PROJECT

MINOR PROJECT

14.04.20 - 19.07.20 (Week 1 - Week 14)
Maydeline (0335392)
Minor Project

INSTRUCTIONS






WRITTEN TASKS

Design Innovation & Disruptors

14.04.20 (Week 1) 

1. Please describe what is Design Innovation based on the article "What is Design Innovation? by Alex Obenauer". Please cite some examples to elaborate your observations.


Answer : Based on Alex Obenauer's article, Design Innovation is a design process that has a basic innovative concept which changes the way consumers interact with the products to make their life easier. This innovation is to reduce the friction user experience or to improve the user experience. It consists of principals that include contextual, empathetic, goal-oriented, intentional and iterative.

For example, the Coca-Cola bottle is mentioned in the article. Coca-Cola changed its original bottle design and created a total new bottle design which makes Coca-Cola iconic and recognisable. From that example, Coca Coal is considered as a design innovation because it uses design to change the brand's packaging in order to achieve specific business goals (Obenauer, 2016).


Fig 1.1 Coca Cola Bottle 


Another example is the U-Socket USB Power Outlet which comes with two built-in USB ports. This product is created to solve the problem of where people don't have enough USB ports to feed/charge their USB devices. As a result, this product improves the user experience by letting the consumers to charge multiple devices via USB without the AC Adapter. Moreover, people could also charge with only the devices' cables which becomes more convenient (Gresham, 2011).


U-Socket USB Wallplug - power outlets with USB ports | SHOUTS
Fig 1.2 U-Socket USB Power Outlet

In addition, iPod is also an example of design innovation. It is a pocket-sized portable music playing device made by Apple. The product is widely used because it allows consumers to purchase/download music and listen to it. It is different from other MP3 players because it surpasses other MP3 players (Adner, 2012).

What is an iPod?
Fig 1.3 Ipod

2. Please watch this documentary about Design Disruptors and write a short essay about what are Design Disruptors with cited examples.


Answer : Design disruptors are people who create things from a new perspective by solving the problem using newer technologies. They view the meaningful problem that users are facing on daily basis and they are willing to challenge themselves to solve it. For instance, the video mentioned about the amount of taxis on the road looking for people who are hailing for rides. The designers introduced applications such as Uber and Grab so that passengers can easily find their assigned drivers. This kind of personal problem requires the designers to immerse themselves as the customers in order to understand what is lacking from their applications.


PROJECTS

Project 1 : Project Proposal

17.04.20 (Week 1) 

We had a project briefing with Mr Mike where he showed to us the different projects available for us to pick. We decided to pick Cisco project and my team was consisting of me, Darrel, Crystal and Rachel from Design team and ZhaoFeng, Benedict, and Ben from Computing team. 

Here is the link to our document :

https://docs.google.com/document/d/1Upgi0TMnJbLnYJCz5n59OjhIWJMnSyPgoz4tIGyOShs/edit?ts=5e95d77c

Later on, we were contacted from Mr Mike that the Cisco project was cancelled and we had to move on with Petrosains. 

Mr Mike gave us the proposal sample to guide us in writing our proposal for Petrosains Project. In addition, he also gave us further information about this project. Here's the link : https://drive.google.com/file/d/1LHQ0m99TDglyPRxNbvkOgaEjNthJEbSH/view

We were also given the link to Petrosains website where we could see research about the exhibits and floor plan. We were told that we were going to pick one part of the exhibition. Here's the link: https://petrosains.com.my/exhibits-floor-plan/ . We also discussed with the IT students in our group about it.

21.04.20 - 24.04.20 (Week 2)

This week, we had a meeting with the client from Petrosains where they explained further details about the project and the expected outcome. This project is going to be a virtual learning website for people to visit. Due to the current pandemic situation, people couldn't visit the museum and creating Petrosains virtual learning website would be the solution. We were also given the choices of choosing one part of the exhibition. After the meeting, my group discussed together of which part that we would like to choose and work on. 

Aside from that, we were also given some references to give us an idea of what we could produce for this project :
https://www.commonsense.org/education/top-picks/terrific-websites-for-science

https://gettingnerdywithmelandgerdy.com/top-science-websites-for-interactive-learning/

https://www.thoughtco.com/interactive-science-websites-3194782

https://wonderville.org/

http://interactivesites.weebly.com/science.html

https://phet.colorado.edu/en/simulations/category/new

https://www.brainpop.com/

https://www.biointeractive.org/classroom-resources?keyword=&topics=79&resource_type=16&level=98&sort_bef_combine=search_api_relevance+DESC&f%5B0%5D=grade_levels%3A98&f%5B1%5D=resource_type%3A16&f%5B2%5D=topics%3A79

https://www.learner.org/search/?_sft_grade-level=9-12&_sft_subject=science

https://nysci.org/school/play/

https://www.exploratorium.edu/education/teaching-resources

https://www.brainpop.com/games/

28.04.20 - 01.05.20 (Week 3)

This week we had regular consultation with Mr Mike about our idea that we have discussed with Computing students in our team. He told us to think about other more creative ideas than the ones that were given by Petrosains, stated in the slides they provided.

Here's the ideas that we have for Blindspot and Reaction time :


Fig 2.1 Reaction Time Idea & Research
Fig 2.2 Blindspot Idea & Research


05.05.20 - 08.05.20 (Week 4)

This week we had regular consultation with Mr Mike about our idea for Road Safety (Reaction Time and Blindspot). The design style isn't confirmed yet as we still need to research whether it's suitable for our game. We started using Miro Board to track our progress and show Mr Mike during weekly consultation. Here's the link :

https://miro.com/app/board/o9J_ksjYcCI=/

For the Unity space, we discussed as a team on what assets to put inside the space. After that, I put the free 3d assets inside the 3d space. Mr Mike said it's okay but the car should be Petronas F1 car.

Assets for 3d space :

Fig 2.3 Assets for 3d space

We also added 3d model people to put inside the 3d space to show that there are audience/people inside our Speed gallery.

12.05.20 - 15.05.20 (Week 5)

This week we focused on our proposal presentation to propose our idea to the client next week. We had a consultation with Mr Mike to see if there is anything that's missing that we haven't add. We fixed our slides based on Mr Mike's feedback, other than that it's all good.

19.05.20 - 22.05.20 | Week 6 - 7

This week, we had a proposal presentation with the client, Petrosains. We showed to them our ideas and also the 3d space. There were some comments on the game idea and Petrosains liked the 3d space as it had road safety and f1 car racing assets in it. 



Fig 2.4 1st attempt Unity Space

Here is our presentation :


Fig 2.5 Proposal Presentation

After the presentation, we had to work on the 3d assets and UI elements for the game. The design team consisting me, Darrel, Crystal and Rachel split our work so that we could finish faster and hand it to the IT team to do the coding. 

There are some changes that we decided to change such as:

1. Game point of view from Isometric to Arcade view.
2. Blindspot game isn't clear yet that we have to find more references/existing games to look at.
3. 3d space: Petronas F1 car


The next thing to do is the storyboard sketches, color palettes, list of assets and Gantt Chart. Client feedback for unity virtual space is good but F1 car needs to be replaced with Petronas F1 car.

Color Palette :


Fig 2.6 Color Palettes


F1 car for 3d space :
Mr Mike found the same Petronas f1 car which we found also. It is free and free for commercial use so I included this in the 3d space.


Fig 2.7 Petronas F1 car for 3d space

02.06.20 - 12.06.20 | Week 8 - Week 9

This week consultation is about our storyboard for both Blindspot and Reaction Time. Currently, it's very serious and we have to decide if we want the game to be serious or playful. In the end, we chose playful because kids are going to play it. We decided to put fun elements such as speech bubbles and emojis. 


Fig 2.8 Speech Bubbles

Mr Mike also told us to add like a game feedback especially during reaction time. Example: when the time is recorded 00:01 add something to indicate it's fast, instead of users have to wait until the end of the game to see the statistics and they will forget. Here is the emojis to indicate it:



Fig 2.9 Emojis



19.06.20 - 03.07.20 (Week 10 - Week 12)

We handed the IT team the assets on Week 10 so that they have more time to do the coding. Here's the folder for the assets :

https://drive.google.com/drive/folders/1RvfPCH_vyN9XC-WyfaJVvkFCZvDmjlxU?usp=sharing

Here are the images of the assets of what we have done :

Vehicles :

Fig 2.11 Vehicles


Buildings & Street Lights:


Fig 2.12 Buildings

Petrosains/Petronas Branding : 
Fig 2.13 Petronas Gas Station


Fig 2.14 Petrosains Billboard



Environment (grass, tress, decoration)


Fig 2.15 Environment
Pedestrians/ People , boat and sea


Fig 2.16 People, boat and sea



Audio :


Fig 2.17 Audios
Game Assets :
Fig 2.18 Arrows
Fig 2.19 Map

Fig 2.20 Phone Notification

Fig 2.21 Emojis (Fast)

Fig 2.22 Emojis (Slow)


Final Rendered for both scenes :


Fig 2.23 Blindspot Flowchart


Fig 2.24 Reaction Time Flowchart

Fig 2.25 Blindspot 

Fig 2.26 Reaction Time

UI :
Fig 2.27 UI

Animated Main Menu :




Fig 2.28 Animated Main Menu


The 3d space is done but I was tasked to remeshed the 3d assets to reduce the size of the assets. In addition, we had to add some interactivity inside the 3d space, which is where I seek for Computing team's help for the coding. We also discussed on what's the interactivity.

The interactivity we decided on where people can enter the Petronas F1 car and as if they are inside the F1 car. The computing team helped with this and he input scripts when if you press "C", you can enter the F1 Petronas car, but it has range.


Fig 2.29 Interactivity


10.07.20 - 17.07.20 | Week 13 - Week 14

This week the Computing team showed us their progress:

1. The car is working by pressing WASD keypads.
2. Collision detection
3.Speedometer.
4. UI
5. Interactivity in 3d space (going inside the car).

In addition, we added the videos of f1 Petronas car and petrosains to the monitors. 

Final Outcome Game Environment :


Fig 2.30 Game Environment Final


Final Unity 3d space:



Fig 2.31 Unity Space Final (Linked to games)


Here is our final presentation :


Fig 2.32 Final Presentation

Here is the video walkthrough of our prototype:

Fig 2.33 Video Walkthrough

03.07.20 (Week 16)

This week we presented our final presentation to Petrosains as the pitch to sell our idea and prototype.

Feedback from Client : Everything looks good but the vehicle could be changed into Mercedes Benz as Petronas is using Mercedes brand. The buildings Tesco and Giant could be changed to other names due to copyright issues and not sponsored.  For the unity 3d space, remove the safety cones.

Weekly Reflections

Week 1 

Based on the consultation, my group and I should not just rely on our previous knowledge and skills from previous semester. We have to be able to learn and explore more throughout the semester. In addition, we also need to analyse the strength and weakness of each member (inc the IT Computing students). We also contacted the IT students and discussed with them regarding this project.

Week 2 

We got to have a meeting with the client from Petrosains and were briefed about our project. Our project is going to be about a virtual learning website. My team discussed and decided to choose Speed as the topic for our project. We were also interested about the details of the topic(Speed) that were given. We also looked up the reference links that were given and brainstormed about what we could produce.

Week 3

Mr Mike said that we could think of other ideas that are more creative than the ones that were given by Petrosains. We are free to explore as long as it’s still related to the topic given by Petrosains. We had a group discussion and we thought of some ideas that could be interesting and applied into our project.

Week 4

The ideas that we have for reaction time and blind spots are confirmed and agreed. However, we still need to research more to support the design style that we’re aiming for. We should start organizing in miro board to show our progress (Wireframe, flowchart, reference, research, assets). We also discussed in group for the Unity lobby and what assets we are going to put to make it look like a section with a Speed theme (based on Petrosains).

Week 5

Before the presentation, we discussed the things that are needed to be presented to the client. Mr Mike reminded us not to put too much text, but more visual instead. There are some things that are still unclear and we have to fix it. We are also required to show the client the Game User Interface and the animated version of the gameplay. For Unity, everything is fine but the f1 car has to be Petronas f1 car and also Mr Mike advised me to delete some assets that are not used so that the file won’t be so big.

Week 6

After the feedback from the client, they are okay with our idea but there is content and information that is still lacking. Because of that, we are going to have a meeting with them in the future and also a visit to Petrosains. Our Blindspot game idea isn’t very clear yet as we still need to discuss again and find games about blindspot. We are also told to explore the Virtual Road World game app as a reference. In addition, we decided to change the view as it’s more clear than isometric view. The next thing to do is the storyboard sketches, color palettes, list of assets and Gantt Chart. Client feedback for unity virtual space is good but F1 car needs to be replaced with Petronas F1 car.

Week 7

We need to create a more detailed storyboard because what we showed to Mr Mike was too rough. Mr Mike advised us to find free assets of a city and also cars and put it in unity so that it would be more detailed. Other than that, we need to confirm with the color palette for both games. For Gantt chart, the animation should be detailed as in what animation (ex: people, traffic light). This gives me a lesson that it's important to use app like Miro to track our work progress.

Week 8

We fixed our storyboard on what’s lacking and confirm it with the IT students. We decided on making the game fun rather than serious. We were really confused on what to put but thankfully some of us had ideas to add more fun elements such as comic speech bubble and emojis. We agreed as a team that we could use those elements. We delayed the process of our assets delivery to show to Mr Mike on Friday. We started to work on the assets and audio that are assigned to each group member. Each of us has shown to our leader Darrel what we have made so that he could update the Gantt Chart.

Week 9

We showed Mr Mike our environment which we have built in unity with the 3d lowpoly assets we have decided to use. His feedback was that it was good and wanted us to proceed on 2 final rendered views for both blindspot and reaction time games. On Friday, we showed him the final rendered views and got some feedback that overall it looks good, but the UI lacks the branding of Petrosains. He suggested us to use the branding colors and implement it on the UI. In addition, we also added Petronas gas station, Petrosains billboards and also clouds. The Giant and Tesco buildings will be decided later on during the meeting with clients whether we can use the brand or not.

Week 10


Mr Mike recommended the map UI to become like waze map because what we showed to him now is plain. The arrow could also be changed to magenta or something more contrast, so that it won’t clash with the color of the environment. In addition, he also suggested us to create a skybox of clouds and blue sky because right now it looks very gloomy. Mr Mike's feedback has been really helpful to make our game looks really nice and upgraded.

Week 11
Mr Mike approved our map,skybox and arrow which we have refined based on the feedback given last week. We need to inform IT team to update their coding process regularly so that they could show us what they have done. 

Week 12

This week we showed Mr Mike our progress and updates for the coding by the IT Team on Tuesday and presentation on Friday. We confirmed with the IT what they can deliver. In addition, we also showed the unity 3d space interactivity. Mr Mike gave us some suggestions to improve it. He also commented on the landing page and we need to show him next Tuesday. For the presentation, there's some changes needed to be done.

Week 13

We updated Mr Mike with IT’s team progress. They showed the car can be controlled using WASD buttons and also how it is able to detect collision of walls and cars (this is where if the car hits the walls/other vehicles, the player car will restart to spawn point). Speedometer isnt workable yet and our ui design isn’t applied yet. We had to rush IT because next week is submission week.

Week 14

This week is the submission week for the project. IT showed to us their progress without the UI design applied yet, which is where we reminded them to put it. We also showed Mr Mike the videos that were put inside the monitors (computers and walls). Mr Mike also told us to inform IT to submit latest by Sunday. It was a bit hard to contact IT and we also had to rush them to finish the prototype. We were really worried because there were lots of UI they didn't apply. However, in the end they tried to use our UI Design although it's not complete. Some of us also tried to fix some bugs and linked the scenes before submitting. It was a rocky group project but it's a good thing we managed to finish it in the end. IT team said that they will carry this project for their Capstone 2.

Overall, this project reminds how important communication  and teamwork are. Sometimes we feel lost and pressured especially it's harder to do group work through online. Communication is extremely important especially all team members need to communicate well to each other. I think this project provides us a good learning experience to learn how to work for clients and a lesson on how to work as a team.







Comments

Popular posts from this blog

ADVANCED TYPOGRAPHY - EXERCISES

DESIGN PRINCIPLES - EXERCISES & PROJECTS