WEEK 15 & 16: Progress & Demo Day

-

  Date: 20 - 27 February 2024


Prototyping:
In the 'CAPSOUL To The Sea' feature, there's a page where user can move/tilt their phone around to find capsule. I manage to achieve this interaction through learning from a YouTube video from ProtoPie where they have an example of this interaction. They included a prototype file of this interaction, so I downloaded it and see how they made this interaction.

They use a sensor trigger called 'Tilt', and it can chose which axis do I want it to be titled in. It was pretty confusing at first, so I have to also go back to the documentation that has been provided by ProtoPie website to understand on how to make it work better. Then, I also include 'Camera' inside the interaction so that it will opens up the phone's rear camera when they are in this page. This is to kind of simulate the AR kind of interaction in this prototype.




/ / /


Gradient Design Assets:
I start creating some gradient design assets for the app, mainly to be used as background image of the pages. I refer to my art direction references, and attempted to get similar results. Some worked, and some didn't.


/ / /


3D Design Assets:
I continued to create more assets 3D assets, but then I realised that Womp 3D can't export transparent background videos or PNG sequences. They can only exported as PNG or a video with a background. Plus, they are not much settings to animate the 3D model other than use the existing 'Turn' animation or manually move each model while it is being screen recording. This is quite frustrating because at this point, I have already finalized some of the 3D models.

So, I tried to research around if it's possible to make it happen in another way. I found a YouTube tutorial by user 'jbdtube' where he explains how to import the 3D model and materials from Womp 3D to Blender. Then, I attempt to do this and see if I could import it to Blender and animate it.

Once I finally import it inside Blender, the only problem is that the lighting is totally different than what I have achieved in Womp 3D. No matter that lighting I put, it just looks different and now what I wanted.



Then I found that it could be because of the HDRI. So, I managed to find the same HDRI that is being used by Womp 3D and apply it in Blender. However, it still doesn't look quite like it.



With no solution to this, I start to put this away and focus on modelling in Womp 3D to get as much as assets done.


/ / /


Demo Day:
On demo day, I managed to test my app with 6 people. All 6 people answered my survey form and gave me their feedbacks and suggestions.


After gathering the data, I made an action plan table. I have listed out what are my proposed actions on the feedbacks and analyse why they give such feedbacks.


Reference Link(s):

jbdtube (2023). Videoguide - Export from Womp Import in Blender, 3D Model, Mesh, Material, Texture, Easy, Fast, Free. YouTube. Available at: https://www.youtube.com/watch?v=90-aRRAVnjA [Accessed 20 Feb. 2024].

ProtoPie (2016). ProtoPie Demo: Panoramic Camera prototype made with ProtoPie. YouTube. Available at: https://www.youtube.com/watch?v=fTXo6eMZE4g [Accessed 20 Feb. 2024].

ProtoPie. (2024). How to create Triggers | Interactions | ProtoPie Guide. [online] Available at: https://www.protopie.io/learn/docs/interactions/triggers#tilt [Accessed 20 Feb. 2024].

ProtoPie (2022). Practice ProtoPie: Color Change Effect Using Tilt Feature in ProtoPie Studio. YouTube. Available at: https://www.youtube.com/watch?v=4sgMEoulukw [Accessed 20 Feb. 2024].


Comments

Post a Comment

Popular posts from this blog

WEEK 18: Final Submission

-
Image
  Date: 12 March 2024 Presentation : I prepared presentation slides for the presentation on the final week. Link to the slides . / / / Rationale : In today's fast-paced world, grief is a universal experience that affects individuals in profound ways. Whether it's the loss of a loved one, a job, or a significant life change, navigating the complexities of grief can be overwhelming and challenging, especially to those who experienced it for the first time. When experiencing grief, people often go through a range of intense feelings such as sadness, anger, guilt, and confusion. Many people find themselves struggling to cope with these emotions, leading to the development of unhealthy coping mechanisms which cause more harm than healing. Understanding why individuals may resort to these behaviors is crucial in designing effective interventions such as a grief-focused app. After conducting a user research, there are some insights that could lead some people to resolve the destructiv...
Read more

WEEK 10 & 11: Design & Prototyping Phase

-
Image
  Date: 9 - 16 January 2024 Lo-Fidelity Wireframing : In these two weeks, I start to focus on completing the pages as much as I can before Week 12 for the presentation. I personally felt like I was a bit struggling with planning the layout of each pages because I have to keep on changing and experimenting on which layout looks more easy on the eyes, and if it's suitable and consistent with other pages that is already designed. It is also because I might have a lot of pages for each features, so it takes more time to actually plan and experiment with what layout would suit them better. / / / Wireframe Prototyping : At the same time, I started to import some of the wireframe that I have finalized into ProtoPie via a plugin available in Figma. Then, I start by prototyping the onboarding pages first.  I wanted to make the onboarding pages to be able to swipe left and right, but also to make the pages scroll by itself when user presses the arrow button. So, I managed to find a...
Read more

WEEK 7: Do Good Project Proposal

-
Image
Date: 19 December 2023 Learning Plan : This week I refined my learning plan based on the feedback that I received from last week. I decided to focus on improving my prototyping skills by using an advance prototype tool, which is ProtoPie. ProtoPie is a prototype tool that is widely used by experts in the UI/UX design industry. It offers a lot of features that other softwares don't have. My current prototype skills is slightly above average because of previous semester subjects, and I find myself to be interested in leveling up my skills in this area. I finally be able to finalize my Phase 1 and Phase 2 with the new changes that I have made. I researched on how to make my learning process easier and smoother by exploring resources that is available online. There are a lot of platforms that is useful for me to look forward into when I am learning the new software. I also prepared myself for this learning plan by reaching out to the ProtoPie support team to apply for the student plan....
Read more