WEEK 17: Progress

-

 Date: 5 March 2024


Importing The Design Inside Prototype:
I import all the designs that I did in Figma via plugin into ProtoPie because ProtoPie is a little bit limited when it comes to designing the pages. So, once I finished importing, I have to go through all the pages and see if the prototype is still working or if it needs to be fixed or replaced properly.


I encountered a problem when I was trying around to try to make a 'component' of a specific interaction in a page, but unfortunately it resets the whole thing (the navigation and the interactions). It's an unfortunate event to happen because this happened on one of the page that has the most interaction. I was quite frustrated at this because I didn't know what happened. Pressing undo button will not bring me back to how it was supposed to be, so I only had one choice to fix this by redo the page from scratch.

This took a lot of time from me, but I tried my best to redo the page as fast as I can so that I can focus on other pages as well. Once I finished redo, I applied using the 'component' inside that page to make it easier to organize the interaction. I take this as a learning opportunity to learn it while redoing the interaction and it makes it easier if I want to use the same component across the prototype.


I also learned on how to use variables inside the prototype. This is because I want to achieve an outcome where the 'sealing' capsule page will follow according to what users choose. I watched along ProtoPie's tutorial in YouTube to understand how it works. Though the tutorial explains in a little bit different from what I wanted to achieve, but it does help me to understand better on how to use it. Then, I refer to ProtoPie's documentation to read more about it. After that, I managed to apply it and it works just like how I intended it to be.




/ / /


3D Design Assets:
Though Womp 3D often update their software by adding new features inside, I still managed to get as much as assets done. Here are all the 3D assets that I created in Womp 3D that will be used in this project.



I had quite a lot of fun 3D modelling in Womp 3D because the tools are quite easy to use. I'm pretty satisfied with the outcome of all the visuals.


/ / /

‌Reference Link(s):

ProtoPie (2021). ProtoPie Tutorial | How to Use Variables Across Multiple Scenes #AskProtoPie. YouTube. Available at: https://www.youtube.com/watch?v=X7guXWAyxSY&t=217s [Accessed 16 Mar. 2024].

ProtoPie. (2021). ProtoPie Hot Feature: Variables. [online] Available at: https://www.protopie.io/learn/docs/variables/getting-started [Accessed 16 Mar. 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