Categories
DMA217

Project 1 TODO App

DMA217

Click here to interact with my TODO App!

In this project I learned a lot about what it takes to be a basic UX designer when it comes to creating an app. It was a fun process when it came to learning how to plan a concept, and then make it come to functional life within Figma. I learned a lot about Figma as a program from creating buttons to adding components. All of these small tools help make your experience within the program very easy. I viewed it as setting up your foundation on your master slide in order to create functionality as you move forward.

Master File with all needed components and variants.

The easy part for me was applying my sketches and concept to Figma fairly quickly. Once I became confident in myself navigating around the program, you can really do some amazing things at an impressive speed whether that’s adding a frame or navigating your noodles from page to page.

Very Rough Interface Sketch
Secondary Rough Sketch

What was fun about this was being able to take these very rough basic sketches that almost look like nothing, and turn it into a complete app. Once you have a foundational base, you’re able to really use your mind to move forward when you’re creating frames. My sketches show basic layouts when it came to my app, but once you really get into Figma and all of its tools you expand greatly.

The most challenging aspect for me during this project was two pieces. The first being making sure my noodles from each frame were navigating correctly. It can really cross you up prototyping your app multiple times in order to make sure it’s functioning the way you want it too. Secondly, using the maze tool to help test my app I thought was somewhat challenging. However, once completed I was able to get an accurate score to help improve my app for my users.

Noodle Navigation

From an improvement standpoint, I think I could have made it more intricate. The whole concept was to create a functional employee business app that is progress based. I think layout wise I could have changed some things and added some more visually pleasing frames, but overall I think it’s complex enough, yet still simple enough for users to understand the idea.

Overall the way this assignment was done I thought was great. The video tutorials definitely helped, because once I got that down I was able to move fairly quickly on the project itself.

I will be able to apply the basic concepts in Figma of variant and component creation in my future projects. This was a big help when it came to structural organization.

When creating this project, I used a lot of links from past students to help get inspiration. Being able to see what they did, and how they navigated through their own process helped me create a layout and a concept that worked for me.