How to use overlays in Figma

What was easy?

Getting the information once I thought of what to do

What was challenging?

Coming up with the idea initially, ensuring all the prototyping worked

How could your submission be improved?

Adding more info, more controls over the videos, improved layout.

How could I improve the assignment for the next class?

Examples of AR apps that could be used as inspiration

How might you apply your knowledge in future assignments or work scenarios?

I can create an overlay for quick information on a app or website

How did a specific reading or video inspire or help you?

I was playing Stardew Valley and got the idea of making it a guide on where the townspeople were as I had an issue with it when I originally started playing the game.

The basics of web development and using figma as a way to design sites prior to coding them.

What was easy?

The initial website design and initial code.

What was challenging?

getting aspects like the header and footer to work properly and making interactable aspects work.

How could your submission be improved?

spending more time or talking to the professor about the areas that I was having difficulty in.

How could I improve the assignment for the next class?

More talks about how to translate the code you get from figma into a working website.

How might you apply your knowledge in future assignments or work scenarios?

I can use the experience I gained with this project to help with my future web development classes.

How did a specific reading or video inspire or help you?

The recorded classes helped me a lot as I rewatched them a few times.

Here are some pictures of my website running on my laptop.

I learned more about how to set up a UI in a way that makes sense to the user and translates to a smooth user experience.

2. What was easy?

Getting an initial design down, I had an idea of what I wanted to do from the work I did during Lab 1.

3. What was challenging?

Making the UI as natural as possible. Making sure that that the transitions make sense to the average user and not just me as the creator.

4. How could your submission be improved?

I could have done more polishing to the aesthetics and a bit more changes to optimize the user experience.

I would also want to potentially add labels under the footer; however, I would want to use user testing to determine if it is necessary or it introductory prompts would work more efficiently.

5. How could I improve the assignment for the next class?

More examples of demo apps that inspiration for different UI elements could come from, looking at different applications I use commonly for inspiration was extremely helpful.

6. How might you apply your knowledge in future assignments or work scenarios?

I can apply the knowledge of starting to create a user-friendly UI to make applications or design UI for different use cases.

7. How did a specific reading or video inspire or help you?

Looking at apps like Spotify/TikTok and different websites approaches to different pages helped and inspired me a lot.