top of page
Writer's pictureJingyi Loh

13-1 Prototyping progress

Week 13

HI. This week is focusing on the updates on my technical progress and arrangement of content information


This blog will be mainly showing the further updates on my information layout progress after analyzing different references and also the start of my technical progress.

 

Information planning progress

After deciding on delivering my content information with the 3D space as the background, I wanted to add another additional information on the natural places to be able to showcase their individual uniqueness and highlight it. By doing so, I will also be able to incorporate some illustrations as part of the background to make it look more interesting. The planning is quite lengthy, I arranged the information in a Google doc instead.


Content layout progress

I did a few layout arrangement after going through several references and had the first sharing of the week with one of the advisor. Layout 1 to 4 was the structure that I had discussions on. The feedback were; the layout without the container looks better, and among Layout 1 & 2, Layout 1 looks more appealing. However, there is one confusing part, because the information provided include nearby Airbnb accommodation and nearby nature places, users might misinterpret that the accommodation info provided is also covering the other nearby nature places. This is quite understandable, I will need to think of an alternative way to restructure the content layout.


My refine ideas are Refine layout 1 & 2. Instead of just a list, I used a map to illustrate the nearby Airbnb accommodations. I feel like through this way, it would clearly show that the accommodations presented are strictly just for that specific place.


3D progress

I am also slowly setting up my 3D models, I am preparing the assets part by part, and these are the current progress.


Technical progress

This week's technical progress include:

- setting up the first-person 360° camera

- uploading my first draft of 3D space as a placeholder

- adding interactive hotspot on specific places in the 3D space

- experimenting UI using the native 2D UI screen or HTML+CSS

- added a 2D illustration to test out how well it blend with it

- testing out the visibility of the white color text overlay on top of the 3D space


Thoughts:

- after a few adjustment with the camera, I was able to reduce the dizziness of it when rotating around the space. I think it's working quite well now.

- I am using my first drafted 3D space as a placeholder first, my new refine 3D space is still in-progress

- I manage to add the clickable hotspots at specific locations, however, I have yet to discover how to assign events to it

- I wanted to see which way is better to execute my UI, using the native 2D screen engine or plain HTML+CSS. One of my advisor suggested that I use their native 2D screen engine for better performance, less buggy.

- I wanted to see whether the 2D illustrations would blend well in the 3D space, I think the colors and style can be improve, but right now, I can see that it is working, I will keep refining the illustrations

- I used white text on my wireframes design, so I wanted to test out whether it is still visible on the actual 3D space


These are so far the progress for this week, I will keep working on it and updating my progress. I will put more focus on the technical and slowly work on the visuals, as the experimentation of technical would take more time, I will try and set up the technical parts as much as possible, while on the side, I'll be working on the content information, 3D modelling, 2D illustrations, and UI design.

 

In the next blog, I'll be updating my project risk and hazard management, and the scope and feasibility of it by laying all the tasks.

Bye! :)



11 views0 comments

Comentários


bottom of page